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

package/dist/charts/chart-types/line-chart/spec.js

@@ -0,0 +1,91 @@
+import { ChartSpecError } from '../errors';
+// Chart color palette matching theme colors from tailwind-preset.css
+const CHART_COLORS = [
+    '#ea7c5c', // chart-1: hsl(12, 76%, 61%)
+    '#2a9d8f', // chart-2: hsl(173, 58%, 39%)
+    '#264653', // chart-3: hsl(197, 37%, 24%)
+    '#e9c46a', // chart-4: hsl(43, 74%, 66%)
+    '#f4a261', // chart-5: hsl(27, 87%, 67%)
+];
+function getLineColor(fieldConfig, index) {
+    if (fieldConfig.color) {
+        return fieldConfig.color;
+    }
+    // CHART_COLORS is non-empty, so this is always defined
+    return CHART_COLORS[index % CHART_COLORS.length];
+}
+export function createLineChartSpec(tableName, { x, yFields, xInterval }) {
+    if (!x) {
+        throw new ChartSpecError('X field is required for line chart');
+    }
+    if (!yFields || yFields.length === 0) {
+        throw new ChartSpecError('At least one Y field is required for line chart');
+    }
+    const plotMarks = [];
+    // When temporal aggregation is active, use SQL binning
+    const dataSource = xInterval
+        ? {
+            from: tableName,
+            filterBy: '$brush',
+        }
+        : { from: tableName, filterBy: '$brush' };
+    // Generate lineY and text marks for each Y field
+    yFields.forEach((fieldConfig, index) => {
+        const color = getLineColor(fieldConfig, index);
+        const aggregate = fieldConfig.aggregate || 'sum';
+        // When temporal aggregation is active, use bin for X and aggregation for Y
+        if (xInterval) {
+            // Use bin syntax for temporal aggregation
+            plotMarks.push({
+                mark: 'lineY',
+                data: dataSource,
+                x: { bin: x, interval: xInterval },
+                y: { [aggregate]: fieldConfig.field },
+                stroke: color,
+            });
+            // Text label with aggregation info
+            plotMarks.push({
+                mark: 'text',
+                data: dataSource,
+                x: { bin: x, interval: xInterval },
+                y: { [aggregate]: fieldConfig.field },
+                text: [`${fieldConfig.field} (${aggregate})`],
+                fill: color,
+                dx: 5,
+                dy: -5,
+            });
+        }
+        else {
+            // No aggregation - direct field references
+            plotMarks.push({
+                mark: 'lineY',
+                data: dataSource,
+                x,
+                y: fieldConfig.field,
+                stroke: color,
+            });
+            plotMarks.push({
+                mark: 'text',
+                data: dataSource,
+                x,
+                y: fieldConfig.field,
+                text: [fieldConfig.field],
+                fill: color,
+                dx: 5,
+                dy: -5,
+            });
+        }
+    });
+    // Add brush
+    plotMarks.push({ select: 'intervalX', as: '$brush' });
+    return {
+        plot: plotMarks,
+        xLabel: x,
+        yLabel: undefined,
+        height: 250,
+        width: 380,
+        margins: { left: 50, right: 20, top: 20, bottom: 50 },
+        params: { brush: { select: 'crossfilter' } },
+    };
+}
+//# sourceMappingURL=spec.js.map

package/dist/charts/chart-types/line-chart/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/spec.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Spec} from '@uwdata/mosaic-spec';\nimport {LineChartSettings} from './schema';\nimport {ChartSpecError} from '../errors';\n\n// Chart color palette matching theme colors from tailwind-preset.css\nconst CHART_COLORS = [\n  '#ea7c5c', // chart-1: hsl(12, 76%, 61%)\n  '#2a9d8f', // chart-2: hsl(173, 58%, 39%)\n  '#264653', // chart-3: hsl(197, 37%, 24%)\n  '#e9c46a', // chart-4: hsl(43, 74%, 66%)\n  '#f4a261', // chart-5: hsl(27, 87%, 67%)\n];\n\nfunction getLineColor(\n  fieldConfig: {field: string; color?: string},\n  index: number,\n): string {\n  if (fieldConfig.color) {\n    return fieldConfig.color;\n  }\n  // CHART_COLORS is non-empty, so this is always defined\n  return CHART_COLORS[index % CHART_COLORS.length]!;\n}\n\nexport function createLineChartSpec(\n  tableName: string,\n  {x, yFields, xInterval}: LineChartSettings,\n): Spec {\n  if (!x) {\n    throw new ChartSpecError('X field is required for line chart');\n  }\n  if (!yFields || yFields.length === 0) {\n    throw new ChartSpecError('At least one Y field is required for line chart');\n  }\n\n  const plotMarks: any[] = [];\n\n  // When temporal aggregation is active, use SQL binning\n  const dataSource = xInterval\n    ? {\n        from: tableName,\n        filterBy: '$brush',\n      }\n    : {from: tableName, filterBy: '$brush'};\n\n  // Generate lineY and text marks for each Y field\n  yFields.forEach((fieldConfig, index) => {\n    const color = getLineColor(fieldConfig, index);\n    const aggregate = fieldConfig.aggregate || 'sum';\n\n    // When temporal aggregation is active, use bin for X and aggregation for Y\n    if (xInterval) {\n      // Use bin syntax for temporal aggregation\n      plotMarks.push({\n        mark: 'lineY',\n        data: dataSource,\n        x: {bin: x, interval: xInterval},\n        y: {[aggregate]: fieldConfig.field},\n        stroke: color,\n      });\n\n      // Text label with aggregation info\n      plotMarks.push({\n        mark: 'text',\n        data: dataSource,\n        x: {bin: x, interval: xInterval},\n        y: {[aggregate]: fieldConfig.field},\n        text: [`${fieldConfig.field} (${aggregate})`],\n        fill: color,\n        dx: 5,\n        dy: -5,\n      });\n    } else {\n      // No aggregation - direct field references\n      plotMarks.push({\n        mark: 'lineY',\n        data: dataSource,\n        x,\n        y: fieldConfig.field,\n        stroke: color,\n      });\n\n      plotMarks.push({\n        mark: 'text',\n        data: dataSource,\n        x,\n        y: fieldConfig.field,\n        text: [fieldConfig.field],\n        fill: color,\n        dx: 5,\n        dy: -5,\n      });\n    }\n  });\n\n  // Add brush\n  plotMarks.push({select: 'intervalX', as: '$brush'});\n\n  return {\n    plot: plotMarks,\n    xLabel: x,\n    yLabel: undefined,\n    height: 250,\n    width: 380,\n    margins: {left: 50, right: 20, top: 20, bottom: 50},\n    params: {brush: {select: 'crossfilter'}},\n  } as Spec;\n}\n"]}

package/dist/charts/chart-types/line-chart/tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/tool.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAItB,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAYrD,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAElC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE1E,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkF5D"}

package/dist/charts/chart-types/line-chart/tool.js

@@ -0,0 +1,75 @@
+import { tool } from 'ai';
+import { LineChartSettings } from './schema';
+import { AggregateFunction, TemporalInterval } from '../../../schemas';
+import { BaseChartToolParameters } from '../../../ai/tool-schemas';
+import { validateColumnExists } from '../../../ai/tool-validation';
+import { NUMERIC_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, } from '../../../column-types-utils';
+import { createOrUpdateChartPanel } from '../../../ai/tool-helpers';
+const AGGREGATE_FUNCTIONS = AggregateFunction.options;
+const TEMPORAL_INTERVALS = TemporalInterval.options;
+export const LineChartToolParameters = BaseChartToolParameters.extend({
+    settings: LineChartSettings.required(),
+});
+export function createLineChartAiTool(deps) {
+    return tool({
+        description: `Line chart: shows trends and changes over time or ordered continuous variable. Connects data points to show progression.
+
+Use when: user asks about "trend", "over time", "changes in", "time series", "progression of", "track X over Y".
+Example queries: "population growth over time", "temperature trend by month", "show land development over years", "elevation changes along route", "average precipitation by season".
+
+Required:
+- x: quantitative column (${QUANTITATIVE_COLUMN_TYPES.join(', ')})
+- yFields: array of {field: string (numeric: ${NUMERIC_COLUMN_TYPES.join(', ')}), aggregate?: ${AGGREGATE_FUNCTIONS.join('|')}}
+
+Optional: xInterval for temporal grouping (${TEMPORAL_INTERVALS.join(', ')}) when x is temporal (${TEMPORAL_COLUMN_TYPES.join(', ')}).
+Multiple yFields create multi-line chart for comparing metrics.
+
+NOTE: Line charts with aggregation (xInterval or aggregate functions) handle large datasets well. Without aggregation, line charts plot individual points and should not be used for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead.
+
+To UPDATE an existing line chart: provide the panelId parameter. Otherwise creates new panel.
+
+Do NOT use for: single point distributions (use histogram), categorical counts (use count-plot), two-variable correlations (use bubble-chart).`,
+        inputSchema: LineChartToolParameters,
+        execute: async (params, context) => {
+            try {
+                const artifactId = deps.resolveArtifact(params.artifactId, params.createArtifactIfMissing, context);
+                const { tableName, columns } = deps.resolveTable(artifactId, params.tableName);
+                // Validate settings
+                validateColumnExists(params.settings.x, QUANTITATIVE_COLUMN_TYPES, columns, 'x');
+                for (const yField of params.settings.yFields) {
+                    validateColumnExists(yField.field, NUMERIC_COLUMN_TYPES, columns, 'yFields');
+                }
+                const result = createOrUpdateChartPanel(deps, {
+                    panelId: params.panelId,
+                    dashboardId: artifactId,
+                    tableName,
+                    title: params.settings.x
+                        ? `Line chart - ${params.settings.yFields?.map((f) => f.field).join(', ') || ''} over ${params.settings.x}`
+                        : 'Line chart',
+                    config: {
+                        chartType: 'line-chart',
+                        settings: params.settings,
+                    },
+                });
+                return {
+                    llmResult: {
+                        success: true,
+                        details: params.panelId
+                            ? `Updated line chart "${result.title}".`
+                            : `Created line chart "${result.title}".`,
+                        data: result,
+                    },
+                };
+            }
+            catch (error) {
+                return {
+                    llmResult: {
+                        success: false,
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                    },
+                };
+            }
+        },
+    });
+}
+//# sourceMappingURL=tool.js.map

package/dist/charts/chart-types/line-chart/tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../../../src/charts/chart-types/line-chart/tool.ts"],"names":[],"mappings":"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","sourcesContent":["import {tool} from 'ai';\nimport {z} from 'zod';\nimport {LineChartSettings} from './schema';\nimport {AggregateFunction, TemporalInterval} from '../../../schemas';\nimport {BaseChartToolParameters} from '../../../ai/tool-schemas';\nimport type {DashboardToolDeps} from '../base-types';\nimport {validateColumnExists} from '../../../ai/tool-validation';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  TEMPORAL_COLUMN_TYPES,\n} from '../../../column-types-utils';\nimport {createOrUpdateChartPanel} from '../../../ai/tool-helpers';\n\nconst AGGREGATE_FUNCTIONS = AggregateFunction.options;\nconst TEMPORAL_INTERVALS = TemporalInterval.options;\n\nexport const LineChartToolParameters = BaseChartToolParameters.extend({\n  settings: LineChartSettings.required(),\n});\n\nexport type LineChartToolParams = z.infer<typeof LineChartToolParameters>;\n\nexport function createLineChartAiTool(deps: DashboardToolDeps) {\n  return tool({\n    description: `Line chart: shows trends and changes over time or ordered continuous variable. Connects data points to show progression.\n\nUse when: user asks about \"trend\", \"over time\", \"changes in\", \"time series\", \"progression of\", \"track X over Y\".\nExample queries: \"population growth over time\", \"temperature trend by month\", \"show land development over years\", \"elevation changes along route\", \"average precipitation by season\".\n\nRequired:\n- x: quantitative column (${QUANTITATIVE_COLUMN_TYPES.join(', ')})\n- yFields: array of {field: string (numeric: ${NUMERIC_COLUMN_TYPES.join(', ')}), aggregate?: ${AGGREGATE_FUNCTIONS.join('|')}}\n\nOptional: xInterval for temporal grouping (${TEMPORAL_INTERVALS.join(', ')}) when x is temporal (${TEMPORAL_COLUMN_TYPES.join(', ')}).\nMultiple yFields create multi-line chart for comparing metrics.\n\nNOTE: Line charts with aggregation (xInterval or aggregate functions) handle large datasets well. Without aggregation, line charts plot individual points and should not be used for tables with more than ${deps.maxDataPoints.toLocaleString()} rows - use aggregated visualizations instead.\n\nTo UPDATE an existing line chart: provide the panelId parameter. Otherwise creates new panel.\n\nDo NOT use for: single point distributions (use histogram), categorical counts (use count-plot), two-variable correlations (use bubble-chart).`,\n    inputSchema: LineChartToolParameters,\n    execute: async (params, context) => {\n      try {\n        const artifactId = deps.resolveArtifact(\n          params.artifactId,\n          params.createArtifactIfMissing,\n          context,\n        );\n        const {tableName, columns} = deps.resolveTable(\n          artifactId,\n          params.tableName,\n        );\n\n        // Validate settings\n        validateColumnExists(\n          params.settings.x,\n          QUANTITATIVE_COLUMN_TYPES,\n          columns,\n          'x',\n        );\n\n        for (const yField of params.settings.yFields) {\n          validateColumnExists(\n            yField.field,\n            NUMERIC_COLUMN_TYPES,\n            columns,\n            'yFields',\n          );\n        }\n\n        const result = createOrUpdateChartPanel(deps, {\n          panelId: params.panelId,\n          dashboardId: artifactId,\n          tableName,\n          title: params.settings.x\n            ? `Line chart - ${params.settings.yFields?.map((f) => f.field).join(', ') || ''} over ${params.settings.x}`\n            : 'Line chart',\n          config: {\n            chartType: 'line-chart',\n            settings: params.settings,\n          },\n        });\n\n        return {\n          llmResult: {\n            success: true,\n            details: params.panelId\n              ? `Updated line chart \"${result.title}\".`\n              : `Created line chart \"${result.title}\".`,\n            data: result,\n          },\n        };\n      } catch (error) {\n        return {\n          llmResult: {\n            success: false,\n            errorMessage:\n              error instanceof Error ? error.message : String(error),\n          },\n        };\n      }\n    },\n  });\n}\n"]}

package/dist/charts/chart-types/mosaicChartTypes.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Legacy compatibility exports for all available chart types.
+ */
+export declare const mosaicChartTypes: {
+    readonly histogram: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "histogram";
+        settings: {
+            field?: string | undefined;
+            maxBins?: number | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+    readonly countPlot: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "count-plot";
+        settings: {
+            field?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+    readonly lineChart: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "line-chart";
+        settings: {
+            x?: string | undefined;
+            xInterval?: "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year" | undefined;
+            yFields?: {
+                field: string;
+                aggregate: "sum" | "max" | "min" | "avg";
+                color?: string | undefined;
+            }[] | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+    readonly heatmap: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "heatmap";
+        settings: {
+            x?: string | undefined;
+            y?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+    readonly boxPlot: import("./base-types").ComponentChartTypeDefinition<{
+        chartType: "box-plot";
+        settings: {
+            x?: string | undefined;
+            y?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+    readonly bubbleChart: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "bubble-chart";
+        settings: {
+            x?: string | undefined;
+            y?: string | undefined;
+            size?: string | undefined;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+    readonly customSpec: import("./base-types").SpecChartTypeDefinition<{
+        chartType: "custom-spec";
+        settings: {
+            vgPlotSpec?: unknown;
+        };
+        settingsOpen?: boolean | undefined;
+        dataPolicy?: {
+            disabled?: boolean | undefined;
+            maxRows?: number | undefined;
+            reason?: string | undefined;
+        } | undefined;
+    }>;
+};
+//# sourceMappingURL=mosaicChartTypes.d.ts.map

package/dist/charts/chart-types/mosaicChartTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mosaicChartTypes.d.ts","sourceRoot":"","sources":["../../../src/charts/chart-types/mosaicChartTypes.ts"],"names":[],"mappings":"AAQA;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQnB,CAAC"}

package/dist/charts/chart-types/mosaicChartTypes.js

@@ -0,0 +1,20 @@
+import { histogramChartType } from './histogram/definition';
+import { lineChartChartType } from './line-chart/definition';
+import { countPlotChartType } from './count-plot/definition';
+import { heatmapChartType } from './heatmap/definition';
+import { boxPlotChartType } from './box-plot/definition';
+import { bubbleChartChartType } from './bubble-chart/definition';
+import { customSpecChartType } from './custom-spec/definition';
+/**
+ * Legacy compatibility exports for all available chart types.
+ */
+export const mosaicChartTypes = {
+    histogram: histogramChartType,
+    countPlot: countPlotChartType,
+    lineChart: lineChartChartType,
+    heatmap: heatmapChartType,
+    boxPlot: boxPlotChartType,
+    bubbleChart: bubbleChartChartType,
+    customSpec: customSpecChartType,
+};
+//# sourceMappingURL=mosaicChartTypes.js.map

package/dist/charts/chart-types/mosaicChartTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mosaicChartTypes.js","sourceRoot":"","sources":["../../../src/charts/chart-types/mosaicChartTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAC,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,kBAAkB;IAC7B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,oBAAoB;IACjC,UAAU,EAAE,mBAAmB;CACvB,CAAC","sourcesContent":["import {histogramChartType} from './histogram/definition';\nimport {lineChartChartType} from './line-chart/definition';\nimport {countPlotChartType} from './count-plot/definition';\nimport {heatmapChartType} from './heatmap/definition';\nimport {boxPlotChartType} from './box-plot/definition';\nimport {bubbleChartChartType} from './bubble-chart/definition';\nimport {customSpecChartType} from './custom-spec/definition';\n\n/**\n * Legacy compatibility exports for all available chart types.\n */\nexport const mosaicChartTypes = {\n  histogram: histogramChartType,\n  countPlot: countPlotChartType,\n  lineChart: lineChartChartType,\n  heatmap: heatmapChartType,\n  boxPlot: boxPlotChartType,\n  bubbleChart: bubbleChartChartType,\n  customSpec: customSpecChartType,\n} as const;\n"]}

package/dist/charts/dashboard/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/charts/dashboard/MosaicDashboardChartHeaderActions.d.ts.map

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

package/dist/charts/dashboard/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/charts/dashboard/MosaicDashboardChartHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartHeaderActions.js","sourceRoot":"","sources":["../../../src/charts/dashboard/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,sCAAsC,CAAC;AAE9C,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/charts/dashboard/MosaicDashboardChartRenderer.d.ts

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

package/dist/charts/dashboard/MosaicDashboardChartRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartRenderer.d.ts","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EACL,KAAK,4BAA4B,EAIlC,MAAM,sCAAsC,CAAC;AAsC9C,eAAO,MAAM,4BAA4B,EAAE,4BAA4B,CAAC,gBAAgB,CAKrF,CAAC"}

package/dist/charts/dashboard/MosaicDashboardChartRenderer.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BarChart3Icon } from 'lucide-react';
+import { useCallback } from 'react';
+import { MosaicDashboardChartHeaderActions } from './MosaicDashboardChartHeaderActions';
+import { useStoreWithMosaicDashboard, getMosaicDashboardPanelId, } from '../../dashboard/MosaicDashboardSlice';
+import { MosaicChart } from '../MosaicChart';
+import { useDataTable } from '../../hooks/useDataTable';
+const MosaicDashboardChartRenderer = ({ panel, dashboardId, dashboard, selectionName, }) => {
+    const tableName = dashboard.selectedTable;
+    const dataTable = useDataTable(tableName);
+    const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
+    const runtimeKey = getMosaicDashboardPanelId(dashboardId, panel.id);
+    const handleConfigChange = useCallback((config) => {
+        updatePanel(dashboardId, panel.id, { config });
+    }, [dashboardId, panel.id, updatePanel]);
+    return (_jsx(MosaicChart, { dataTable: dataTable, selectionName: selectionName, config: panel.config, runtimeKey: runtimeKey, onConfigChange: handleConfigChange }));
+};
+export const mosaicDashboardChartRenderer = {
+    component: MosaicDashboardChartRenderer,
+    headerActions: MosaicDashboardChartHeaderActions,
+    icon: BarChart3Icon,
+};
+//# sourceMappingURL=MosaicDashboardChartRenderer.js.map

package/dist/charts/dashboard/MosaicDashboardChartRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicDashboardChartRenderer.js","sourceRoot":"","sources":["../../../src/charts/dashboard/MosaicDashboardChartRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAU,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,iCAAiC,EAAC,MAAM,qCAAqC,CAAC;AAEtF,OAAO,EAGL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEtD,MAAM,4BAA4B,GAAgC,CAAC,EACjE,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,GACd,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC;IAC1C,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,UAAU,GAAG,yBAAyB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,MAAmB,EAAE,EAAE;QACtB,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,kBAAkB,GAClC,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 {BarChart3Icon} from 'lucide-react';\nimport {useCallback, type FC} from 'react';\nimport {MosaicDashboardChartHeaderActions} from './MosaicDashboardChartHeaderActions';\nimport type {ChartPanelConfig} from '../../dashboard/dashboard-types';\nimport {\n  type MosaicDashboardPanelRenderer,\n  type ChartPanelRendererProps,\n  useStoreWithMosaicDashboard,\n  getMosaicDashboardPanelId,\n} from '../../dashboard/MosaicDashboardSlice';\nimport {ChartConfig} from '../chart-types/chart-config';\nimport {MosaicChart} from '../MosaicChart';\nimport {useDataTable} from '../../hooks/useDataTable';\n\nconst MosaicDashboardChartRenderer: FC<ChartPanelRendererProps> = ({\n  panel,\n  dashboardId,\n  dashboard,\n  selectionName,\n}) => {\n  const tableName = dashboard.selectedTable;\n  const dataTable = useDataTable(tableName);\n\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const runtimeKey = getMosaicDashboardPanelId(dashboardId, panel.id);\n\n  const handleConfigChange = useCallback(\n    (config: ChartConfig) => {\n      updatePanel(dashboardId, panel.id, {config});\n    },\n    [dashboardId, panel.id, updatePanel],\n  );\n\n  return (\n    <MosaicChart\n      dataTable={dataTable}\n      selectionName={selectionName}\n      config={panel.config}\n      runtimeKey={runtimeKey}\n      onConfigChange={handleConfigChange}\n    />\n  );\n};\n\nexport const mosaicDashboardChartRenderer: MosaicDashboardPanelRenderer<ChartPanelConfig> =\n  {\n    component: MosaicDashboardChartRenderer,\n    headerActions: MosaicDashboardChartHeaderActions,\n    icon: BarChart3Icon,\n  };\n"]}

package/dist/charts/useBrushSelectionParams.d.ts

@@ -0,0 +1,3 @@
+import { BrushSelectionParams } from './chart-types/base-types';
+export declare function useBrushSelectionParams(selectionName: string | undefined): BrushSelectionParams | undefined;
+//# sourceMappingURL=useBrushSelectionParams.d.ts.map

package/dist/charts/useBrushSelectionParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrushSelectionParams.d.ts","sourceRoot":"","sources":["../../src/charts/useBrushSelectionParams.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,oBAAoB,GAAG,SAAS,CAwBlC"}

package/dist/charts/useBrushSelectionParams.js

@@ -0,0 +1,16 @@
+import { useEffect, useMemo } from 'react';
+import { useStoreWithMosaicDashboard } from '../dashboard/MosaicDashboardSlice';
+export function useBrushSelectionParams(selectionName) {
+    const brushSelection = useStoreWithMosaicDashboard((state) => selectionName ? state.mosaic.selections[selectionName] : undefined);
+    const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
+    useEffect(() => {
+        if (selectionName && !brushSelection) {
+            getSelection(selectionName, 'crossfilter');
+        }
+    }, [brushSelection, getSelection, selectionName]);
+    const params = useMemo(() => brushSelection
+        ? new Map([['brush', brushSelection]])
+        : undefined, [brushSelection]);
+    return params;
+}
+//# sourceMappingURL=useBrushSelectionParams.js.map

package/dist/charts/useBrushSelectionParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrushSelectionParams.js","sourceRoot":"","sources":["../../src/charts/useBrushSelectionParams.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAC;AAG9E,MAAM,UAAU,uBAAuB,CACrC,aAAiC;IAEjC,MAAM,cAAc,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAC3D,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CACnE,CAAC;IAEF,MAAM,YAAY,GAAG,2BAA2B,CAC9C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CACrC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,YAAY,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,cAAc;QACZ,CAAC,CAAC,IAAI,GAAG,CAAoB,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;QACzD,CAAC,CAAC,SAAS,EACf,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import type {Selection} from '@uwdata/mosaic-core';\nimport {useEffect, useMemo} from 'react';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {BrushSelectionParams} from './chart-types/base-types';\n\nexport function useBrushSelectionParams(\n  selectionName: string | undefined,\n): BrushSelectionParams | undefined {\n  const brushSelection = useStoreWithMosaicDashboard((state) =>\n    selectionName ? state.mosaic.selections[selectionName] : undefined,\n  );\n\n  const getSelection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.getSelection,\n  );\n\n  useEffect(() => {\n    if (selectionName && !brushSelection) {\n      getSelection(selectionName, 'crossfilter');\n    }\n  }, [brushSelection, getSelection, selectionName]);\n\n  const params = useMemo(\n    () =>\n      brushSelection\n        ? new Map<string, Selection>([['brush', brushSelection]])\n        : undefined,\n    [brushSelection],\n  );\n\n  return params;\n}\n"]}

package/dist/charts/useChartDataPolicy.d.ts

@@ -0,0 +1,5 @@
+import type { ChartDataPolicy } from '../chart-runtime';
+import type { ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export declare function useChartDataPolicy(dataTable: DataTable | undefined, config: ChartConfig): ChartDataPolicy | null;
+//# sourceMappingURL=useChartDataPolicy.d.ts.map

package/dist/charts/useChartDataPolicy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartDataPolicy.d.ts","sourceRoot":"","sources":["../../src/charts/useChartDataPolicy.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,MAAM,EAAE,WAAW,GAClB,eAAe,GAAG,IAAI,CAgBxB"}

package/dist/charts/useChartDataPolicy.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { resolveChartDataPolicy } from '../chart-runtime';
+import { useChartTypeDefinition } from './useChartTypeDefinition';
+export function useChartDataPolicy(dataTable, config) {
+    const chartTypeDefinition = useChartTypeDefinition(config.chartType);
+    return useMemo(() => {
+        if (!chartTypeDefinition?.getDataPolicy || !dataTable) {
+            return null;
+        }
+        const defaultPolicy = chartTypeDefinition.getDataPolicy({
+            tableName: dataTable.table.table,
+            config,
+        }) ?? null;
+        return resolveChartDataPolicy(defaultPolicy, config.dataPolicy);
+    }, [config, chartTypeDefinition, dataTable]);
+}
+//# sourceMappingURL=useChartDataPolicy.js.map

package/dist/charts/useChartDataPolicy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartDataPolicy.js","sourceRoot":"","sources":["../../src/charts/useChartDataPolicy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,UAAU,kBAAkB,CAChC,SAAgC,EAChC,MAAmB;IAEnB,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAErE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,mBAAmB,EAAE,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC;YACtD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,aAAa,GACjB,mBAAmB,CAAC,aAAa,CAAC;YAChC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK;YAChC,MAAM;SACP,CAAC,IAAI,IAAI,CAAC;QAEb,OAAO,sBAAsB,CAAC,aAAa,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {ChartDataPolicy} from '../chart-runtime';\nimport {resolveChartDataPolicy} from '../chart-runtime';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {useChartTypeDefinition} from './useChartTypeDefinition';\nimport {DataTable} from '@sqlrooms/db';\n\nexport function useChartDataPolicy(\n  dataTable: DataTable | undefined,\n  config: ChartConfig,\n): ChartDataPolicy | null {\n  const chartTypeDefinition = useChartTypeDefinition(config.chartType);\n\n  return useMemo(() => {\n    if (!chartTypeDefinition?.getDataPolicy || !dataTable) {\n      return null;\n    }\n\n    const defaultPolicy =\n      chartTypeDefinition.getDataPolicy({\n        tableName: dataTable.table.table,\n        config,\n      }) ?? null;\n\n    return resolveChartDataPolicy(defaultPolicy, config.dataPolicy);\n  }, [config, chartTypeDefinition, dataTable]);\n}\n"]}

package/dist/charts/useChartRetainer.d.ts

@@ -0,0 +1,4 @@
+import { ChartRetainer } from './chart-types/base-types';
+export declare function useChartRetainer(dashboardId: string, panelId: string): ChartRetainer;
+export declare function useChartRetainerByKey(retentionKey: string | undefined): ChartRetainer | undefined;
+//# sourceMappingURL=useChartRetainer.d.ts.map

package/dist/charts/useChartRetainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartRetainer.d.ts","sourceRoot":"","sources":["../../src/charts/useChartRetainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAEvD,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,GACd,aAAa,CAIf;AAED,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,MAAM,GAAG,SAAS,GAC/B,aAAa,GAAG,SAAS,CAsB3B"}

package/dist/charts/useChartRetainer.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+import { useStoreWithMosaicDashboard } from '../dashboard/MosaicDashboardSlice';
+export function useChartRetainer(dashboardId, panelId) {
+    return useChartRetainerByKey(`dashboard:${dashboardId}:panel:${panelId}`);
+}
+export function useChartRetainerByKey(retentionKey) {
+    const retainedChart = useStoreWithMosaicDashboard((state) => retentionKey
+        ? state.mosaicDashboard.getRetainedChartByKey(retentionKey)
+        : undefined);
+    const setRetainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setRetainedChartByKey);
+    return useMemo(() => retentionKey
+        ? {
+            chart: retainedChart,
+            setChart: (chart) => setRetainedChart(retentionKey, chart),
+        }
+        : undefined, [retainedChart, retentionKey, setRetainedChart]);
+}
+//# sourceMappingURL=useChartRetainer.js.map

package/dist/charts/useChartRetainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartRetainer.js","sourceRoot":"","sources":["../../src/charts/useChartRetainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAC;AAI9E,MAAM,UAAU,gBAAgB,CAC9B,WAAmB,EACnB,OAAe;IAEf,OAAO,qBAAqB,CAC1B,aAAa,WAAW,UAAU,OAAO,EAAE,CAC3B,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,YAAgC;IAEhC,MAAM,aAAa,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAC1D,YAAY;QACV,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,qBAAqB,CAAC,YAAY,CAAC;QAC3D,CAAC,CAAC,SAAS,CACd,CAAC;IAEF,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,qBAAqB,CACvD,CAAC;IAEF,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,YAAY;QACV,CAAC,CAAC;YACE,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,CAAC,KAA0B,EAAE,EAAE,CACvC,gBAAgB,CAAC,YAAY,EAAE,KAAK,CAAC;SACxC;QACH,CAAC,CAAC,SAAS,EACf,CAAC,aAAa,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAChD,CAAC;AACJ,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {RetainedVgPlotChart} from '../VgPlotChart';\nimport {ChartRetainer} from './chart-types/base-types';\n\nexport function useChartRetainer(\n  dashboardId: string,\n  panelId: string,\n): ChartRetainer {\n  return useChartRetainerByKey(\n    `dashboard:${dashboardId}:panel:${panelId}`,\n  ) as ChartRetainer;\n}\n\nexport function useChartRetainerByKey(\n  retentionKey: string | undefined,\n): ChartRetainer | undefined {\n  const retainedChart = useStoreWithMosaicDashboard((state) =>\n    retentionKey\n      ? state.mosaicDashboard.getRetainedChartByKey(retentionKey)\n      : undefined,\n  );\n\n  const setRetainedChart = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setRetainedChartByKey,\n  );\n\n  return useMemo(\n    () =>\n      retentionKey\n        ? {\n            chart: retainedChart,\n            setChart: (chart: RetainedVgPlotChart) =>\n              setRetainedChart(retentionKey, chart),\n          }\n        : undefined,\n    [retainedChart, retentionKey, setRetainedChart],\n  );\n}\n"]}

package/dist/charts/useChartTypeDefinition.d.ts

@@ -0,0 +1,3 @@
+import { ChartTypeDefinition } from './chart-types/base-types';
+export declare function useChartTypeDefinition(chartType: string | undefined): ChartTypeDefinition | undefined;
+//# sourceMappingURL=useChartTypeDefinition.d.ts.map

package/dist/charts/useChartTypeDefinition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartTypeDefinition.d.ts","sourceRoot":"","sources":["../../src/charts/useChartTypeDefinition.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAE7D,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC5B,mBAAmB,GAAG,SAAS,CAUjC"}

package/dist/charts/useChartTypeDefinition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartTypeDefinition.js","sourceRoot":"","sources":["../../src/charts/useChartTypeDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAC;AAG9E,MAAM,UAAU,sBAAsB,CACpC,SAA6B;IAE7B,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAC5C,CAAC;IAEF,iCAAiC;IACjC,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EACvD,CAAC,UAAU,EAAE,SAAS,CAAC,CACxB,CAAC;AACJ,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {ChartTypeDefinition} from './chart-types/base-types';\n\nexport function useChartTypeDefinition(\n  chartType: string | undefined,\n): ChartTypeDefinition | undefined {\n  const chartTypes = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.chartTypes,\n  );\n\n  // Find the chart type definition\n  return useMemo(\n    () => chartTypes?.find((type) => type.id === chartType),\n    [chartTypes, chartType],\n  );\n}\n"]}

package/dist/charts/useMosaicChartRenderContext.d.ts

@@ -0,0 +1,21 @@
+import type { Spec } from '@uwdata/mosaic-spec';
+import type { ChartConfig } from './chart-types/chart-config';
+import { ComponentChartTypeDefinition } from './chart-types/base-types';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicComponentChartRenderContext = {
+    type: 'component';
+    renderer: ComponentChartTypeDefinition['renderer'];
+    dataTable: DataTable;
+};
+export type MosaicSpecChartRenderContext = {
+    type: 'spec';
+    spec: Spec;
+};
+export type MosaicChartRenderErrorContext = {
+    type: 'error';
+    title: string;
+    message: string;
+};
+export type MosaicChartRenderContext = MosaicComponentChartRenderContext | MosaicSpecChartRenderContext | MosaicChartRenderErrorContext;
+export declare function useMosaicChartRenderContext(dataTable: DataTable | undefined, config: ChartConfig): MosaicChartRenderContext;
+//# sourceMappingURL=useMosaicChartRenderContext.d.ts.map

package/dist/charts/useMosaicChartRenderContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMosaicChartRenderContext.d.ts","sourceRoot":"","sources":["../../src/charts/useMosaicChartRenderContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAgB,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EACL,4BAA4B,EAI7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,iCAAiC,GAAG;IAC9C,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,4BAA4B,CAAC,UAAU,CAAC,CAAC;IACnD,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,iCAAiC,GACjC,4BAA4B,GAC5B,6BAA6B,CAAC;AAElC,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,SAAS,GAAG,SAAS,EAChC,MAAM,EAAE,WAAW,GAClB,wBAAwB,CA0C1B"}

package/dist/charts/useMosaicChartRenderContext.js

@@ -0,0 +1,63 @@
+import { useMemo } from 'react';
+import { ChartSpecError } from './chart-types/errors';
+import { isComponentChartType, isSpecChartType, } from './chart-types/base-types';
+import { useChartTypeDefinition } from './useChartTypeDefinition';
+export function useMosaicChartRenderContext(dataTable, config) {
+    const chartTypeDefinition = useChartTypeDefinition(config.chartType);
+    return useMemo(() => {
+        if (!chartTypeDefinition) {
+            return {
+                type: 'error',
+                title: 'Ooops! Something went wrong',
+                message: 'Invalid chart type definition',
+            };
+        }
+        if (!dataTable) {
+            return {
+                type: 'error',
+                title: 'Ooops! Something went wrong',
+                message: 'Please select a data table first',
+            };
+        }
+        if (isSpecChartType(chartTypeDefinition)) {
+            return createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, config.settings);
+        }
+        if (isComponentChartType(chartTypeDefinition)) {
+            return {
+                type: 'component',
+                renderer: chartTypeDefinition.renderer,
+                dataTable,
+            };
+        }
+        return {
+            type: 'error',
+            title: 'Ooops! Something went wrong',
+            message: 'Unsupported chart type definition',
+        };
+    }, [chartTypeDefinition, dataTable, config]);
+}
+function createMosaicSpecChartRenderContext(chartTypeDefinition, dataTable, settings) {
+    try {
+        const spec = chartTypeDefinition.createSpec(dataTable.table.table, settings);
+        return {
+            type: 'spec',
+            spec,
+        };
+    }
+    catch (error) {
+        if (error instanceof ChartSpecError) {
+            // ChartSpecError is expected as part of validation logic, don't log
+            return {
+                type: 'error',
+                title: 'Configure chart to display visualization',
+                message: error.message,
+            };
+        }
+        return {
+            type: 'error',
+            title: 'Ooops! Something went wrong',
+            message: 'An unexpected error occurred',
+        };
+    }
+}
+//# sourceMappingURL=useMosaicChartRenderContext.js.map