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

package/dist/charts/useMosaicChartRenderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMosaicChartRenderContext.js","sourceRoot":"","sources":["../../src/charts/useMosaicChartRenderContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAEL,oBAAoB,EACpB,eAAe,GAEhB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAyBhE,MAAM,UAAU,2BAA2B,CACzC,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,CAAC;YACzB,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,6BAA6B;gBACpC,OAAO,EAAE,+BAA+B;aACzC,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,6BAA6B;gBACpC,OAAO,EAAE,kCAAkC;aAC5C,CAAC;QACJ,CAAC;QAED,IAAI,eAAe,CAAC,mBAAmB,CAAC,EAAE,CAAC;YACzC,OAAO,kCAAkC,CACvC,mBAAmB,EACnB,SAAS,EACT,MAAM,CAAC,QAAQ,CAChB,CAAC;QACJ,CAAC;QAED,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC9C,OAAO;gBACL,IAAI,EAAE,WAAW;gBACjB,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;gBACtC,SAAS;aACV,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,6BAA6B;YACpC,OAAO,EAAE,mCAAmC;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,kCAAkC,CACzC,mBAAqD,EACrD,SAAoB,EACpB,QAAuB;IAEvB,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,mBAAmB,CAAC,UAAU,CACzC,SAAS,CAAC,KAAK,CAAC,KAAK,EACrB,QAAQ,CACT,CAAC;QAEF,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,IAAI;SACL,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,KAAK,YAAY,cAAc,EAAE,CAAC;YACpC,oEAAoE;YACpE,OAAO;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,0CAA0C;gBACjD,OAAO,EAAE,KAAK,CAAC,OAAO;aACvB,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,6BAA6B;YACpC,OAAO,EAAE,8BAA8B;SACxC,CAAC;IACJ,CAAC;AACH,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {ChartSpecError} from './chart-types/errors';\nimport type {ChartConfig, ChartSettings} from './chart-types/chart-config';\nimport {\n  ComponentChartTypeDefinition,\n  isComponentChartType,\n  isSpecChartType,\n  SpecChartTypeDefinition,\n} from './chart-types/base-types';\nimport {useChartTypeDefinition} from './useChartTypeDefinition';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicComponentChartRenderContext = {\n  type: 'component';\n  renderer: ComponentChartTypeDefinition['renderer'];\n  dataTable: DataTable;\n};\n\nexport type MosaicSpecChartRenderContext = {\n  type: 'spec';\n  spec: Spec;\n};\n\nexport type MosaicChartRenderErrorContext = {\n  type: 'error';\n  title: string;\n  message: string;\n};\n\nexport type MosaicChartRenderContext =\n  | MosaicComponentChartRenderContext\n  | MosaicSpecChartRenderContext\n  | MosaicChartRenderErrorContext;\n\nexport function useMosaicChartRenderContext(\n  dataTable: DataTable | undefined,\n  config: ChartConfig,\n): MosaicChartRenderContext {\n  const chartTypeDefinition = useChartTypeDefinition(config.chartType);\n\n  return useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        type: 'error',\n        title: 'Ooops! Something went wrong',\n        message: 'Invalid chart type definition',\n      };\n    }\n\n    if (!dataTable) {\n      return {\n        type: 'error',\n        title: 'Ooops! Something went wrong',\n        message: 'Please select a data table first',\n      };\n    }\n\n    if (isSpecChartType(chartTypeDefinition)) {\n      return createMosaicSpecChartRenderContext(\n        chartTypeDefinition,\n        dataTable,\n        config.settings,\n      );\n    }\n\n    if (isComponentChartType(chartTypeDefinition)) {\n      return {\n        type: 'component',\n        renderer: chartTypeDefinition.renderer,\n        dataTable,\n      };\n    }\n\n    return {\n      type: 'error',\n      title: 'Ooops! Something went wrong',\n      message: 'Unsupported chart type definition',\n    };\n  }, [chartTypeDefinition, dataTable, config]);\n}\n\nfunction createMosaicSpecChartRenderContext<TConfig extends ChartConfig>(\n  chartTypeDefinition: SpecChartTypeDefinition<TConfig>,\n  dataTable: DataTable,\n  settings: ChartSettings,\n): MosaicSpecChartRenderContext | MosaicChartRenderErrorContext {\n  try {\n    const spec = chartTypeDefinition.createSpec(\n      dataTable.table.table,\n      settings,\n    );\n\n    return {\n      type: 'spec',\n      spec,\n    };\n  } catch (error) {\n    if (error instanceof ChartSpecError) {\n      // ChartSpecError is expected as part of validation logic, don't log\n      return {\n        type: 'error',\n        title: 'Configure chart to display visualization',\n        message: error.message,\n      };\n    }\n\n    return {\n      type: 'error',\n      title: 'Ooops! Something went wrong',\n      message: 'An unexpected error occurred',\n    };\n  }\n}\n"]}

package/dist/charts/useParseChartConfig.d.ts

@@ -0,0 +1,12 @@
+import { ChartConfig } from './chart-types/chart-config';
+type ChartConfigParseResult = {
+    success: true;
+    config: ChartConfig;
+} | {
+    success: false;
+    error: string;
+};
+export declare function useParseChartConfig(config: unknown, defaultConfig?: ChartConfig): ChartConfigParseResult;
+export declare function parseChartConfig(config: unknown, defaultConfig?: ChartConfig): ChartConfigParseResult;
+export {};
+//# sourceMappingURL=useParseChartConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useParseChartConfig.d.ts","sourceRoot":"","sources":["../../src/charts/useParseChartConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AASvD,KAAK,sBAAsB,GACvB;IACE,OAAO,EAAE,IAAI,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;CACrB,GACD;IACE,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,OAAO,EACf,aAAa,GAAE,WAAkC,GAChD,sBAAsB,CAKxB;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,OAAO,EACf,aAAa,CAAC,EAAE,WAAW,GAC1B,sBAAsB,CAexB"}

package/dist/charts/useParseChartConfig.js

@@ -0,0 +1,28 @@
+import { useMemo } from 'react';
+import { ChartConfig } from './chart-types/chart-config';
+const DEFAULT_CHART_CONFIG = {
+    chartType: 'histogram',
+    settings: {},
+    settingsOpen: true,
+};
+export function useParseChartConfig(config, defaultConfig = DEFAULT_CHART_CONFIG) {
+    return useMemo(() => parseChartConfig(config, defaultConfig), [config, defaultConfig]);
+}
+export function parseChartConfig(config, defaultConfig) {
+    const parsed = ChartConfig.safeParse(config && !isPlainEmptyObject(config) ? config : defaultConfig);
+    if (parsed.success) {
+        return { success: true, config: parsed.data };
+    }
+    return {
+        success: false,
+        error: parsed.error.issues[0]?.message ??
+            'The chart is not a valid Mosaic ChartConfig.',
+    };
+}
+function isPlainEmptyObject(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        !Array.isArray(value) &&
+        Object.keys(value).length === 0);
+}
+//# sourceMappingURL=useParseChartConfig.js.map

package/dist/charts/useParseChartConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParseChartConfig.js","sourceRoot":"","sources":["../../src/charts/useParseChartConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAGvD,MAAM,oBAAoB,GAAyB;IACjD,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,IAAI;CACnB,CAAC;AAYF,MAAM,UAAU,mBAAmB,CACjC,MAAe,EACf,gBAA6B,oBAAoB;IAEjD,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,EAC7C,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,MAAe,EACf,aAA2B;IAE3B,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAClC,MAAM,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAC/D,CAAC;IAEF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,EAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,IAAI,EAAC,CAAC;IAC9C,CAAC;IAED,OAAO;QACL,OAAO,EAAE,KAAK;QACd,KAAK,EACH,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO;YAC/B,8CAA8C;KACjD,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAc;IACxC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QACrB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAChC,CAAC;AACJ,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {ChartConfig} from './chart-types/chart-config';\nimport {HistogramChartConfig} from './chart-types/histogram/schema';\n\nconst DEFAULT_CHART_CONFIG: HistogramChartConfig = {\n  chartType: 'histogram',\n  settings: {},\n  settingsOpen: true,\n};\n\ntype ChartConfigParseResult =\n  | {\n      success: true;\n      config: ChartConfig;\n    }\n  | {\n      success: false;\n      error: string;\n    };\n\nexport function useParseChartConfig(\n  config: unknown,\n  defaultConfig: ChartConfig = DEFAULT_CHART_CONFIG,\n): ChartConfigParseResult {\n  return useMemo(\n    () => parseChartConfig(config, defaultConfig),\n    [config, defaultConfig],\n  );\n}\n\nexport function parseChartConfig(\n  config: unknown,\n  defaultConfig?: ChartConfig,\n): ChartConfigParseResult {\n  const parsed = ChartConfig.safeParse(\n    config && !isPlainEmptyObject(config) ? config : defaultConfig,\n  );\n\n  if (parsed.success) {\n    return {success: true, config: parsed.data};\n  }\n\n  return {\n    success: false,\n    error:\n      parsed.error.issues[0]?.message ??\n      'The chart is not a valid Mosaic ChartConfig.',\n  };\n}\n\nfunction isPlainEmptyObject(value: unknown): value is Record<string, never> {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !Array.isArray(value) &&\n    Object.keys(value).length === 0\n  );\n}\n"]}

package/dist/charts/useRuntimeIssueReporter.d.ts

@@ -0,0 +1,7 @@
+import type { ChartRuntimeIssue } from '../chart-runtime';
+export type RuntimeIssueReporter = {
+    reportIssue: (issueToReport: ChartRuntimeIssue) => void;
+    clearIssue: () => void;
+};
+export declare function useRuntimeIssueReporter(runtimeIssueKey: string | undefined): RuntimeIssueReporter;
+//# sourceMappingURL=useRuntimeIssueReporter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRuntimeIssueReporter.d.ts","sourceRoot":"","sources":["../../src/charts/useRuntimeIssueReporter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAGxD,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,eAAe,EAAE,MAAM,GAAG,SAAS,GAClC,oBAAoB,CAuBtB"}

package/dist/charts/useRuntimeIssueReporter.js

@@ -0,0 +1,19 @@
+import { useMemo } from 'react';
+import { useStoreWithMosaicDashboard } from '../dashboard/MosaicDashboardSlice';
+export function useRuntimeIssueReporter(runtimeIssueKey) {
+    const reportPanelIssueByKey = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.reportPanelIssueByKey);
+    const clearPanelIssueByKey = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.clearPanelIssueByKey);
+    return useMemo(() => ({
+        reportIssue: (issueToReport) => {
+            if (runtimeIssueKey) {
+                reportPanelIssueByKey(runtimeIssueKey, issueToReport);
+            }
+        },
+        clearIssue: () => {
+            if (runtimeIssueKey) {
+                clearPanelIssueByKey(runtimeIssueKey);
+            }
+        },
+    }), [clearPanelIssueByKey, reportPanelIssueByKey, runtimeIssueKey]);
+}
+//# sourceMappingURL=useRuntimeIssueReporter.js.map

package/dist/charts/useRuntimeIssueReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRuntimeIssueReporter.js","sourceRoot":"","sources":["../../src/charts/useRuntimeIssueReporter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAC;AAO9E,MAAM,UAAU,uBAAuB,CACrC,eAAmC;IAEnC,MAAM,qBAAqB,GAAG,2BAA2B,CACvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,qBAAqB,CACvD,CAAC;IACF,MAAM,oBAAoB,GAAG,2BAA2B,CACtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,oBAAoB,CACtD,CAAC;IAEF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,WAAW,EAAE,CAAC,aAAgC,EAAE,EAAE;YAChD,IAAI,eAAe,EAAE,CAAC;gBACpB,qBAAqB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;QACD,UAAU,EAAE,GAAG,EAAE;YACf,IAAI,eAAe,EAAE,CAAC;gBACpB,oBAAoB,CAAC,eAAe,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;KACF,CAAC,EACF,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,eAAe,CAAC,CAC/D,CAAC;AACJ,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {ChartRuntimeIssue} from '../chart-runtime';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\n\nexport type RuntimeIssueReporter = {\n  reportIssue: (issueToReport: ChartRuntimeIssue) => void;\n  clearIssue: () => void;\n};\n\nexport function useRuntimeIssueReporter(\n  runtimeIssueKey: string | undefined,\n): RuntimeIssueReporter {\n  const reportPanelIssueByKey = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.reportPanelIssueByKey,\n  );\n  const clearPanelIssueByKey = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.clearPanelIssueByKey,\n  );\n\n  return useMemo(\n    () => ({\n      reportIssue: (issueToReport: ChartRuntimeIssue) => {\n        if (runtimeIssueKey) {\n          reportPanelIssueByKey(runtimeIssueKey, issueToReport);\n        }\n      },\n      clearIssue: () => {\n        if (runtimeIssueKey) {\n          clearPanelIssueByKey(runtimeIssueKey);\n        }\n      },\n    }),\n    [clearPanelIssueByKey, reportPanelIssueByKey, runtimeIssueKey],\n  );\n}\n"]}

package/dist/charts/worksheet/ChartBlockHeader.d.ts

@@ -0,0 +1,15 @@
+import type { DataTable } from '@sqlrooms/db';
+import type { ChartConfig } from '../chart-types/chart-config';
+import { FC } from 'react';
+export type ChartBlockHeaderProps = {
+    caption?: string;
+    chartConfig: ChartConfig;
+    onCaptionChange?: (caption: string | undefined) => void;
+    onSettingsOpenChange: (open: boolean) => void;
+    onTableChange?: (table: DataTable) => void;
+    readOnly?: boolean;
+    tables: DataTable[];
+    selectedTable: DataTable;
+};
+export declare const ChartBlockHeader: FC<ChartBlockHeaderProps>;
+//# sourceMappingURL=ChartBlockHeader.d.ts.map

package/dist/charts/worksheet/ChartBlockHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBlockHeader.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoDtD,CAAC"}

package/dist/charts/worksheet/ChartBlockHeader.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@sqlrooms/ui';
+import { Settings2Icon } from 'lucide-react';
+import { DataTableSelector } from '../../components/DataTableSelector';
+export const ChartBlockHeader = ({ caption, chartConfig, onCaptionChange, onSettingsOpenChange, onTableChange, readOnly, selectedTable, tables, }) => {
+    const tableName = selectedTable.table.table;
+    return (_jsxs("div", { className: "border-border flex min-h-10 items-center gap-2 border-b px-3 py-2", children: [readOnly ? (_jsx("div", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: caption || tableName || 'Chart' })) : (_jsx("input", { className: "placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm font-medium outline-none", value: caption ?? '', placeholder: tableName || 'Chart caption', "aria-label": "Chart caption", onChange: (event) => onCaptionChange?.(event.target.value || undefined) })), _jsx(DataTableSelector, { className: "w-48", disabled: readOnly || !onTableChange, onChange: onTableChange, tables: tables, value: selectedTable }), _jsx(Button, { type: "button", size: "icon", variant: chartConfig.settingsOpen ? 'secondary' : 'ghost', className: cn('h-7 w-7', readOnly && 'hidden'), "aria-label": "Chart settings", title: "Chart settings", "aria-pressed": chartConfig.settingsOpen, onClick: () => onSettingsOpenChange(!chartConfig.settingsOpen), children: _jsx(Settings2Icon, { className: "h-4 w-4" }) })] }));
+};
+//# sourceMappingURL=ChartBlockHeader.js.map

package/dist/charts/worksheet/ChartBlockHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBlockHeader.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAC;AAarE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,OAAO,EACP,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,aAAa,EACb,QAAQ,EACR,aAAa,EACb,MAAM,GACP,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,mEAAmE,aAC/E,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,6CAA6C,YACzD,OAAO,IAAI,SAAS,IAAI,OAAO,GAC5B,CACP,CAAC,CAAC,CAAC,CACF,gBACE,SAAS,EAAC,kGAAkG,EAC5G,KAAK,EAAE,OAAO,IAAI,EAAE,EACpB,WAAW,EAAE,SAAS,IAAI,eAAe,gBAC9B,eAAe,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,eAAe,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,GAEpD,CACH,EAED,KAAC,iBAAiB,IAChB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,QAAQ,IAAI,CAAC,aAAa,EACpC,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,GACpB,EAEF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EACzD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,QAAQ,CAAC,gBACnC,gBAAgB,EAC3B,KAAK,EAAC,gBAAgB,kBACR,WAAW,CAAC,YAAY,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,YAE9D,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,GAC9B,IACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport type {ChartConfig} from '../chart-types/chart-config';\nimport {Button, cn} from '@sqlrooms/ui';\nimport {Settings2Icon} from 'lucide-react';\nimport {FC} from 'react';\nimport {DataTableSelector} from '../../components/DataTableSelector';\n\nexport type ChartBlockHeaderProps = {\n  caption?: string;\n  chartConfig: ChartConfig;\n  onCaptionChange?: (caption: string | undefined) => void;\n  onSettingsOpenChange: (open: boolean) => void;\n  onTableChange?: (table: DataTable) => void;\n  readOnly?: boolean;\n  tables: DataTable[];\n  selectedTable: DataTable;\n};\n\nexport const ChartBlockHeader: FC<ChartBlockHeaderProps> = ({\n  caption,\n  chartConfig,\n  onCaptionChange,\n  onSettingsOpenChange,\n  onTableChange,\n  readOnly,\n  selectedTable,\n  tables,\n}) => {\n  const tableName = selectedTable.table.table;\n\n  return (\n    <div className=\"border-border flex min-h-10 items-center gap-2 border-b px-3 py-2\">\n      {readOnly ? (\n        <div className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n          {caption || tableName || 'Chart'}\n        </div>\n      ) : (\n        <input\n          className=\"placeholder:text-muted-foreground min-w-0 flex-1 bg-transparent text-sm font-medium outline-none\"\n          value={caption ?? ''}\n          placeholder={tableName || 'Chart caption'}\n          aria-label=\"Chart caption\"\n          onChange={(event) =>\n            onCaptionChange?.(event.target.value || undefined)\n          }\n        />\n      )}\n\n      <DataTableSelector\n        className=\"w-48\"\n        disabled={readOnly || !onTableChange}\n        onChange={onTableChange}\n        tables={tables}\n        value={selectedTable}\n      />\n\n      <Button\n        type=\"button\"\n        size=\"icon\"\n        variant={chartConfig.settingsOpen ? 'secondary' : 'ghost'}\n        className={cn('h-7 w-7', readOnly && 'hidden')}\n        aria-label=\"Chart settings\"\n        title=\"Chart settings\"\n        aria-pressed={chartConfig.settingsOpen}\n        onClick={() => onSettingsOpenChange(!chartConfig.settingsOpen)}\n      >\n        <Settings2Icon className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n};\n"]}

package/dist/charts/worksheet/ChartBlockRenderer.d.ts

@@ -0,0 +1,4 @@
+import type { BlockDocumentChartRendererProps } from '@sqlrooms/documents';
+import { FC } from 'react';
+export declare const ChartBlockRenderer: FC<BlockDocumentChartRendererProps>;
+//# sourceMappingURL=ChartBlockRenderer.d.ts.map

package/dist/charts/worksheet/ChartBlockRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBlockRenderer.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AA6BtC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,+BAA+B,CA2FlE,CAAC"}

package/dist/charts/worksheet/ChartBlockRenderer.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { MosaicChart } from '../MosaicChart';
+import { useParseChartConfig } from '../useParseChartConfig';
+import { useDataTable } from '../../hooks/useDataTable';
+import { useTablesWithColumns } from '../../hooks/useTablesWithColumns';
+import { ChartBlockHeader } from './ChartBlockHeader';
+import { ChartSelectorEmptyState } from './ChartSelectorEmptyState';
+function getBlockDocumentChartSelectionName({ documentId, blockId, selectionGroupId, }) {
+    return selectionGroupId
+        ? `worksheet:${documentId}:chart-group:${selectionGroupId}:brush`
+        : `worksheet:${documentId}:chart-block:${blockId}:brush`;
+}
+function getBlockDocumentChartRuntimeKey({ documentId, blockId, }) {
+    return `worksheet:${documentId}:chart-block:${blockId}`;
+}
+export const ChartBlockRenderer = ({ documentId, blockId, tableName, config, selectionGroupId, caption, readOnly, onTableNameChange, onConfigChange, onCaptionChange, }) => {
+    const tables = useTablesWithColumns();
+    const selectedTable = useDataTable(tableName);
+    const parseChartConfigResult = useParseChartConfig(config);
+    const selectionName = getBlockDocumentChartSelectionName({
+        documentId,
+        blockId,
+        selectionGroupId,
+    });
+    const runtimeKey = getBlockDocumentChartRuntimeKey({ documentId, blockId });
+    const handleSettingsOpenChange = useCallback((settingsOpen) => {
+        if (parseChartConfigResult.success) {
+            onConfigChange?.({ ...parseChartConfigResult.config, settingsOpen });
+        }
+    }, [parseChartConfigResult, onConfigChange]);
+    const handleConfigChange = useCallback((nextConfig) => {
+        onConfigChange?.(nextConfig);
+    }, [onConfigChange]);
+    const handleTableChange = useCallback((table) => {
+        onTableNameChange?.(table.table.toString());
+    }, [onTableNameChange]);
+    if (!selectedTable) {
+        return (_jsx(ChartSelectorEmptyState, { disabled: readOnly || !onTableNameChange, onChange: handleTableChange, tables: tables }));
+    }
+    if (!parseChartConfigResult.success) {
+        return (_jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: ["Invalid chart configuration: ", parseChartConfigResult.error] }));
+    }
+    const chartConfig = parseChartConfigResult.config;
+    return (_jsxs("div", { className: "flex h-105 min-h-80 flex-col", children: [_jsx(ChartBlockHeader, { caption: caption, chartConfig: chartConfig, selectedTable: selectedTable, onCaptionChange: onCaptionChange, onSettingsOpenChange: handleSettingsOpenChange, onTableChange: handleTableChange, readOnly: readOnly, tables: tables }), _jsx("div", { className: "min-h-0 flex-1", children: _jsx(MosaicChart, { dataTable: selectedTable, selectionName: selectionName, config: chartConfig, runtimeKey: runtimeKey, onConfigChange: handleConfigChange }) })] }));
+};
+//# sourceMappingURL=ChartBlockRenderer.js.map

package/dist/charts/worksheet/ChartBlockRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBlockRenderer.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartBlockRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport type {BlockDocumentChartRendererProps} from '@sqlrooms/documents';\nimport {FC, useCallback} from 'react';\nimport type {ChartConfig} from '../chart-types/chart-config';\nimport {MosaicChart} from '../MosaicChart';\nimport {useParseChartConfig} from '../useParseChartConfig';\nimport {useDataTable} from '../../hooks/useDataTable';\nimport {useTablesWithColumns} from '../../hooks/useTablesWithColumns';\nimport {ChartBlockHeader} from './ChartBlockHeader';\nimport {ChartSelectorEmptyState} from './ChartSelectorEmptyState';\n\nfunction getBlockDocumentChartSelectionName({\n  documentId,\n  blockId,\n  selectionGroupId,\n}: Pick<\n  BlockDocumentChartRendererProps,\n  'documentId' | 'blockId' | 'selectionGroupId'\n>) {\n  return selectionGroupId\n    ? `worksheet:${documentId}:chart-group:${selectionGroupId}:brush`\n    : `worksheet:${documentId}:chart-block:${blockId}:brush`;\n}\n\nfunction getBlockDocumentChartRuntimeKey({\n  documentId,\n  blockId,\n}: Pick<BlockDocumentChartRendererProps, 'documentId' | 'blockId'>) {\n  return `worksheet:${documentId}:chart-block:${blockId}`;\n}\n\nexport const ChartBlockRenderer: FC<BlockDocumentChartRendererProps> = ({\n  documentId,\n  blockId,\n  tableName,\n  config,\n  selectionGroupId,\n  caption,\n  readOnly,\n  onTableNameChange,\n  onConfigChange,\n  onCaptionChange,\n}) => {\n  const tables = useTablesWithColumns();\n  const selectedTable = useDataTable(tableName);\n\n  const parseChartConfigResult = useParseChartConfig(config);\n\n  const selectionName = getBlockDocumentChartSelectionName({\n    documentId,\n    blockId,\n    selectionGroupId,\n  });\n\n  const runtimeKey = getBlockDocumentChartRuntimeKey({documentId, blockId});\n\n  const handleSettingsOpenChange = useCallback(\n    (settingsOpen: boolean) => {\n      if (parseChartConfigResult.success) {\n        onConfigChange?.({...parseChartConfigResult.config, settingsOpen});\n      }\n    },\n    [parseChartConfigResult, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (nextConfig: ChartConfig) => {\n      onConfigChange?.(nextConfig);\n    },\n    [onConfigChange],\n  );\n\n  const handleTableChange = useCallback(\n    (table: DataTable) => {\n      onTableNameChange?.(table.table.toString());\n    },\n    [onTableNameChange],\n  );\n\n  if (!selectedTable) {\n    return (\n      <ChartSelectorEmptyState\n        disabled={readOnly || !onTableNameChange}\n        onChange={handleTableChange}\n        tables={tables}\n      />\n    );\n  }\n\n  if (!parseChartConfigResult.success) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n        Invalid chart configuration: {parseChartConfigResult.error}\n      </div>\n    );\n  }\n\n  const chartConfig = parseChartConfigResult.config;\n\n  return (\n    <div className=\"flex h-105 min-h-80 flex-col\">\n      <ChartBlockHeader\n        caption={caption}\n        chartConfig={chartConfig}\n        selectedTable={selectedTable}\n        onCaptionChange={onCaptionChange}\n        onSettingsOpenChange={handleSettingsOpenChange}\n        onTableChange={handleTableChange}\n        readOnly={readOnly}\n        tables={tables}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <MosaicChart\n          dataTable={selectedTable}\n          selectionName={selectionName}\n          config={chartConfig}\n          runtimeKey={runtimeKey}\n          onConfigChange={handleConfigChange}\n        />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/charts/worksheet/ChartSelectorEmptyState.d.ts

@@ -0,0 +1,15 @@
+import type { DataTable } from '@sqlrooms/db';
+import { FC } from 'react';
+type ChartSelectorEmptyStateProps = {
+    disabled?: boolean;
+    onChange?: (table: DataTable) => void;
+    tables: DataTable[];
+    value?: DataTable;
+};
+/**
+ * Empty state selector for chart blocks.
+ * Wraps DataTableSelectorEmptyState for consistency.
+ */
+export declare const ChartSelectorEmptyState: FC<ChartSelectorEmptyStateProps>;
+export {};
+//# sourceMappingURL=ChartSelectorEmptyState.d.ts.map

package/dist/charts/worksheet/ChartSelectorEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSelectorEmptyState.d.ts","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartSelectorEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAGzB,KAAK,4BAA4B,GAAG;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAIpE,CAAC"}

package/dist/charts/worksheet/ChartSelectorEmptyState.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTableSelectorEmptyState } from '../../components/DataTableSelector';
+/**
+ * Empty state selector for chart blocks.
+ * Wraps DataTableSelectorEmptyState for consistency.
+ */
+export const ChartSelectorEmptyState = (props) => {
+    return _jsx(DataTableSelectorEmptyState, { ...props });
+};
+//# sourceMappingURL=ChartSelectorEmptyState.js.map

package/dist/charts/worksheet/ChartSelectorEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSelectorEmptyState.js","sourceRoot":"","sources":["../../../src/charts/worksheet/ChartSelectorEmptyState.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,2BAA2B,EAAC,MAAM,oCAAoC,CAAC;AAS/E;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CACvE,KAAK,EACL,EAAE;IACF,OAAO,KAAC,2BAA2B,OAAK,KAAK,GAAI,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport {FC} from 'react';\nimport {DataTableSelectorEmptyState} from '../../components/DataTableSelector';\n\ntype ChartSelectorEmptyStateProps = {\n  disabled?: boolean;\n  onChange?: (table: DataTable) => void;\n  tables: DataTable[];\n  value?: DataTable;\n};\n\n/**\n * Empty state selector for chart blocks.\n * Wraps DataTableSelectorEmptyState for consistency.\n */\nexport const ChartSelectorEmptyState: FC<ChartSelectorEmptyStateProps> = (\n  props,\n) => {\n  return <DataTableSelectorEmptyState {...props} />;\n};\n"]}

package/dist/column-types-utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Column type constants for chart field type filtering
+ */
+export declare const NUMERIC_COLUMN_TYPES: string[];
+export declare const TEMPORAL_COLUMN_TYPES: string[];
+export declare const QUANTITATIVE_COLUMN_TYPES: string[];
+export declare const CATEGORICAL_COLUMN_TYPES: string[];
+export declare function isTemporalType(columnType: string): boolean;
+export declare function isQuantitativeType(columnType: string): boolean;
+export declare function isNumericType(columnType: string): boolean;
+export declare function isCategoricalType(columnType: string): boolean;
+//# sourceMappingURL=column-types-utils.d.ts.map

package/dist/column-types-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-types-utils.d.ts","sourceRoot":"","sources":["../src/column-types-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,oBAAoB,UAgBhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAQjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAGrC,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAsC,CAAC;AAE5E,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE9D;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAE7D"}

package/dist/column-types-utils.js

@@ -0,0 +1,47 @@
+/**
+ * Column type constants for chart field type filtering
+ */
+export const NUMERIC_COLUMN_TYPES = [
+    'BIGINT',
+    'BIT',
+    'DECIMAL',
+    'DOUBLE',
+    'FLOAT',
+    'HUGEINT',
+    'INTEGER',
+    'REAL',
+    'SMALLINT',
+    'TINYINT',
+    'UBIGINT',
+    'UHUGEINT',
+    'UINTEGER',
+    'USMALLINT',
+    'UTINYINT',
+];
+export const TEMPORAL_COLUMN_TYPES = [
+    'DATE',
+    'TIME',
+    'TIMESTAMP',
+    'TIMESTAMP_MS',
+    'TIMESTAMP_NS',
+    'TIMESTAMP_S',
+    'TIMESTAMPTZ',
+];
+export const QUANTITATIVE_COLUMN_TYPES = [
+    ...NUMERIC_COLUMN_TYPES,
+    ...TEMPORAL_COLUMN_TYPES,
+];
+export const CATEGORICAL_COLUMN_TYPES = ['VARCHAR', 'TEXT', 'BLOB', 'ENUM'];
+export function isTemporalType(columnType) {
+    return TEMPORAL_COLUMN_TYPES.includes(columnType);
+}
+export function isQuantitativeType(columnType) {
+    return QUANTITATIVE_COLUMN_TYPES.includes(columnType);
+}
+export function isNumericType(columnType) {
+    return NUMERIC_COLUMN_TYPES.includes(columnType);
+}
+export function isCategoricalType(columnType) {
+    return CATEGORICAL_COLUMN_TYPES.includes(columnType);
+}
+//# sourceMappingURL=column-types-utils.js.map

package/dist/column-types-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-types-utils.js","sourceRoot":"","sources":["../src/column-types-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,QAAQ;IACR,KAAK;IACL,SAAS;IACT,QAAQ;IACR,OAAO;IACP,SAAS;IACT,SAAS;IACT,MAAM;IACN,UAAU;IACV,SAAS;IACT,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW;IACX,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM;IACN,MAAM;IACN,WAAW;IACX,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,GAAG,oBAAoB;IACvB,GAAG,qBAAqB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAE5E,MAAM,UAAU,cAAc,CAAC,UAAkB;IAC/C,OAAO,qBAAqB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,UAAkB;IACnD,OAAO,yBAAyB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,UAAkB;IAC9C,OAAO,oBAAoB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,UAAkB;IAClD,OAAO,wBAAwB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACvD,CAAC","sourcesContent":["/**\n * Column type constants for chart field type filtering\n */\n\nexport const NUMERIC_COLUMN_TYPES = [\n  'BIGINT',\n  'BIT',\n  'DECIMAL',\n  'DOUBLE',\n  'FLOAT',\n  'HUGEINT',\n  'INTEGER',\n  'REAL',\n  'SMALLINT',\n  'TINYINT',\n  'UBIGINT',\n  'UHUGEINT',\n  'UINTEGER',\n  'USMALLINT',\n  'UTINYINT',\n];\n\nexport const TEMPORAL_COLUMN_TYPES = [\n  'DATE',\n  'TIME',\n  'TIMESTAMP',\n  'TIMESTAMP_MS',\n  'TIMESTAMP_NS',\n  'TIMESTAMP_S',\n  'TIMESTAMPTZ',\n];\n\nexport const QUANTITATIVE_COLUMN_TYPES = [\n  ...NUMERIC_COLUMN_TYPES,\n  ...TEMPORAL_COLUMN_TYPES,\n];\n\nexport const CATEGORICAL_COLUMN_TYPES = ['VARCHAR', 'TEXT', 'BLOB', 'ENUM'];\n\nexport function isTemporalType(columnType: string): boolean {\n  return TEMPORAL_COLUMN_TYPES.includes(columnType);\n}\n\nexport function isQuantitativeType(columnType: string): boolean {\n  return QUANTITATIVE_COLUMN_TYPES.includes(columnType);\n}\n\nexport function isNumericType(columnType: string): boolean {\n  return NUMERIC_COLUMN_TYPES.includes(columnType);\n}\n\nexport function isCategoricalType(columnType: string): boolean {\n  return CATEGORICAL_COLUMN_TYPES.includes(columnType);\n}\n"]}

package/dist/components/AggregationSelector.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import type { AggregateFunction } from '../schemas';
+export interface AggregationSelectorProps {
+    value: AggregateFunction;
+    onChange: (value: AggregateFunction) => void;
+}
+/**
+ * Dropdown for selecting an aggregation function (SUM, AVG, MIN, MAX).
+ */
+export declare const AggregationSelector: FC<AggregationSelectorProps>;
+//# sourceMappingURL=AggregationSelector.d.ts.map

package/dist/components/AggregationSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationSelector.d.ts","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAQ9B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyB5D,CAAC"}

package/dist/components/AggregationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationSelector.js","sourceRoot":"","sources":["../../src/components/AggregationSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AAQtB;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC3C,KAAC,aAAa,IAAC,SAAS,EAAC,mCAAmC,YAC1D,KAAC,WAAW,KAAG,GACD,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,oBAE9B,IACC,IACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@sqlrooms/ui';\nimport type {AggregateFunction} from '../schemas';\n\nexport interface AggregationSelectorProps {\n  value: AggregateFunction;\n  onChange: (value: AggregateFunction) => void;\n}\n\n/**\n * Dropdown for selecting an aggregation function (SUM, AVG, MIN, MAX).\n */\nexport const AggregationSelector: FC<AggregationSelectorProps> = ({\n  value,\n  onChange,\n}) => {\n  return (\n    <Select value={value} onValueChange={onChange}>\n      <SelectTrigger className=\"h-8 w-[100px] text-xs shadow-none\">\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"sum\" className=\"text-xs\">\n          SUM\n        </SelectItem>\n        <SelectItem value=\"avg\" className=\"text-xs\">\n          AVG\n        </SelectItem>\n        <SelectItem value=\"min\" className=\"text-xs\">\n          MIN\n        </SelectItem>\n        <SelectItem value=\"max\" className=\"text-xs\">\n          MAX\n        </SelectItem>\n      </SelectContent>\n    </Select>\n  );\n};\n"]}

package/dist/components/ColumnSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSelector.d.ts","sourceRoot":"","sources":["../../src/components/ColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAS9B,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8CD,eAAO,MAAM,cAAc;;;;CAIzB,CAAC"}

package/dist/components/ColumnSelector.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldSelectorInput } from './FieldSelectorInput';
+import { NUMERIC_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, CATEGORICAL_COLUMN_TYPES, } from '../column-types-utils';
+import { useColumnsContext } from './ColumnsContext';
+/**
+ * Simplified wrapper around FieldSelectorInput for selecting a table column.
+ * Removes the field prop requirement for easier composition.
+ *
+ * Can be used as:
+ * - `<ColumnSelector.Numeric />` - numeric types only
+ * - `<ColumnSelector.Quantitative />` - numeric + temporal
+ * - `<ColumnSelector.Categorical />` - text/enum types
+ */
+const ColumnSelectorRoot = ({ types, value, onChange, placeholder, }) => {
+    const { columns } = useColumnsContext();
+    return (_jsx(FieldSelectorInput, { field: {
+            key: '',
+            label: '',
+            types,
+        }, value: value, columns: columns, onChange: onChange, placeholder: placeholder ?? 'Select column…' }));
+};
+const Numeric = (props) => (_jsx(ColumnSelectorRoot, { ...props, types: NUMERIC_COLUMN_TYPES }));
+const Quantitative = (props) => (_jsx(ColumnSelectorRoot, { ...props, types: QUANTITATIVE_COLUMN_TYPES }));
+const Categorical = (props) => (_jsx(ColumnSelectorRoot, { ...props, types: CATEGORICAL_COLUMN_TYPES }));
+export const ColumnSelector = Object.assign(ColumnSelectorRoot, {
+    Numeric,
+    Quantitative,
+    Categorical,
+});
+//# sourceMappingURL=ColumnSelector.js.map

package/dist/components/ColumnSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSelector.js","sourceRoot":"","sources":["../../src/components/ColumnSelector.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AASnD;;;;;;;;GAQG;AACH,MAAM,kBAAkB,GAA4B,CAAC,EACnD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAC,GAAG,iBAAiB,EAAE,CAAC;IAEtC,OAAO,CACL,KAAC,kBAAkB,IACjB,KAAK,EAAE;YACL,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,EAAE;YACT,KAAK;SACN,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,IAAI,gBAAgB,GAC5C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAA2C,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,KAAC,kBAAkB,OAAK,KAAK,EAAE,KAAK,EAAE,oBAAoB,GAAI,CAC/D,CAAC;AAEF,MAAM,YAAY,GAA2C,CAAC,KAAK,EAAE,EAAE,CAAC,CACtE,KAAC,kBAAkB,OAAK,KAAK,EAAE,KAAK,EAAE,yBAAyB,GAAI,CACpE,CAAC;AAEF,MAAM,WAAW,GAA2C,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,KAAC,kBAAkB,OAAK,KAAK,EAAE,KAAK,EAAE,wBAAwB,GAAI,CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE;IAC9D,OAAO;IACP,YAAY;IACZ,WAAW;CACZ,CAAC,CAAC","sourcesContent":["import {type FC} from 'react';\nimport {FieldSelectorInput} from './FieldSelectorInput';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  CATEGORICAL_COLUMN_TYPES,\n} from '../column-types-utils';\nimport {useColumnsContext} from './ColumnsContext';\n\nexport interface ColumnSelectorProps {\n  types?: string[];\n  value: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string;\n}\n\n/**\n * Simplified wrapper around FieldSelectorInput for selecting a table column.\n * Removes the field prop requirement for easier composition.\n *\n * Can be used as:\n * - `<ColumnSelector.Numeric />` - numeric types only\n * - `<ColumnSelector.Quantitative />` - numeric + temporal\n * - `<ColumnSelector.Categorical />` - text/enum types\n */\nconst ColumnSelectorRoot: FC<ColumnSelectorProps> = ({\n  types,\n  value,\n  onChange,\n  placeholder,\n}) => {\n  const {columns} = useColumnsContext();\n\n  return (\n    <FieldSelectorInput\n      field={{\n        key: '',\n        label: '',\n        types,\n      }}\n      value={value}\n      columns={columns}\n      onChange={onChange}\n      placeholder={placeholder ?? 'Select column…'}\n    />\n  );\n};\n\nconst Numeric: FC<Omit<ColumnSelectorProps, 'types'>> = (props) => (\n  <ColumnSelectorRoot {...props} types={NUMERIC_COLUMN_TYPES} />\n);\n\nconst Quantitative: FC<Omit<ColumnSelectorProps, 'types'>> = (props) => (\n  <ColumnSelectorRoot {...props} types={QUANTITATIVE_COLUMN_TYPES} />\n);\n\nconst Categorical: FC<Omit<ColumnSelectorProps, 'types'>> = (props) => (\n  <ColumnSelectorRoot {...props} types={CATEGORICAL_COLUMN_TYPES} />\n);\n\nexport const ColumnSelector = Object.assign(ColumnSelectorRoot, {\n  Numeric,\n  Quantitative,\n  Categorical,\n});\n"]}

package/dist/components/ColumnsContext.d.ts

@@ -0,0 +1,11 @@
+import { type FC, type PropsWithChildren } from 'react';
+import type { TableColumn } from '@sqlrooms/duckdb';
+export interface ColumnsContextValue {
+    columns: TableColumn[];
+}
+export declare function useColumnsContext(): ColumnsContextValue;
+export interface ColumnsProviderProps extends PropsWithChildren {
+    columns: TableColumn[];
+}
+export declare const ColumnsProvider: FC<ColumnsProviderProps>;
+//# sourceMappingURL=ColumnsContext.d.ts.map

package/dist/components/ColumnsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsContext.d.ts","sourceRoot":"","sources":["../../src/components/ColumnsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAID,wBAAgB,iBAAiB,IAAI,mBAAmB,CAOvD;AAED,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CASpD,CAAC"}

package/dist/components/ColumnsContext.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, } from 'react';
+const ColumnsContext = createContext(null);
+export function useColumnsContext() {
+    const context = useContext(ColumnsContext);
+    if (!context) {
+        throw new Error('useColumnsContext must be used within a ColumnsProvider');
+    }
+    return context;
+}
+export const ColumnsProvider = ({ columns, children, }) => {
+    const value = useMemo(() => ({ columns }), [columns]);
+    return (_jsx(ColumnsContext.Provider, { value: value, children: children }));
+};
+//# sourceMappingURL=ColumnsContext.js.map

package/dist/components/ColumnsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsContext.js","sourceRoot":"","sources":["../../src/components/ColumnsContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,OAAO,GAGR,MAAM,OAAO,CAAC;AAOf,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAEvE,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAMD,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA2B,CAC5E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  createContext,\n  useContext,\n  useMemo,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\nimport type {TableColumn} from '@sqlrooms/duckdb';\n\nexport interface ColumnsContextValue {\n  columns: TableColumn[];\n}\n\nconst ColumnsContext = createContext<ColumnsContextValue | null>(null);\n\nexport function useColumnsContext(): ColumnsContextValue {\n  const context = useContext(ColumnsContext);\n  if (!context) {\n    throw new Error('useColumnsContext must be used within a ColumnsProvider');\n  }\n\n  return context;\n}\n\nexport interface ColumnsProviderProps extends PropsWithChildren {\n  columns: TableColumn[];\n}\n\nexport const ColumnsProvider: FC<ColumnsProviderProps> = ({\n  columns,\n  children,\n}) => {\n  const value = useMemo(() => ({columns}), [columns]);\n\n  return (\n    <ColumnsContext.Provider value={value}>{children}</ColumnsContext.Provider>\n  );\n};\n"]}

package/dist/components/DataTableSelector.d.ts

@@ -0,0 +1,22 @@
+import type { DataTable } from '@sqlrooms/db';
+import { FC } from 'react';
+/**
+ * Props for table selector components.
+ * Both `value` and `onChange` use DataTable objects.
+ */
+export type DataTableSelectorProps = {
+    className?: string;
+    disabled?: boolean;
+    onChange?: (table: DataTable) => void;
+    tables: DataTable[];
+    value?: DataTable;
+};
+/**
+ * Searchable table selector grouped by database and schema.
+ */
+export declare const DataTableSelector: FC<DataTableSelectorProps>;
+/**
+ * Presentational empty-state wrapper that renders the same searchable selector.
+ */
+export declare const DataTableSelectorEmptyState: FC<DataTableSelectorProps>;
+//# sourceMappingURL=DataTableSelector.d.ts.map

package/dist/components/DataTableSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSelector.d.ts","sourceRoot":"","sources":["../../src/components/DataTableSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAe5C,OAAO,EAAC,EAAE,EAAoB,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAoGF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoDxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,sBAAsB,CAUlE,CAAC"}

package/dist/components/DataTableSelector.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
+import { Check, ChevronsUpDown, TableIcon } from 'lucide-react';
+import { useMemo, useState } from 'react';
+/**
+ * Returns the group label for the table (database.schema).
+ */
+function getTableGroupLabel(table) {
+    return [table.table.database, table.table.schema]
+        .filter((part) => Boolean(part))
+        .join('.');
+}
+/**
+ * Returns searchable values for the table (all name components).
+ */
+function getTableSearchValue(table) {
+    return [
+        table.table.toString(),
+        table.table.table,
+        table.table.schema,
+        table.table.database,
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+function groupTables(tables) {
+    const groups = new Map();
+    for (const table of tables) {
+        const group = getTableGroupLabel(table) || 'Tables';
+        groups.set(group, [...(groups.get(group) ?? []), table]);
+    }
+    return Array.from(groups, ([group, groupTables]) => ({
+        group,
+        tables: [...groupTables].sort((left, right) => left.table.table.localeCompare(right.table.table)),
+    })).sort((left, right) => left.group.localeCompare(right.group));
+}
+const DataTableSelectorCommand = ({ onChange, tables, value, }) => {
+    const groupedTables = useMemo(() => groupTables(tables), [tables]);
+    const selectedTableReference = value?.table.toString();
+    return (_jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search tables...", className: "text-xs" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { className: "text-xs", children: "No tables found." }), groupedTables.map((group) => (_jsx(CommandGroup, { heading: group.group, children: group.tables.map((table) => {
+                            const tableReference = table.table.toString();
+                            const selectTable = () => onChange?.(table);
+                            const isSelected = selectedTableReference === tableReference;
+                            return (_jsxs(CommandItem, { value: getTableSearchValue(table), onClick: selectTable, onSelect: selectTable, className: "text-xs", children: [_jsx(Check, { className: cn('mr-2 h-3.5 w-3.5 shrink-0', isSelected ? 'opacity-100' : 'opacity-0') }), _jsx("span", { className: "min-w-0 flex-1 truncate font-mono", children: table.table.table }), table.isView ? (_jsx("span", { className: "text-muted-foreground ml-2 text-[10px]", children: "view" })) : null] }, tableReference));
+                        }) }, group.group)))] })] }));
+};
+/**
+ * Searchable table selector grouped by database and schema.
+ */
+export const DataTableSelector = ({ className, disabled, onChange, tables, value, }) => {
+    const [open, setOpen] = useState(false);
+    const selectedTableReference = value?.table.toString();
+    const selectedTable = tables.find((table) => selectedTableReference === table.table.toString());
+    const selectedLabel = selectedTable?.table.table ?? value?.table.table;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", role: "combobox", "aria-expanded": open, disabled: disabled, className: cn('h-8 w-48 max-w-full justify-between text-xs', className), children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(TableIcon, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "truncate font-mono", children: selectedLabel || 'Select table...' })] }), _jsx(ChevronsUpDown, { className: "ml-2 h-3.5 w-3.5 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[360px] p-0 text-xs", align: "start", children: _jsx(DataTableSelectorCommand, { onChange: (tableName) => {
+                        onChange?.(tableName);
+                        setOpen(false);
+                    }, tables: tables, value: value }) })] }));
+};
+/**
+ * Presentational empty-state wrapper that renders the same searchable selector.
+ */
+export const DataTableSelectorEmptyState = (props) => {
+    return (_jsx("div", { className: "flex h-full items-center justify-center p-4", children: _jsx("div", { className: "bg-popover text-popover-foreground w-full max-w-md rounded-md border shadow-sm", children: _jsx(DataTableSelectorCommand, { ...props }) }) }));
+};
+//# sourceMappingURL=DataTableSelector.js.map

package/dist/components/DataTableSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSelector.js","sourceRoot":"","sources":["../../src/components/DataTableSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {DataTable} from '@sqlrooms/db';\nimport {\n  Button,\n  cn,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown, TableIcon} from 'lucide-react';\nimport {FC, useMemo, useState} from 'react';\n\n/**\n * Props for table selector components.\n * Both `value` and `onChange` use DataTable objects.\n */\nexport type DataTableSelectorProps = {\n  className?: string;\n  disabled?: boolean;\n  onChange?: (table: DataTable) => void;\n  tables: DataTable[];\n  value?: DataTable;\n};\n\ntype GroupedTables = Array<{\n  group: string;\n  tables: DataTable[];\n}>;\n\n/**\n * Returns the group label for the table (database.schema).\n */\nfunction getTableGroupLabel(table: DataTable): string {\n  return [table.table.database, table.table.schema]\n    .filter((part): part is string => Boolean(part))\n    .join('.');\n}\n\n/**\n * Returns searchable values for the table (all name components).\n */\nfunction getTableSearchValue(table: DataTable): string {\n  return [\n    table.table.toString(),\n    table.table.table,\n    table.table.schema,\n    table.table.database,\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction groupTables(tables: DataTable[]): GroupedTables {\n  const groups = new Map<string, DataTable[]>();\n\n  for (const table of tables) {\n    const group = getTableGroupLabel(table) || 'Tables';\n    groups.set(group, [...(groups.get(group) ?? []), table]);\n  }\n\n  return Array.from(groups, ([group, groupTables]) => ({\n    group,\n    tables: [...groupTables].sort((left, right) =>\n      left.table.table.localeCompare(right.table.table),\n    ),\n  })).sort((left, right) => left.group.localeCompare(right.group));\n}\n\nconst DataTableSelectorCommand: FC<DataTableSelectorProps> = ({\n  onChange,\n  tables,\n  value,\n}) => {\n  const groupedTables = useMemo(() => groupTables(tables), [tables]);\n\n  const selectedTableReference = value?.table.toString();\n\n  return (\n    <Command>\n      <CommandInput placeholder=\"Search tables...\" className=\"text-xs\" />\n      <CommandList>\n        <CommandEmpty className=\"text-xs\">No tables found.</CommandEmpty>\n        {groupedTables.map((group) => (\n          <CommandGroup key={group.group} heading={group.group}>\n            {group.tables.map((table) => {\n              const tableReference = table.table.toString();\n              const selectTable = () => onChange?.(table);\n\n              const isSelected = selectedTableReference === tableReference;\n\n              return (\n                <CommandItem\n                  key={tableReference}\n                  value={getTableSearchValue(table)}\n                  onClick={selectTable}\n                  onSelect={selectTable}\n                  className=\"text-xs\"\n                >\n                  <Check\n                    className={cn(\n                      'mr-2 h-3.5 w-3.5 shrink-0',\n                      isSelected ? 'opacity-100' : 'opacity-0',\n                    )}\n                  />\n                  <span className=\"min-w-0 flex-1 truncate font-mono\">\n                    {table.table.table}\n                  </span>\n                  {table.isView ? (\n                    <span className=\"text-muted-foreground ml-2 text-[10px]\">\n                      view\n                    </span>\n                  ) : null}\n                </CommandItem>\n              );\n            })}\n          </CommandGroup>\n        ))}\n      </CommandList>\n    </Command>\n  );\n};\n\n/**\n * Searchable table selector grouped by database and schema.\n */\nexport const DataTableSelector: FC<DataTableSelectorProps> = ({\n  className,\n  disabled,\n  onChange,\n  tables,\n  value,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const selectedTableReference = value?.table.toString();\n\n  const selectedTable = tables.find(\n    (table) => selectedTableReference === table.table.toString(),\n  );\n\n  const selectedLabel = selectedTable?.table.table ?? value?.table.table;\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          role=\"combobox\"\n          aria-expanded={open}\n          disabled={disabled}\n          className={cn(\n            'h-8 w-48 max-w-full justify-between text-xs',\n            className,\n          )}\n        >\n          <span className=\"flex min-w-0 items-center gap-2\">\n            <TableIcon className=\"text-muted-foreground h-3.5 w-3.5 shrink-0\" />\n            <span className=\"truncate font-mono\">\n              {selectedLabel || 'Select table...'}\n            </span>\n          </span>\n          <ChevronsUpDown className=\"ml-2 h-3.5 w-3.5 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[360px] p-0 text-xs\" align=\"start\">\n        <DataTableSelectorCommand\n          onChange={(tableName) => {\n            onChange?.(tableName);\n            setOpen(false);\n          }}\n          tables={tables}\n          value={value}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\n/**\n * Presentational empty-state wrapper that renders the same searchable selector.\n */\nexport const DataTableSelectorEmptyState: FC<DataTableSelectorProps> = (\n  props,\n) => {\n  return (\n    <div className=\"flex h-full items-center justify-center p-4\">\n      <div className=\"bg-popover text-popover-foreground w-full max-w-md rounded-md border shadow-sm\">\n        <DataTableSelectorCommand {...props} />\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/components/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAehC,CAAC"}

package/dist/components/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/components/Field.tsx"],"names":[],"mappings":";AAOA;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAAE,EAAE;IACnE,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,iBAAO,SAAS,EAAC,qBAAqB,aACnC,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,uBAAuB,kBAAS,IACvD,EACR,cACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAC,mBAAmB,EAAE,MAAM,EAAC,YAEnC,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC, PropsWithChildren} from 'react';\n\nexport type FieldProps = PropsWithChildren<{\n  label: string;\n  required?: boolean;\n}>;\n\n/**\n * Layout wrapper that provides a label and grid container for horizontal\n * arrangement of child selectors (e.g., ColumnSelector, TemporalGranularitySelector).\n */\nexport const Field: FC<FieldProps> = ({label, required, children}) => {\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <label className=\"text-xs font-medium\">\n        {label}\n        {required && <span className=\"text-destructive ml-1\">*</span>}\n      </label>\n      <div\n        className=\"grid items-end gap-2\"\n        style={{gridTemplateColumns: 'auto'}}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/FieldSelectorInput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ChartBuilderColumn, ChartBuilderField } from '../charts/chart-types/base-types';
+export interface FieldSelectorInputProps {
+    field: ChartBuilderField;
+    columns: ChartBuilderColumn[];
+    value: string | undefined;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+/**
+ * A searchable dropdown selector for choosing a table column for a chart builder field.
+ */
+export declare const FieldSelectorInput: React.FC<FieldSelectorInputProps>;
+//# sourceMappingURL=FieldSelectorInput.d.ts.map

package/dist/components/FieldSelectorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSelectorInput.d.ts","sourceRoot":"","sources":["../../src/components/FieldSelectorInput.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+EhE,CAAC"}