@sqlrooms/mosaic 0.29.0-rc.2 → 0.29.0-rc.4

package/dist/boxplot/BoxPlotClient.js

@@ -0,0 +1,264 @@
+import { MosaicClient, clauseInterval, } from '@uwdata/mosaic-core';
+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;
+    state = {
+        isLoading: true,
+        outliers: [],
+        summaries: [],
+    };
+    destroyed = false;
+    constructor(options) {
+        super(options.selection);
+        this.onStateChange = options.onStateChange;
+        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) {
+        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) {
+        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/boxplot/BoxPlotClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxPlotClient.js","sourceRoot":"","sources":["../../src/boxplot/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';\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  onStateChange: (state: BoxPlotState) => void;\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\nexport function buildBoxPlotQuery(args: {\n  filter?: FilterExpr | null;\n  tableName: string;\n  x: string;\n  y: string;\n}): 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 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.onStateChange = options.onStateChange;\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    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    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/chart/MosaicDashboardChart.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import { type ChartPanelConfig } from '../dashboard/MosaicDashboardSlice';
+import { MosaicReadyConnection } from '../MosaicSlice';
+import { ChartTypeDefinition } from '../chart-types/base-types';
+export type MosaicDashboardChartProps = {
+    dashboardId: string;
+    chartTypeDef: ChartTypeDefinition;
+    tableName: string;
+    connection: MosaicReadyConnection;
+    selectionName: string;
+    panel: ChartPanelConfig;
+};
+export declare const MosaicDashboardChart: FC<MosaicDashboardChartProps>;
+//# sourceMappingURL=MosaicDashboardChart.d.ts.map

package/dist/chart/MosaicDashboardChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChart.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAG3C,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAG9D,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,mBAAmB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,qBAAqB,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA2D9D,CAAC"}

package/dist/chart/MosaicDashboardChart.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { ChartSettingsContent } from './chart-settings/ChartSettingsContent';
+import { MosaicDashboardPanelLayout } from '../dashboard/MosaicDashboardPanelLayout';
+import { useStoreWithMosaicDashboard, } from '../dashboard/MosaicDashboardSlice';
+import { useGenerateSpec } from './useGenerateSpec';
+import { MosaicDashboardChartContent } from './MosaicDashboardChartContent';
+export const MosaicDashboardChart = ({ chartTypeDef, tableName, connection, dashboardId, selectionName, panel, }) => {
+    const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
+    const isSettingsOpen = panel.config.settingsOpen;
+    const handleOpenChange = useCallback((isOpen) => {
+        updatePanel(dashboardId, panel.id, {
+            config: { ...panel.config, settingsOpen: isOpen },
+        });
+    }, [dashboardId, panel.config, panel.id, updatePanel]);
+    const spec = useGenerateSpec(tableName, panel.config.settings, chartTypeDef);
+    const settingsContent = (_jsx(ChartSettingsContent, { dashboardId: dashboardId, panel: panel, spec: spec.spec, tableName: tableName, onClose: () => handleOpenChange(false) }));
+    const chartContent = (_jsx("div", { className: "h-full overflow-auto p-2", children: _jsx(MosaicDashboardChartContent, { dashboardId: dashboardId, panel: panel, selectionName: selectionName, chartTypeDefinition: chartTypeDef, tableName: tableName, connection: connection, spec: spec }) }));
+    return (_jsx("div", { className: "h-full min-h-0", children: _jsx(MosaicDashboardPanelLayout, { isOpen: isSettingsOpen, onIsOpenChange: handleOpenChange, settings: settingsContent, content: chartContent }) }));
+};
+//# sourceMappingURL=MosaicDashboardChart.js.map

package/dist/chart/MosaicDashboardChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChart.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,oBAAoB,EAAC,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAC,0BAA0B,EAAC,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAEL,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAW1E,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAEjD,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE;QAClB,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAC;SAChD,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACnD,CAAC;IAEF,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE7E,MAAM,eAAe,GAAG,CACtB,KAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACtC,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,2BAA2B,IAC1B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,YAAY,EACjC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,0BAA0B,IACzB,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,YAAY,GACrB,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback} from 'react';\nimport {ChartSettingsContent} from './chart-settings/ChartSettingsContent';\nimport {MosaicDashboardPanelLayout} from '../dashboard/MosaicDashboardPanelLayout';\nimport {\n  type ChartPanelConfig,\n  useStoreWithMosaicDashboard,\n} from '../dashboard/MosaicDashboardSlice';\nimport {useGenerateSpec} from './useGenerateSpec';\nimport {MosaicReadyConnection} from '../MosaicSlice';\nimport {ChartTypeDefinition} from '../chart-types/base-types';\nimport {MosaicDashboardChartContent} from './MosaicDashboardChartContent';\n\nexport type MosaicDashboardChartProps = {\n  dashboardId: string;\n  chartTypeDef: ChartTypeDefinition;\n  tableName: string;\n  connection: MosaicReadyConnection;\n  selectionName: string;\n  panel: ChartPanelConfig;\n};\n\nexport const MosaicDashboardChart: FC<MosaicDashboardChartProps> = ({\n  chartTypeDef,\n  tableName,\n  connection,\n  dashboardId,\n  selectionName,\n  panel,\n}) => {\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const isSettingsOpen = panel.config.settingsOpen;\n\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => {\n      updatePanel(dashboardId, panel.id, {\n        config: {...panel.config, settingsOpen: isOpen},\n      });\n    },\n    [dashboardId, panel.config, panel.id, updatePanel],\n  );\n\n  const spec = useGenerateSpec(tableName, panel.config.settings, chartTypeDef);\n\n  const settingsContent = (\n    <ChartSettingsContent\n      dashboardId={dashboardId}\n      panel={panel}\n      spec={spec.spec}\n      tableName={tableName}\n      onClose={() => handleOpenChange(false)}\n    />\n  );\n\n  const chartContent = (\n    <div className=\"h-full overflow-auto p-2\">\n      <MosaicDashboardChartContent\n        dashboardId={dashboardId}\n        panel={panel}\n        selectionName={selectionName}\n        chartTypeDefinition={chartTypeDef}\n        tableName={tableName}\n        connection={connection}\n        spec={spec}\n      />\n    </div>\n  );\n\n  return (\n    <div className=\"h-full min-h-0\">\n      <MosaicDashboardPanelLayout\n        isOpen={isSettingsOpen}\n        onIsOpenChange={handleOpenChange}\n        settings={settingsContent}\n        content={chartContent}\n      />\n    </div>\n  );\n};\n"]}

package/dist/chart/MosaicDashboardChartContent.d.ts

@@ -0,0 +1,16 @@
+import { type FC } from 'react';
+import { ChartTypeDefinition } from '../chart-types/base-types';
+import { UseGenerateSpecResult } from './useGenerateSpec';
+import { MosaicReadyConnection } from '../MosaicSlice';
+import { ChartPanelConfig } from '../dashboard/MosaicDashboardSlice';
+export type MosaicDashboardChartContentProps = {
+    chartTypeDefinition: ChartTypeDefinition;
+    tableName: string;
+    connection: MosaicReadyConnection;
+    spec: UseGenerateSpecResult;
+    selectionName: string;
+    panel: ChartPanelConfig;
+    dashboardId: string;
+};
+export declare const MosaicDashboardChartContent: FC<MosaicDashboardChartContentProps>;
+//# sourceMappingURL=MosaicDashboardChartContent.d.ts.map

package/dist/chart/MosaicDashboardChartContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartContent.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChartContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EACL,mBAAmB,EAGpB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAInE,MAAM,MAAM,gCAAgC,GAAG;IAC7C,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,qBAAqB,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAqCjC,CAAC"}

package/dist/chart/MosaicDashboardChartContent.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isComponentChartType, isSpecChartType, } from '../chart-types/base-types';
+import { MosaicDashboardVgPlotChart } from './MosaicDashboardVgPlotChart';
+import { MosaicDashboardComponentChart } from './MosaicDashboardComponentChart';
+import { useChartRetainer } from './useChartRetainer';
+import { useBrushSelectionParams } from './useBrushSelectionParams';
+export const MosaicDashboardChartContent = ({ selectionName, panel, dashboardId, chartTypeDefinition, tableName, connection, spec, }) => {
+    const retention = useChartRetainer(dashboardId, panel.id);
+    const params = useBrushSelectionParams(selectionName);
+    if (isSpecChartType(chartTypeDefinition)) {
+        return (_jsx(MosaicDashboardVgPlotChart, { spec: spec, retention: retention, params: params }));
+    }
+    if (isComponentChartType(chartTypeDefinition)) {
+        return (_jsx(MosaicDashboardComponentChart, { tableName: tableName, panel: panel, chartTypeDefinition: chartTypeDefinition, connection: connection, retention: retention, params: params }));
+    }
+    throw new Error('Unsupported chart type definition');
+};
+//# sourceMappingURL=MosaicDashboardChartContent.js.map

package/dist/chart/MosaicDashboardChartContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartContent.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChartContent.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,oBAAoB,EACpB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAI9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAYlE,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EACH,aAAa,EACb,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,IAAI,GACL,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,gBAAgB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;IAEtD,IAAI,eAAe,CAAC,mBAAmB,CAAC,EAAE,CAAC;QACzC,OAAO,CACL,KAAC,0BAA0B,IACzB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC;IAED,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,CAAC;QAC9C,OAAO,CACL,KAAC,6BAA6B,IAC5B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;AACvD,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {\n  ChartTypeDefinition,\n  isComponentChartType,\n  isSpecChartType,\n} from '../chart-types/base-types';\nimport {MosaicDashboardVgPlotChart} from './MosaicDashboardVgPlotChart';\nimport {MosaicDashboardComponentChart} from './MosaicDashboardComponentChart';\nimport {UseGenerateSpecResult} from './useGenerateSpec';\nimport {MosaicReadyConnection} from '../MosaicSlice';\nimport {ChartPanelConfig} from '../dashboard/MosaicDashboardSlice';\nimport {useChartRetainer} from './useChartRetainer';\nimport {useBrushSelectionParams} from './useBrushSelectionParams';\n\nexport type MosaicDashboardChartContentProps = {\n  chartTypeDefinition: ChartTypeDefinition;\n  tableName: string;\n  connection: MosaicReadyConnection;\n  spec: UseGenerateSpecResult;\n  selectionName: string;\n  panel: ChartPanelConfig;\n  dashboardId: string;\n};\n\nexport const MosaicDashboardChartContent: FC<\n  MosaicDashboardChartContentProps\n> = ({\n  selectionName,\n  panel,\n  dashboardId,\n  chartTypeDefinition,\n  tableName,\n  connection,\n  spec,\n}) => {\n  const retention = useChartRetainer(dashboardId, panel.id);\n  const params = useBrushSelectionParams(selectionName);\n\n  if (isSpecChartType(chartTypeDefinition)) {\n    return (\n      <MosaicDashboardVgPlotChart\n        spec={spec}\n        retention={retention}\n        params={params}\n      />\n    );\n  }\n\n  if (isComponentChartType(chartTypeDefinition)) {\n    return (\n      <MosaicDashboardComponentChart\n        tableName={tableName}\n        panel={panel}\n        chartTypeDefinition={chartTypeDefinition}\n        connection={connection}\n        retention={retention}\n        params={params}\n      />\n    );\n  }\n\n  throw new Error('Unsupported chart type definition');\n};\n"]}

package/dist/chart/MosaicDashboardChartHeaderActions.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type ChartPanelRendererProps } from '../dashboard/MosaicDashboardSlice';
+export declare const MosaicDashboardChartHeaderActions: FC<ChartPanelRendererProps>;
+//# sourceMappingURL=MosaicDashboardChartHeaderActions.d.ts.map

package/dist/chart/MosaicDashboardChartHeaderActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartHeaderActions.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChartHeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,iCAAiC,EAAE,EAAE,CAAC,uBAAuB,CAmCzE,CAAC"}

package/dist/chart/MosaicDashboardChartHeaderActions.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@sqlrooms/ui';
+import { SettingsIcon } from 'lucide-react';
+import { useCallback } from 'react';
+import { useStoreWithMosaicDashboard, } from '../dashboard/MosaicDashboardSlice';
+export const MosaicDashboardChartHeaderActions = ({ dashboardId, panel, }) => {
+    const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
+    const isSettingsOpen = Boolean(panel.config.settingsOpen);
+    const handleToggleSettings = useCallback(() => {
+        updatePanel(dashboardId, panel.id, {
+            config: { ...panel.config, settingsOpen: !isSettingsOpen },
+        });
+    }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);
+    return (_jsx(_Fragment, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "data-[state=active]:bg-accent h-6 w-6", title: "Chart settings", onClick: handleToggleSettings, "data-state": isSettingsOpen ? 'active' : 'inactive', children: _jsx(SettingsIcon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Chart settings" })] }) }));
+};
+//# sourceMappingURL=MosaicDashboardChartHeaderActions.js.map

package/dist/chart/MosaicDashboardChartHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartHeaderActions.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChartHeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEL,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,iCAAiC,GAAgC,CAAC,EAC7E,WAAW,EACX,KAAK,GACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,cAAc,EAAC;SACzD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,4BACE,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,oBAAoB,gBACjB,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,YAElD,KAAC,YAAY,IAAC,SAAS,EAAC,aAAa,GAAG,GACjC,GACM,EACjB,KAAC,cAAc,iCAAgC,IACvC,GACT,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {SettingsIcon} from 'lucide-react';\nimport {type FC, useCallback} from 'react';\nimport {\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from '../dashboard/MosaicDashboardSlice';\n\nexport const MosaicDashboardChartHeaderActions: FC<ChartPanelRendererProps> = ({\n  dashboardId,\n  panel,\n}) => {\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const isSettingsOpen = Boolean(panel.config.settingsOpen);\n\n  const handleToggleSettings = useCallback(() => {\n    updatePanel(dashboardId, panel.id, {\n      config: {...panel.config, settingsOpen: !isSettingsOpen},\n    });\n  }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);\n\n  return (\n    <>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"data-[state=active]:bg-accent h-6 w-6\"\n            title=\"Chart settings\"\n            onClick={handleToggleSettings}\n            data-state={isSettingsOpen ? 'active' : 'inactive'}\n          >\n            <SettingsIcon className=\"h-3.5 w-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>Chart settings</TooltipContent>\n      </Tooltip>\n    </>\n  );\n};\n"]}

package/dist/chart/MosaicDashboardChartRenderer.d.ts

@@ -0,0 +1,3 @@
+import { type MosaicDashboardPanelRenderer, type ChartPanelConfig } from '../dashboard/MosaicDashboardSlice';
+export declare const mosaicDashboardChartRenderer: MosaicDashboardPanelRenderer<ChartPanelConfig>;
+//# sourceMappingURL=MosaicDashboardChartRenderer.d.ts.map

package/dist/chart/MosaicDashboardChartRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartRenderer.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,4BAA4B,EACjC,KAAK,gBAAgB,EAGtB,MAAM,mCAAmC,CAAC;AAwD3C,eAAO,MAAM,4BAA4B,EAAE,4BAA4B,CAAC,gBAAgB,CAKrF,CAAC"}

package/dist/chart/MosaicDashboardChartRenderer.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { SpinnerPane } from '@sqlrooms/ui';
+import { BarChart3Icon } from 'lucide-react';
+import { MosaicDashboardChartHeaderActions } from './MosaicDashboardChartHeaderActions';
+import { useStoreWithMosaicDashboard, } from '../dashboard/MosaicDashboardSlice';
+import { useChartTypeDefinition } from '../chart-types/useChartTypeDefinition';
+import { MosaicDashboardChart } from './MosaicDashboardChart';
+const MosaicDashboardChartRenderer = ({ panel, dashboardId, selectionName, }) => {
+    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
+    const chartTypeDef = useChartTypeDefinition(panel.config.chartType);
+    const tableName = panel.source?.tableName;
+    if (!chartTypeDef) {
+        return (_jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: ["Unknown chart type: ", panel.config.chartType] }));
+    }
+    if (!tableName) {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Please select a data table first" }));
+    }
+    if (connection.status === 'loading' || connection.status === 'idle') {
+        return _jsx(SpinnerPane, { className: "h-full w-full" });
+    }
+    if (connection.status === 'error') {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Mosaic connection failed" }));
+    }
+    return (_jsx(MosaicDashboardChart, { dashboardId: dashboardId, selectionName: selectionName, panel: panel, chartTypeDef: chartTypeDef, tableName: tableName, connection: connection }));
+};
+export const mosaicDashboardChartRenderer = {
+    component: MosaicDashboardChartRenderer,
+    headerActions: MosaicDashboardChartHeaderActions,
+    icon: BarChart3Icon,
+};
+//# sourceMappingURL=MosaicDashboardChartRenderer.js.map

package/dist/chart/MosaicDashboardChartRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartRenderer.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAIL,2BAA2B,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAE5D,MAAM,4BAA4B,GAAgC,CAAC,EACjE,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IAEF,MAAM,YAAY,GAAG,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC;IAE1C,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CACL,eAAK,SAAS,EAAC,uEAAuE,qCAC/D,KAAK,CAAC,MAAM,CAAC,SAAS,IACvC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,iDAEhF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;QACpE,OAAO,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC;IACnD,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAClC,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,yCAEhF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GACvC;IACE,SAAS,EAAE,4BAA4B;IACvC,aAAa,EAAE,iCAAiC;IAChD,IAAI,EAAE,aAAa;CACpB,CAAC","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport {BarChart3Icon} from 'lucide-react';\nimport {type FC} from 'react';\nimport {MosaicDashboardChartHeaderActions} from './MosaicDashboardChartHeaderActions';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type ChartPanelConfig,\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n} from '../dashboard/MosaicDashboardSlice';\nimport {useChartTypeDefinition} from '../chart-types/useChartTypeDefinition';\nimport {MosaicDashboardChart} from './MosaicDashboardChart';\n\nconst MosaicDashboardChartRenderer: FC<ChartPanelRendererProps> = ({\n  panel,\n  dashboardId,\n  selectionName,\n}) => {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n\n  const chartTypeDef = useChartTypeDefinition(panel.config.chartType);\n  const tableName = panel.source?.tableName;\n\n  if (!chartTypeDef) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Unknown chart type: {panel.config.chartType}\n      </div>\n    );\n  }\n\n  if (!tableName) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Please select a data table first\n      </div>\n    );\n  }\n\n  if (connection.status === 'loading' || connection.status === 'idle') {\n    return <SpinnerPane className=\"h-full w-full\" />;\n  }\n\n  if (connection.status === 'error') {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Mosaic connection failed\n      </div>\n    );\n  }\n\n  return (\n    <MosaicDashboardChart\n      dashboardId={dashboardId}\n      selectionName={selectionName}\n      panel={panel}\n      chartTypeDef={chartTypeDef}\n      tableName={tableName}\n      connection={connection}\n    />\n  );\n};\n\nexport const mosaicDashboardChartRenderer: MosaicDashboardPanelRenderer<ChartPanelConfig> =\n  {\n    component: MosaicDashboardChartRenderer,\n    headerActions: MosaicDashboardChartHeaderActions,\n    icon: BarChart3Icon,\n  };\n"]}

package/dist/chart/MosaicDashboardComponentChart.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { ComponentChartTypeDefinition, ChartRetainer, BrushSelectionParams } from '../chart-types/base-types';
+import { ChartPanelConfig } from '../dashboard/MosaicDashboardSlice';
+import { MosaicReadyConnection } from '../MosaicSlice';
+export type MosaicDashboardComponentChartProps = {
+    tableName: string;
+    panel: ChartPanelConfig;
+    chartTypeDefinition: ComponentChartTypeDefinition;
+    connection: MosaicReadyConnection;
+    retention: ChartRetainer;
+    params: BrushSelectionParams | undefined;
+};
+export declare const MosaicDashboardComponentChart: FC<MosaicDashboardComponentChartProps>;
+//# sourceMappingURL=MosaicDashboardComponentChart.d.ts.map

package/dist/chart/MosaicDashboardComponentChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardComponentChart.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardComponentChart.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,4BAA4B,EAC5B,aAAa,EACb,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,kCAAkC,GAAG;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,gBAAgB,CAAC;IACxB,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAC5C,kCAAkC,CAgBnC,CAAC"}

package/dist/chart/MosaicDashboardComponentChart.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export const MosaicDashboardComponentChart = ({ tableName, panel, chartTypeDefinition, connection, retention, params, }) => {
+    return React.createElement(chartTypeDefinition.renderer, {
+        tableName,
+        config: panel.config,
+        coordinator: connection.coordinator,
+        params,
+        retention,
+    });
+};
+//# sourceMappingURL=MosaicDashboardComponentChart.js.map

package/dist/chart/MosaicDashboardComponentChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardComponentChart.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardComponentChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAkBhC,MAAM,CAAC,MAAM,6BAA6B,GAEtC,CAAC,EACH,SAAS,EACT,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,OAAO,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE;QACvD,SAAS;QACT,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,WAAW,EAAE,UAAU,CAAC,WAAW;QACnC,MAAM;QACN,SAAS;KACV,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import React, {FC} from 'react';\nimport {\n  ComponentChartTypeDefinition,\n  ChartRetainer,\n  BrushSelectionParams,\n} from '../chart-types/base-types';\nimport {ChartPanelConfig} from '../dashboard/MosaicDashboardSlice';\nimport {MosaicReadyConnection} from '../MosaicSlice';\n\nexport type MosaicDashboardComponentChartProps = {\n  tableName: string;\n  panel: ChartPanelConfig;\n  chartTypeDefinition: ComponentChartTypeDefinition;\n  connection: MosaicReadyConnection;\n  retention: ChartRetainer;\n  params: BrushSelectionParams | undefined;\n};\n\nexport const MosaicDashboardComponentChart: FC<\n  MosaicDashboardComponentChartProps\n> = ({\n  tableName,\n  panel,\n  chartTypeDefinition,\n  connection,\n  retention,\n  params,\n}) => {\n  return React.createElement(chartTypeDefinition.renderer, {\n    tableName,\n    config: panel.config,\n    coordinator: connection.coordinator,\n    params,\n    retention,\n  });\n};\n"]}

package/dist/chart/MosaicDashboardVgPlotChart.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { UseGenerateSpecResult } from './useGenerateSpec';
+import { ChartRetainer, BrushSelectionParams } from '../chart-types/base-types';
+export type MosaicDashboardVgPlotChartProps = {
+    spec: UseGenerateSpecResult;
+    retention: ChartRetainer;
+    params: BrushSelectionParams | undefined;
+};
+export declare const MosaicDashboardVgPlotChart: FC<MosaicDashboardVgPlotChartProps>;
+//# sourceMappingURL=MosaicDashboardVgPlotChart.d.ts.map

package/dist/chart/MosaicDashboardVgPlotChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardVgPlotChart.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardVgPlotChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AACzB,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAE9E,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAWhC,CAAC"}

package/dist/chart/MosaicDashboardVgPlotChart.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MosaicDashboardVgPlotError } from './MosaicDashboardVgPlotError';
+import { VgPlotChart } from '../VgPlotChart';
+export const MosaicDashboardVgPlotChart = ({ spec, retention, params }) => {
+    if (spec.error) {
+        return (_jsx("div", { className: "flex h-full flex-col items-center justify-center", children: _jsx(MosaicDashboardVgPlotError, { error: spec.error }) }));
+    }
+    return _jsx(VgPlotChart, { spec: spec.spec, params: params, retention: retention });
+};
+//# sourceMappingURL=MosaicDashboardVgPlotChart.js.map

package/dist/chart/MosaicDashboardVgPlotChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardVgPlotChart.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardVgPlotChart.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAS3C,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,EAAE,EAAE;IAChC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,0BAA0B,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GAC7C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAChF,CAAC,CAAC","sourcesContent":["import {FC} from 'react';\nimport {UseGenerateSpecResult} from './useGenerateSpec';\nimport {MosaicDashboardVgPlotError} from './MosaicDashboardVgPlotError';\nimport {VgPlotChart} from '../VgPlotChart';\nimport {ChartRetainer, BrushSelectionParams} from '../chart-types/base-types';\n\nexport type MosaicDashboardVgPlotChartProps = {\n  spec: UseGenerateSpecResult;\n  retention: ChartRetainer;\n  params: BrushSelectionParams | undefined;\n};\n\nexport const MosaicDashboardVgPlotChart: FC<\n  MosaicDashboardVgPlotChartProps\n> = ({spec, retention, params}) => {\n  if (spec.error) {\n    return (\n      <div className=\"flex h-full flex-col items-center justify-center\">\n        <MosaicDashboardVgPlotError error={spec.error} />\n      </div>\n    );\n  }\n\n  return <VgPlotChart spec={spec.spec} params={params} retention={retention} />;\n};\n"]}

package/dist/chart/MosaicDashboardVgPlotError.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { ChartSpecError } from '../chart-types/errors';
+interface MosaicDashboardVgPlotErrorProps {
+    error: ChartSpecError;
+}
+export declare const MosaicDashboardVgPlotError: FC<MosaicDashboardVgPlotErrorProps>;
+export {};
+//# sourceMappingURL=MosaicDashboardVgPlotError.d.ts.map

package/dist/chart/MosaicDashboardVgPlotError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardVgPlotError.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardVgPlotError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,cAAc,EAAsB,MAAM,uBAAuB,CAAC;AAE1E,UAAU,+BAA+B;IACvC,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CAqBhC,CAAC"}

package/dist/chart/MosaicDashboardVgPlotError.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { SpecGenerationError } from '../chart-types/errors';
+export const MosaicDashboardVgPlotError = ({ error }) => {
+    // Configuration issues - user just needs to configure settings
+    if (error instanceof SpecGenerationError) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-center font-medium", children: "Configure chart to display visualization" }), _jsx("div", { className: "text-center text-xs", children: error.message })] }));
+    }
+    // Generic error fallback
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-center font-medium", children: "Unable to display chart" }), _jsx("div", { className: "text-center text-xs", children: error.message })] }));
+};
+//# sourceMappingURL=MosaicDashboardVgPlotError.js.map

package/dist/chart/MosaicDashboardVgPlotError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardVgPlotError.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardVgPlotError.tsx"],"names":[],"mappings":";AACA,OAAO,EAAiB,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAM1E,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACd,+DAA+D;IAC/D,IAAI,KAAK,YAAY,mBAAmB,EAAE,CAAC;QACzC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,yDAElC,EACN,cAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,CAAC,OAAO,GAAO,IACzD,CACJ,CAAC;IACJ,CAAC;IAED,yBAAyB;IACzB,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,wCAA8B,EACtE,cAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,CAAC,OAAO,GAAO,IACzD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {ChartSpecError, SpecGenerationError} from '../chart-types/errors';\n\ninterface MosaicDashboardVgPlotErrorProps {\n  error: ChartSpecError;\n}\n\nexport const MosaicDashboardVgPlotError: FC<\n  MosaicDashboardVgPlotErrorProps\n> = ({error}) => {\n  // Configuration issues - user just needs to configure settings\n  if (error instanceof SpecGenerationError) {\n    return (\n      <>\n        <div className=\"text-center font-medium\">\n          Configure chart to display visualization\n        </div>\n        <div className=\"text-center text-xs\">{error.message}</div>\n      </>\n    );\n  }\n\n  // Generic error fallback\n  return (\n    <>\n      <div className=\"text-center font-medium\">Unable to display chart</div>\n      <div className=\"text-center text-xs\">{error.message}</div>\n    </>\n  );\n};\n"]}