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

package/dist/chart/MosaicDashboardChartRenderer.js

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

package/dist/chart/MosaicDashboardChartRenderer.js.map

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

package/dist/chart/MosaicDashboardComponentChart.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardComponentChart.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardComponentChart.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,4BAA4B,EAC5B,aAAa,EACb,oBAAoB,EACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAC,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,kCAAkC,GAAG;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,gBAAgB,CAAC;IACxB,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,mBAAmB,EAAE,wBAAwB,CAAC;IAC9C,oBAAoB,EAAE,yBAAyB,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAC5C,kCAAkC,CAsBnC,CAAC"}

package/dist/chart/MosaicDashboardComponentChart.js

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

package/dist/chart/MosaicDashboardComponentChart.js.map

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

package/dist/chart/MosaicDashboardVgPlotChart.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import { UseGenerateSpecResult } from './useGenerateSpec';
-import { ChartRetainer, BrushSelectionParams } from '../chart-types/base-types';
-import type { ChartDataPolicy, ChartRuntimeIssueContext, ChartRuntimeIssueReporter } from '../chart-runtime';
-export type MosaicDashboardVgPlotChartProps = {
-    spec: UseGenerateSpecResult;
-    retention: ChartRetainer;
-    params: BrushSelectionParams | undefined;
-    dataPolicy?: ChartDataPolicy | null;
-    runtimeIssueContext: ChartRuntimeIssueContext;
-    runtimeIssueReporter: ChartRuntimeIssueReporter;
-};
-export declare const MosaicDashboardVgPlotChart: FC<MosaicDashboardVgPlotChartProps>;
-//# sourceMappingURL=MosaicDashboardVgPlotChart.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardVgPlotChart.d.ts","sourceRoot":"","sources":["../../src/chart/MosaicDashboardVgPlotChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AACzB,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,+BAA+B,GAAG;IAC5C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,mBAAmB,EAAE,wBAAwB,CAAC;IAC9C,oBAAoB,EAAE,yBAAyB,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CACzC,+BAA+B,CA2BhC,CAAC"}

package/dist/chart/MosaicDashboardVgPlotChart.js

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

package/dist/chart/MosaicDashboardVgPlotChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MosaicDashboardVgPlotChart.js","sourceRoot":"","sources":["../../src/chart/MosaicDashboardVgPlotChart.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAiB3C,MAAM,CAAC,MAAM,0BAA0B,GAEnC,CAAC,EACH,IAAI,EACJ,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,EAAE;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,OAAO,CACL,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,0BAA0B,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,GAC7C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC} from 'react';\nimport {UseGenerateSpecResult} from './useGenerateSpec';\nimport {MosaicDashboardVgPlotError} from './MosaicDashboardVgPlotError';\nimport {VgPlotChart} from '../VgPlotChart';\nimport {ChartRetainer, BrushSelectionParams} from '../chart-types/base-types';\nimport type {\n  ChartDataPolicy,\n  ChartRuntimeIssueContext,\n  ChartRuntimeIssueReporter,\n} from '../chart-runtime';\n\nexport type MosaicDashboardVgPlotChartProps = {\n  spec: UseGenerateSpecResult;\n  retention: ChartRetainer;\n  params: BrushSelectionParams | undefined;\n  dataPolicy?: ChartDataPolicy | null;\n  runtimeIssueContext: ChartRuntimeIssueContext;\n  runtimeIssueReporter: ChartRuntimeIssueReporter;\n};\n\nexport const MosaicDashboardVgPlotChart: FC<\n  MosaicDashboardVgPlotChartProps\n> = ({\n  spec,\n  retention,\n  params,\n  dataPolicy,\n  runtimeIssueContext,\n  runtimeIssueReporter,\n}) => {\n  if (spec.error) {\n    return (\n      <div className=\"flex h-full flex-col items-center justify-center\">\n        <MosaicDashboardVgPlotError error={spec.error} />\n      </div>\n    );\n  }\n\n  return (\n    <VgPlotChart\n      spec={spec.spec}\n      params={params}\n      retention={retention}\n      dataPolicy={dataPolicy}\n      runtimeIssueContext={runtimeIssueContext}\n      runtimeIssueReporter={runtimeIssueReporter}\n    />\n  );\n};\n"]}

package/dist/chart/MosaicDashboardVgPlotError.d.ts

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

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

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

package/dist/chart/MosaicDashboardVgPlotError.js

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

package/dist/chart/MosaicDashboardVgPlotError.js.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"addChartPanelAction.d.ts","sourceRoot":"","sources":["../../src/chart/addChartPanelAction.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,6BAA6B,EAAC,MAAM,2BAA2B,CAAC;AAM7E,eAAO,MAAM,mBAAmB,EAAE,6BAWjC,CAAC"}

package/dist/chart/addChartPanelAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"addChartPanelAction.js","sourceRoot":"","sources":["../../src/chart/addChartPanelAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,OAAO,EACL,qCAAqC,EACrC,iCAAiC,GAClC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAkC;IAChE,IAAI,EAAE,iCAAiC;IACvC,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,CAAC,EAAC,UAAU,EAAC,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC;IACxD,WAAW,EAAE,CAAC,EAAC,UAAU,EAAC,EAAE,EAAE,CAC5B,qCAAqC,CAAC,WAAW,EAAE;QACjD,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,WAAW;QAC7C,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,IAAI;KACnB,CAAC;CACL,CAAC","sourcesContent":["import {BarChart3} from 'lucide-react';\nimport {type MosaicDashboardAddPanelAction} from '../dashboard/action-types';\nimport {\n  createMosaicDashboardChartPanelConfig,\n  MOSAIC_DASHBOARD_CHART_PANEL_TYPE,\n} from '../dashboard/MosaicDashboardSlice';\n\nexport const addChartPanelAction: MosaicDashboardAddPanelAction = {\n  type: MOSAIC_DASHBOARD_CHART_PANEL_TYPE,\n  label: 'Chart',\n  icon: BarChart3,\n  isEnabled: ({chartTypes}) => Boolean(chartTypes?.length),\n  createPanel: ({chartTypes}) =>\n    createMosaicDashboardChartPanelConfig('New Chart', {\n      chartType: chartTypes?.[0]?.id ?? 'histogram',\n      settings: {},\n      settingsOpen: true,\n    }),\n};\n"]}

package/dist/chart/chart-settings/ChartSettings.d.ts

@@ -1,44 +0,0 @@
-/**
- * Chart settings compound component for configuring chart types and their parameters.
- *
- * @example
- * ```tsx
- * <ChartSettings.Root
- *   tableName={tableName}
- *   config={config}
- *   columns={columns}
- *   onChange={handleChange}
- * >
- *   <ChartSettings.TypeSelector />
- *   <ChartSettings.Fields />
- * </ChartSettings.Root>
- * ```
- */
-import { type FC, type PropsWithChildren } from 'react';
-import type { TableColumn } from '@sqlrooms/duckdb';
-import { type ChartConfig } from '../../chart-types';
-interface ChartSettingsRootProps {
-    tableName?: string;
-    config: ChartConfig;
-    columns: TableColumn[];
-    onChange: (config: ChartConfig) => void;
-}
-export declare const ChartSettings: {
-    Root: FC<PropsWithChildren<ChartSettingsRootProps>>;
-    Header: FC<{
-        children?: import("react").ReactNode | undefined;
-    }>;
-    Content: FC<{
-        children?: import("react").ReactNode | undefined;
-    }>;
-    TypeSelector: FC;
-    Fields: FC;
-    ViewSpecButton: FC<{
-        onClick?: () => void;
-    }>;
-    CloseButton: FC<{
-        onClick: () => void;
-    }>;
-};
-export {};
-//# sourceMappingURL=ChartSettings.d.ts.map

package/dist/chart/chart-settings/ChartSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettings.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAMrE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,KAAK,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAOnE,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAiHD,eAAO,MAAM,aAAa;;;;;;;;;;;kBA5FuB,MAAM,IAAI;;;iBAed,MAAM,IAAI;;CAqFtD,CAAC"}

package/dist/chart/chart-settings/ChartSettings.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Chart settings compound component for configuring chart types and their parameters.
- *
- * @example
- * ```tsx
- * <ChartSettings.Root
- *   tableName={tableName}
- *   config={config}
- *   columns={columns}
- *   onChange={handleChange}
- * >
- *   <ChartSettings.TypeSelector />
- *   <ChartSettings.Fields />
- * </ChartSettings.Root>
- * ```
- */
-import { createElement } from 'react';
-import { ChartTypeSelector } from './ChartTypeSelector';
-import { ChartSettingsProvider, useChartSettingsContext, } from './ChartSettingsContext';
-import { Button } from '@sqlrooms/ui';
-import { CodeIcon, XIcon } from 'lucide-react';
-import { useChartTypeDefinition } from '../../chart-types/useChartTypeDefinition';
-import { Field } from '../../chart-builders/Field';
-import { useColumnsContext } from '../../chart-builders/ColumnsContext';
-const ChartSettingsRoot = ({ tableName, config, columns, onChange, children, }) => {
-    return (_jsx(ChartSettingsProvider, { tableName: tableName, config: config, columns: columns, onChange: onChange, children: children }));
-};
-const ChartSettingsViewSpecButton = ({ onClick }) => {
-    return (_jsx(Button, { variant: "ghost", size: "icon", className: "h-5 w-5", onClick: onClick, title: "View spec", "aria-label": "View spec", children: _jsx(CodeIcon, { className: "h-3.5 w-3.5" }) }));
-};
-const ChartSettingsCloseButton = ({ onClick }) => {
-    return (_jsx(Button, { variant: "ghost", size: "icon", className: "h-5 w-5", onClick: onClick, "aria-label": "Close", children: _jsx(XIcon, { className: "h-3.5 w-3.5" }) }));
-};
-const ChartSettingsHeader = ({ children }) => {
-    return (_jsx("div", { className: "flex items-center justify-between border-b px-3 py-1.5 text-xs font-medium", children: children }));
-};
-const ChartSettingsContent = ({ children }) => {
-    return _jsx("div", { className: "flex flex-col gap-2 p-2", children: children });
-};
-const ChartSettingsTypeSelector = () => {
-    const { config, onChange } = useChartSettingsContext();
-    const handleChartTypeChange = (newChartType) => {
-        // When changing chart type, clear settings
-        onChange({
-            chartType: newChartType,
-            settings: {},
-            settingsOpen: config.settingsOpen,
-        });
-    };
-    return (_jsx(Field, { label: "Chart type", required: true, children: _jsx(ChartTypeSelector, { value: config.chartType, onChange: handleChartTypeChange }) }));
-};
-const ChartSettingsFields = () => {
-    const { config } = useChartSettingsContext();
-    const { columns } = useColumnsContext();
-    const chartTypeDef = useChartTypeDefinition(config.chartType);
-    if (!chartTypeDef) {
-        return (_jsx(Field, { label: "Chart type", required: true, children: _jsxs("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: ["Unknown chart type: ", config.chartType] }) }));
-    }
-    if (columns.length === 0) {
-        return (_jsx(Field, { label: "Columns", required: true, children: _jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center p-4 text-sm", children: "No columns available" }) }));
-    }
-    return createElement(chartTypeDef.settingsComponent);
-};
-export const ChartSettings = {
-    Root: ChartSettingsRoot,
-    Header: ChartSettingsHeader,
-    Content: ChartSettingsContent,
-    TypeSelector: ChartSettingsTypeSelector,
-    Fields: ChartSettingsFields,
-    ViewSpecButton: ChartSettingsViewSpecButton,
-    CloseButton: ChartSettingsCloseButton,
-};
-//# sourceMappingURL=ChartSettings.js.map

package/dist/chart/chart-settings/ChartSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettings.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Chart settings compound component for configuring chart types and their parameters.\n *\n * @example\n * ```tsx\n * <ChartSettings.Root\n *   tableName={tableName}\n *   config={config}\n *   columns={columns}\n *   onChange={handleChange}\n * >\n *   <ChartSettings.TypeSelector />\n *   <ChartSettings.Fields />\n * </ChartSettings.Root>\n * ```\n */\nimport {type FC, type PropsWithChildren, createElement} from 'react';\nimport {ChartTypeSelector} from './ChartTypeSelector';\nimport {\n  ChartSettingsProvider,\n  useChartSettingsContext,\n} from './ChartSettingsContext';\nimport type {TableColumn} from '@sqlrooms/duckdb';\nimport {type ChartConfig, type ChartType} from '../../chart-types';\nimport {Button} from '@sqlrooms/ui';\nimport {CodeIcon, XIcon} from 'lucide-react';\nimport {useChartTypeDefinition} from '../../chart-types/useChartTypeDefinition';\nimport {Field} from '../../chart-builders/Field';\nimport {useColumnsContext} from '../../chart-builders/ColumnsContext';\n\ninterface ChartSettingsRootProps {\n  tableName?: string;\n  config: ChartConfig;\n  columns: TableColumn[];\n  onChange: (config: ChartConfig) => void;\n}\n\nconst ChartSettingsRoot: FC<PropsWithChildren<ChartSettingsRootProps>> = ({\n  tableName,\n  config,\n  columns,\n  onChange,\n  children,\n}) => {\n  return (\n    <ChartSettingsProvider\n      tableName={tableName}\n      config={config}\n      columns={columns}\n      onChange={onChange}\n    >\n      {children}\n    </ChartSettingsProvider>\n  );\n};\n\nconst ChartSettingsViewSpecButton: FC<{onClick?: () => void}> = ({onClick}) => {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      className=\"h-5 w-5\"\n      onClick={onClick}\n      title=\"View spec\"\n      aria-label=\"View spec\"\n    >\n      <CodeIcon className=\"h-3.5 w-3.5\" />\n    </Button>\n  );\n};\n\nconst ChartSettingsCloseButton: FC<{onClick: () => void}> = ({onClick}) => {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      className=\"h-5 w-5\"\n      onClick={onClick}\n      aria-label=\"Close\"\n    >\n      <XIcon className=\"h-3.5 w-3.5\" />\n    </Button>\n  );\n};\n\nconst ChartSettingsHeader: FC<PropsWithChildren> = ({children}) => {\n  return (\n    <div className=\"flex items-center justify-between border-b px-3 py-1.5 text-xs font-medium\">\n      {children}\n    </div>\n  );\n};\n\nconst ChartSettingsContent: FC<PropsWithChildren> = ({children}) => {\n  return <div className=\"flex flex-col gap-2 p-2\">{children}</div>;\n};\n\nconst ChartSettingsTypeSelector: FC = () => {\n  const {config, onChange} = useChartSettingsContext();\n\n  const handleChartTypeChange = (newChartType: ChartType) => {\n    // When changing chart type, clear settings\n    onChange({\n      chartType: newChartType,\n      settings: {},\n      settingsOpen: config.settingsOpen,\n    });\n  };\n\n  return (\n    <Field label=\"Chart type\" required>\n      <ChartTypeSelector\n        value={config.chartType}\n        onChange={handleChartTypeChange}\n      />\n    </Field>\n  );\n};\n\nconst ChartSettingsFields: FC = () => {\n  const {config} = useChartSettingsContext();\n  const {columns} = useColumnsContext();\n\n  const chartTypeDef = useChartTypeDefinition(config.chartType);\n\n  if (!chartTypeDef) {\n    return (\n      <Field label=\"Chart type\" required>\n        <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n          Unknown chart type: {config.chartType}\n        </div>\n      </Field>\n    );\n  }\n\n  if (columns.length === 0) {\n    return (\n      <Field label=\"Columns\" required>\n        <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n          No columns available\n        </div>\n      </Field>\n    );\n  }\n\n  return createElement(chartTypeDef.settingsComponent);\n};\n\nexport const ChartSettings = {\n  Root: ChartSettingsRoot,\n  Header: ChartSettingsHeader,\n  Content: ChartSettingsContent,\n  TypeSelector: ChartSettingsTypeSelector,\n  Fields: ChartSettingsFields,\n  ViewSpecButton: ChartSettingsViewSpecButton,\n  CloseButton: ChartSettingsCloseButton,\n};\n"]}

package/dist/chart/chart-settings/ChartSettingsContent.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import type { ChartPanelConfig } from '../../dashboard/dashboard-types';
-import { Spec } from '@uwdata/mosaic-spec';
-interface ChartSettingsContentProps {
-    dashboardId: string;
-    tableName: string;
-    spec?: Spec;
-    panel: ChartPanelConfig;
-    onClose?: () => void;
-}
-export declare const ChartSettingsContent: FC<ChartSettingsContentProps>;
-export {};
-//# sourceMappingURL=ChartSettingsContent.d.ts.map

package/dist/chart/chart-settings/ChartSettingsContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettingsContent.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettingsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAwB,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAGzC,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+B9D,CAAC"}

package/dist/chart/chart-settings/ChartSettingsContent.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import { ChartSpecViewerPanel } from './ChartSpecViewerPanel';
-import { ChartSettingsPanel } from './ChartSettingsPanel';
-export const ChartSettingsContent = ({ dashboardId, panel, tableName, spec, onClose, }) => {
-    const [viewMode, setViewMode] = useState('settings');
-    const handleViewSpec = useCallback(() => {
-        setViewMode('spec');
-    }, []);
-    const handleBackToSettings = useCallback(() => {
-        setViewMode('settings');
-    }, []);
-    if (spec && viewMode === 'spec') {
-        return _jsx(ChartSpecViewerPanel, { spec: spec, onBack: handleBackToSettings });
-    }
-    return (_jsx(ChartSettingsPanel, { dashboardId: dashboardId, panel: panel, tableName: tableName, spec: spec, onClose: onClose, onViewSpec: handleViewSpec }));
-};
-//# sourceMappingURL=ChartSettingsContent.js.map

package/dist/chart/chart-settings/ChartSettingsContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettingsContent.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettingsContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAG5D,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAUxD,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,WAAW,EACX,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,UAAU,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,WAAW,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QAChC,OAAO,KAAC,oBAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,oBAAoB,GAAI,CAAC;IAC5E,CAAC;IAED,OAAO,CACL,KAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,cAAc,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC, useCallback, useState} from 'react';\nimport {ChartSpecViewerPanel} from './ChartSpecViewerPanel';\nimport type {ChartPanelConfig} from '../../dashboard/dashboard-types';\nimport {Spec} from '@uwdata/mosaic-spec';\nimport {ChartSettingsPanel} from './ChartSettingsPanel';\n\ninterface ChartSettingsContentProps {\n  dashboardId: string;\n  tableName: string;\n  spec?: Spec;\n  panel: ChartPanelConfig;\n  onClose?: () => void;\n}\n\nexport const ChartSettingsContent: FC<ChartSettingsContentProps> = ({\n  dashboardId,\n  panel,\n  tableName,\n  spec,\n  onClose,\n}) => {\n  const [viewMode, setViewMode] = useState<'settings' | 'spec'>('settings');\n\n  const handleViewSpec = useCallback(() => {\n    setViewMode('spec');\n  }, []);\n\n  const handleBackToSettings = useCallback(() => {\n    setViewMode('settings');\n  }, []);\n\n  if (spec && viewMode === 'spec') {\n    return <ChartSpecViewerPanel spec={spec} onBack={handleBackToSettings} />;\n  }\n\n  return (\n    <ChartSettingsPanel\n      dashboardId={dashboardId}\n      panel={panel}\n      tableName={tableName}\n      spec={spec}\n      onClose={onClose}\n      onViewSpec={handleViewSpec}\n    />\n  );\n};\n"]}

package/dist/chart/chart-settings/ChartSettingsContext.d.ts

@@ -1,25 +0,0 @@
-import { type ReactNode } from 'react';
-import type { TableColumn } from '@sqlrooms/duckdb';
-import type { ChartConfig } from '../../chart-types/chart-config';
-import type { ChartType } from '../../chart-types/base-types';
-type ChartSetting<T extends ChartConfig = ChartConfig> = T['settings'];
-interface ChartSettingsContextValue<T extends ChartConfig = ChartConfig> {
-    config: T;
-    onChange: (config: T) => void;
-    onChangeConfig: <K extends keyof ChartSetting<T>>(key: K, value: ChartSetting<T>[K]) => void;
-}
-type ExtractChartConfig<T extends ChartType> = Extract<ChartConfig, {
-    chartType: T;
-}>;
-export declare function useChartSettingsContext(): ChartSettingsContextValue<ChartConfig>;
-export declare function useChartSettingsContext<T extends ChartType>(chartType: T): ChartSettingsContextValue<ExtractChartConfig<T>>;
-interface ChartSettingsProviderProps {
-    tableName?: string;
-    config: ChartConfig;
-    columns: TableColumn[];
-    onChange: (config: ChartConfig) => void;
-    children: ReactNode;
-}
-export declare function ChartSettingsProvider({ tableName, config, columns, onChange, children, }: ChartSettingsProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ChartSettingsContext.d.ts.map

package/dist/chart/chart-settings/ChartSettingsContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettingsContext.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettingsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,SAAS,EAA0B,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;AAEvE,UAAU,yBAAyB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACrE,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,cAAc,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,CAAC,CAAC,CAAC,EAC9C,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KACtB,IAAI,CAAC;CACX;AAOD,KAAK,kBAAkB,CAAC,CAAC,SAAS,SAAS,IAAI,OAAO,CACpD,WAAW,EACX;IAAC,SAAS,EAAE,CAAC,CAAA;CAAC,CACf,CAAC;AAEF,wBAAgB,uBAAuB,IAAI,yBAAyB,CAAC,WAAW,CAAC,CAAC;AAClF,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,SAAS,EACzD,SAAS,EAAE,CAAC,GACX,yBAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;AA2BpD,UAAU,0BAA0B;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,0BAA0B,2CA2B5B"}

package/dist/chart/chart-settings/ChartSettingsContext.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext } from 'react';
-import { ColumnsProvider } from '../../chart-builders/ColumnsContext';
-const ChartSettingsContext = createContext(null);
-export function useChartSettingsContext(chartType) {
-    const context = useContext(ChartSettingsContext);
-    if (!context) {
-        throw new Error('ChartSettings compound components must be used within ChartSettings.Root');
-    }
-    if (!chartType) {
-        return context;
-    }
-    if (context.config.chartType !== chartType) {
-        throw new Error(`${chartType} chart settings must be used within a ${chartType} chart context`);
-    }
-    return context;
-}
-export function ChartSettingsProvider({ tableName, config, columns, onChange, children, }) {
-    const onChangeConfig = useCallback(function (key, value) {
-        onChange({
-            ...config,
-            settings: {
-                ...config.settings,
-                [key]: value,
-            },
-        });
-    }, [config, onChange]);
-    return (_jsx(ColumnsProvider, { columns: columns, tableName: tableName, children: _jsx(ChartSettingsContext.Provider, { value: {
-                config,
-                onChange,
-                onChangeConfig,
-            }, children: children }) }));
-}
-//# sourceMappingURL=ChartSettingsContext.js.map

package/dist/chart/chart-settings/ChartSettingsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettingsContext.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettingsContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAkB,WAAW,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAC,eAAe,EAAC,MAAM,qCAAqC,CAAC;AAapE,MAAM,oBAAoB,GAAG,aAAa,CACxC,IAAI,CACL,CAAC;AAYF,MAAM,UAAU,uBAAuB,CACrC,SAAa;IAIb,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,OAA4D,CAAC;IACtE,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;QAC3C,MAAM,IAAI,KAAK,CACb,GAAG,SAAS,yCAAyC,SAAS,gBAAgB,CAC/E,CAAC;IACJ,CAAC;IAED,OAAO,OAAsE,CAAC;AAChF,CAAC;AAUD,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,GACmB;IAC3B,MAAM,cAAc,GAAG,WAAW,CAChC,UAAwC,GAAM,EAAE,KAAmB;QACjE,QAAQ,CAAC;YACP,GAAG,MAAM;YACT,QAAQ,EAAE;gBACR,GAAG,MAAM,CAAC,QAAQ;gBAClB,CAAC,GAAG,CAAC,EAAE,KAAK;aACb;SACa,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YACrD,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,MAAM;gBACN,QAAQ;gBACR,cAAc;aACf,YAEA,QAAQ,GACqB,GAChB,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import {createContext, type ReactNode, useCallback, useContext} from 'react';\nimport type {TableColumn} from '@sqlrooms/duckdb';\nimport type {ChartConfig} from '../../chart-types/chart-config';\nimport type {ChartType} from '../../chart-types/base-types';\nimport {ColumnsProvider} from '../../chart-builders/ColumnsContext';\n\ntype ChartSetting<T extends ChartConfig = ChartConfig> = T['settings'];\n\ninterface ChartSettingsContextValue<T extends ChartConfig = ChartConfig> {\n  config: T;\n  onChange: (config: T) => void;\n  onChangeConfig: <K extends keyof ChartSetting<T>>(\n    key: K,\n    value: ChartSetting<T>[K],\n  ) => void;\n}\n\nconst ChartSettingsContext = createContext<ChartSettingsContextValue | null>(\n  null,\n);\n\n// Extract specific config type from the discriminated union by chartType\ntype ExtractChartConfig<T extends ChartType> = Extract<\n  ChartConfig,\n  {chartType: T}\n>;\n\nexport function useChartSettingsContext(): ChartSettingsContextValue<ChartConfig>;\nexport function useChartSettingsContext<T extends ChartType>(\n  chartType: T,\n): ChartSettingsContextValue<ExtractChartConfig<T>>;\nexport function useChartSettingsContext<T extends ChartType>(\n  chartType?: T,\n):\n  | ChartSettingsContextValue<ExtractChartConfig<T>>\n  | ChartSettingsContextValue<ChartConfig> {\n  const context = useContext(ChartSettingsContext);\n\n  if (!context) {\n    throw new Error(\n      'ChartSettings compound components must be used within ChartSettings.Root',\n    );\n  }\n\n  if (!chartType) {\n    return context as unknown as ChartSettingsContextValue<ChartConfig>;\n  }\n\n  if (context.config.chartType !== chartType) {\n    throw new Error(\n      `${chartType} chart settings must be used within a ${chartType} chart context`,\n    );\n  }\n\n  return context as unknown as ChartSettingsContextValue<ExtractChartConfig<T>>;\n}\n\ninterface ChartSettingsProviderProps {\n  tableName?: string;\n  config: ChartConfig;\n  columns: TableColumn[];\n  onChange: (config: ChartConfig) => void;\n  children: ReactNode;\n}\n\nexport function ChartSettingsProvider({\n  tableName,\n  config,\n  columns,\n  onChange,\n  children,\n}: ChartSettingsProviderProps) {\n  const onChangeConfig = useCallback(\n    function <K extends keyof ChartSetting>(key: K, value: ChartSetting) {\n      onChange({\n        ...config,\n        settings: {\n          ...config.settings,\n          [key]: value,\n        },\n      } as ChartConfig);\n    },\n    [config, onChange],\n  );\n\n  return (\n    <ColumnsProvider columns={columns} tableName={tableName}>\n      <ChartSettingsContext.Provider\n        value={{\n          config,\n          onChange,\n          onChangeConfig,\n        }}\n      >\n        {children}\n      </ChartSettingsContext.Provider>\n    </ColumnsProvider>\n  );\n}\n"]}

package/dist/chart/chart-settings/ChartSettingsPanel.d.ts

@@ -1,14 +0,0 @@
-import { FC } from 'react';
-import type { ChartPanelConfig } from '../../dashboard/dashboard-types';
-import { Spec } from '@uwdata/mosaic-spec';
-interface ChartSettingsPanelProps {
-    dashboardId: string;
-    tableName: string;
-    spec?: Spec;
-    panel: ChartPanelConfig;
-    onClose?: () => void;
-    onViewSpec?: () => void;
-}
-export declare const ChartSettingsPanel: FC<ChartSettingsPanelProps>;
-export {};
-//# sourceMappingURL=ChartSettingsPanel.d.ts.map

package/dist/chart/chart-settings/ChartSettingsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettingsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAc,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAEzC,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA6C1D,CAAC"}

package/dist/chart/chart-settings/ChartSettingsPanel.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { ChartSettings } from './ChartSettings';
-import { useTableColumns } from './useTableColumns';
-import { useStoreWithMosaicDashboard } from '../../dashboard/MosaicDashboardSlice';
-export const ChartSettingsPanel = ({ dashboardId, panel, tableName, spec, onClose, onViewSpec, }) => {
-    const config = panel.config;
-    const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
-    const columns = useTableColumns(tableName);
-    const handleSettingsChange = useCallback((config) => {
-        updatePanel(dashboardId, panel.id, {
-            config,
-        });
-    }, [dashboardId, panel.id, updatePanel]);
-    return (_jsxs(ChartSettings.Root, { tableName: tableName, config: config, columns: columns, onChange: handleSettingsChange, children: [_jsxs(ChartSettings.Header, { children: [_jsx("div", { className: "flex items-center", children: "Chart settings" }), _jsxs("div", { className: "flex items-center gap-1", children: [spec && _jsx(ChartSettings.ViewSpecButton, { onClick: onViewSpec }), onClose && _jsx(ChartSettings.CloseButton, { onClick: onClose })] })] }), _jsxs(ChartSettings.Content, { children: [_jsx(ChartSettings.TypeSelector, {}), _jsx(ChartSettings.Fields, {})] })] }));
-};
-//# sourceMappingURL=ChartSettingsPanel.js.map

package/dist/chart/chart-settings/ChartSettingsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSettingsPanel.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettingsPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAK,WAAW,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAC;AAYjF,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,WAAW,EACX,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAE5B,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IAEF,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAE3C,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,MAAmB,EAAE,EAAE;QACtB,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM;SACP,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,MAAC,aAAa,CAAC,IAAI,IACjB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,oBAAoB,aAE9B,MAAC,aAAa,CAAC,MAAM,eACnB,cAAK,SAAS,EAAC,mBAAmB,+BAAqB,EACvD,eAAK,SAAS,EAAC,yBAAyB,aACrC,IAAI,IAAI,KAAC,aAAa,CAAC,cAAc,IAAC,OAAO,EAAE,UAAU,GAAI,EAC7D,OAAO,IAAI,KAAC,aAAa,CAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,IACvD,IACe,EACvB,MAAC,aAAa,CAAC,OAAO,eACpB,KAAC,aAAa,CAAC,YAAY,KAAG,EAC9B,KAAC,aAAa,CAAC,MAAM,KAAG,IACF,IACL,CACtB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {FC, useCallback} from 'react';\nimport {ChartSettings} from './ChartSettings';\nimport {type ChartConfig} from '../../chart-types/chart-config';\nimport {useTableColumns} from './useTableColumns';\nimport type {ChartPanelConfig} from '../../dashboard/dashboard-types';\nimport {useStoreWithMosaicDashboard} from '../../dashboard/MosaicDashboardSlice';\nimport {Spec} from '@uwdata/mosaic-spec';\n\ninterface ChartSettingsPanelProps {\n  dashboardId: string;\n  tableName: string;\n  spec?: Spec;\n  panel: ChartPanelConfig;\n  onClose?: () => void;\n  onViewSpec?: () => void;\n}\n\nexport const ChartSettingsPanel: FC<ChartSettingsPanelProps> = ({\n  dashboardId,\n  panel,\n  tableName,\n  spec,\n  onClose,\n  onViewSpec,\n}) => {\n  const config = panel.config;\n\n  const updatePanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.updatePanel,\n  );\n\n  const columns = useTableColumns(tableName);\n\n  const handleSettingsChange = useCallback(\n    (config: ChartConfig) => {\n      updatePanel(dashboardId, panel.id, {\n        config,\n      });\n    },\n    [dashboardId, panel.id, updatePanel],\n  );\n\n  return (\n    <ChartSettings.Root\n      tableName={tableName}\n      config={config}\n      columns={columns}\n      onChange={handleSettingsChange}\n    >\n      <ChartSettings.Header>\n        <div className=\"flex items-center\">Chart settings</div>\n        <div className=\"flex items-center gap-1\">\n          {spec && <ChartSettings.ViewSpecButton onClick={onViewSpec} />}\n          {onClose && <ChartSettings.CloseButton onClick={onClose} />}\n        </div>\n      </ChartSettings.Header>\n      <ChartSettings.Content>\n        <ChartSettings.TypeSelector />\n        <ChartSettings.Fields />\n      </ChartSettings.Content>\n    </ChartSettings.Root>\n  );\n};\n"]}

package/dist/chart/chart-settings/ChartSpecViewerPanel.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { Spec } from '@uwdata/mosaic-spec';
-interface ChartSpecViewerPanelProps {
-    spec: Spec;
-    onBack: () => void;
-}
-export declare const ChartSpecViewerPanel: FC<ChartSpecViewerPanelProps>;
-export {};
-//# sourceMappingURL=ChartSpecViewerPanel.d.ts.map

package/dist/chart/chart-settings/ChartSpecViewerPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSpecViewerPanel.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSpecViewerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAGzC,UAAU,yBAAyB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC"}

package/dist/chart/chart-settings/ChartSpecViewerPanel.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { MosaicCodeMirrorEditor } from '../../editor/MosaicCodeMirrorEditor';
-import { ChartSettings } from './ChartSettings';
-import { toRenderableMosaicSpec } from '../../dashboard/utils';
-export const ChartSpecViewerPanel = ({ spec, onBack, }) => {
-    const renderableSpec = toRenderableMosaicSpec(spec);
-    const serializedValue = useMemo(() => (renderableSpec ? JSON.stringify(renderableSpec, null, 2) : ''), [renderableSpec]);
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs(ChartSettings.Header, { children: [_jsx("div", { className: "flex items-center", children: _jsx("span", { children: "Spec viewer" }) }), _jsx("div", { className: "flex items-center gap-1", children: _jsx(ChartSettings.CloseButton, { onClick: onBack }) })] }), _jsx("div", { className: "flex-1 overflow-auto p-2", children: _jsx("div", { className: "border-input h-full overflow-hidden rounded-md border", children: _jsx(MosaicCodeMirrorEditor, { value: serializedValue, className: "h-full", enableSchemaValidation: true, readOnly: true }) }) })] }));
-};
-//# sourceMappingURL=ChartSpecViewerPanel.js.map

package/dist/chart/chart-settings/ChartSpecViewerPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartSpecViewerPanel.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSpecViewerPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,OAAO,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAO7D,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,IAAI,EACJ,MAAM,GACP,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACrE,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,MAAC,aAAa,CAAC,MAAM,eACnB,cAAK,SAAS,EAAC,mBAAmB,YAChC,yCAAwB,GACpB,EACN,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,aAAa,CAAC,WAAW,IAAC,OAAO,EAAE,MAAM,GAAI,GAC1C,IACe,EACvB,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,uDAAuD,YACpE,KAAC,sBAAsB,IACrB,KAAK,EAAE,eAAe,EACtB,SAAS,EAAC,QAAQ,EAClB,sBAAsB,QACtB,QAAQ,SACR,GACE,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useMemo} from 'react';\nimport {MosaicCodeMirrorEditor} from '../../editor/MosaicCodeMirrorEditor';\nimport {ChartSettings} from './ChartSettings';\nimport {Spec} from '@uwdata/mosaic-spec';\nimport {toRenderableMosaicSpec} from '../../dashboard/utils';\n\ninterface ChartSpecViewerPanelProps {\n  spec: Spec;\n  onBack: () => void;\n}\n\nexport const ChartSpecViewerPanel: FC<ChartSpecViewerPanelProps> = ({\n  spec,\n  onBack,\n}) => {\n  const renderableSpec = toRenderableMosaicSpec(spec);\n\n  const serializedValue = useMemo(\n    () => (renderableSpec ? JSON.stringify(renderableSpec, null, 2) : ''),\n    [renderableSpec],\n  );\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <ChartSettings.Header>\n        <div className=\"flex items-center\">\n          <span>Spec viewer</span>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <ChartSettings.CloseButton onClick={onBack} />\n        </div>\n      </ChartSettings.Header>\n      <div className=\"flex-1 overflow-auto p-2\">\n        <div className=\"border-input h-full overflow-hidden rounded-md border\">\n          <MosaicCodeMirrorEditor\n            value={serializedValue}\n            className=\"h-full\"\n            enableSchemaValidation\n            readOnly\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/chart/chart-settings/ChartTypeSelector.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type ChartType } from '../../chart-types/base-types';
-interface ChartTypeSelectorProps {
-    value: ChartType;
-    onChange: (chartType: ChartType) => void;
-}
-export declare const ChartTypeSelector: FC<ChartTypeSelectorProps>;
-export {};
-//# sourceMappingURL=ChartTypeSelector.d.ts.map

package/dist/chart/chart-settings/ChartTypeSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartTypeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAgB,MAAM,OAAO,CAAC;AAS7C,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAG5D,UAAU,sBAAsB;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0CxD,CAAC"}

package/dist/chart/chart-settings/ChartTypeSelector.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@sqlrooms/ui';
-import { ChartNoAxesCombined } from 'lucide-react';
-import { useStoreWithMosaicDashboard } from '../../dashboard/MosaicDashboardSlice';
-export const ChartTypeSelector = memo(({ value, onChange }) => {
-    const chartTypes = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.chartTypes);
-    const selectedChartType = useMemo(() => chartTypes?.find((chartType) => chartType.id === value), [chartTypes, value]);
-    const SelectedChartTypeIcon = selectedChartType?.icon ?? ChartNoAxesCombined;
-    return (_jsxs(Select, { value: value, onValueChange: onChange, children: [_jsx(SelectTrigger, { className: "h-8 text-xs", "aria-label": "Chart type", children: selectedChartType ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SelectedChartTypeIcon, { className: "h-3.5 w-3.5" }), _jsx("span", { children: selectedChartType.label })] })) : (_jsx(SelectValue, { placeholder: "Select chart type" })) }), _jsx(SelectContent, { className: "text-xs", children: chartTypes?.map((chartType) => {
-                    const Icon = chartType.icon ?? ChartNoAxesCombined;
-                    return (_jsx(SelectItem, { value: chartType.id, children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(Icon, { className: "h-3.5 w-3.5" }), _jsx("span", { children: chartType.label })] }) }, chartType.id));
-                }) })] }));
-});
-ChartTypeSelector.displayName = 'ChartTypeSelector';
-//# sourceMappingURL=ChartTypeSelector.js.map

package/dist/chart/chart-settings/ChartTypeSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTypeSelector.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartTypeSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,IAAI,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC7C,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAC;AAOjF,MAAM,CAAC,MAAM,iBAAiB,GAA+B,IAAI,CAC/D,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpB,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAC5C,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAC7D,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,MAAM,qBAAqB,GACzB,iBAAiB,EAAE,IAAI,IAAI,mBAAmB,CAAC;IAEjD,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC3C,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,gBAAY,YAAY,YAC3D,iBAAiB,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,qBAAqB,IAAC,SAAS,EAAC,aAAa,GAAG,EACjD,yBAAO,iBAAiB,CAAC,KAAK,GAAQ,IAClC,CACP,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,IAAC,WAAW,EAAC,mBAAmB,GAAG,CAChD,GACa,EAChB,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,YAC/B,UAAU,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oBAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,mBAAmB,CAAC;oBACnD,OAAO,CACL,KAAC,UAAU,IAAoB,KAAK,EAAE,SAAS,CAAC,EAAE,YAChD,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,GAAG,EAChC,yBAAO,SAAS,CAAC,KAAK,GAAQ,IAC1B,IAJS,SAAS,CAAC,EAAE,CAKhB,CACd,CAAC;gBACJ,CAAC,CAAC,GACY,IACT,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import {type FC, memo, useMemo} from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@sqlrooms/ui';\nimport {ChartNoAxesCombined} from 'lucide-react';\nimport {type ChartType} from '../../chart-types/base-types';\nimport {useStoreWithMosaicDashboard} from '../../dashboard/MosaicDashboardSlice';\n\ninterface ChartTypeSelectorProps {\n  value: ChartType;\n  onChange: (chartType: ChartType) => void;\n}\n\nexport const ChartTypeSelector: FC<ChartTypeSelectorProps> = memo(\n  ({value, onChange}) => {\n    const chartTypes = useStoreWithMosaicDashboard(\n      (state) => state.mosaicDashboard.chartTypes,\n    );\n\n    const selectedChartType = useMemo(\n      () => chartTypes?.find((chartType) => chartType.id === value),\n      [chartTypes, value],\n    );\n\n    const SelectedChartTypeIcon =\n      selectedChartType?.icon ?? ChartNoAxesCombined;\n\n    return (\n      <Select value={value} onValueChange={onChange}>\n        <SelectTrigger className=\"h-8 text-xs\" aria-label=\"Chart type\">\n          {selectedChartType ? (\n            <div className=\"flex items-center gap-2\">\n              <SelectedChartTypeIcon className=\"h-3.5 w-3.5\" />\n              <span>{selectedChartType.label}</span>\n            </div>\n          ) : (\n            <SelectValue placeholder=\"Select chart type\" />\n          )}\n        </SelectTrigger>\n        <SelectContent className=\"text-xs\">\n          {chartTypes?.map((chartType) => {\n            const Icon = chartType.icon ?? ChartNoAxesCombined;\n            return (\n              <SelectItem key={chartType.id} value={chartType.id}>\n                <div className=\"flex items-center gap-2 text-xs\">\n                  <Icon className=\"h-3.5 w-3.5\" />\n                  <span>{chartType.label}</span>\n                </div>\n              </SelectItem>\n            );\n          })}\n        </SelectContent>\n      </Select>\n    );\n  },\n);\n\nChartTypeSelector.displayName = 'ChartTypeSelector';\n"]}

package/dist/chart/chart-settings/useTableColumns.d.ts

@@ -1,3 +0,0 @@
-import { TableColumn } from '@sqlrooms/db';
-export declare function useTableColumns(tableName?: string): TableColumn[];
-//# sourceMappingURL=useTableColumns.d.ts.map

package/dist/chart/chart-settings/useTableColumns.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../src/chart/chart-settings/useTableColumns.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,wBAAgB,eAAe,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,EAAE,CAQjE"}

package/dist/chart/chart-settings/useTableColumns.js

@@ -1,12 +0,0 @@
-import { useMemo } from 'react';
-import { useStoreWithMosaicDashboard } from '../../dashboard/MosaicDashboardSlice';
-export function useTableColumns(tableName) {
-    const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
-    return useMemo(() => {
-        if (!tableName)
-            return [];
-        const resolvedTable = tables.find((t) => t.table.table === tableName);
-        return resolvedTable?.columns || [];
-    }, [tableName, tables]);
-}
-//# sourceMappingURL=useTableColumns.js.map

package/dist/chart/chart-settings/useTableColumns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumns.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/useTableColumns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,sCAAsC,CAAC;AAGjF,MAAM,UAAU,eAAe,CAAC,SAAkB;IAChD,MAAM,MAAM,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEvE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,SAAS;YAAE,OAAO,EAAE,CAAC;QAC1B,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;QACtE,OAAO,aAAa,EAAE,OAAO,IAAI,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1B,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {useStoreWithMosaicDashboard} from '../../dashboard/MosaicDashboardSlice';\nimport {TableColumn} from '@sqlrooms/db';\n\nexport function useTableColumns(tableName?: string): TableColumn[] {\n  const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n\n  return useMemo(() => {\n    if (!tableName) return [];\n    const resolvedTable = tables.find((t) => t.table.table === tableName);\n    return resolvedTable?.columns || [];\n  }, [tableName, tables]);\n}\n"]}