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

package/dist/{dashboard → chart}/chart-settings/ChartSettings.d.ts

@@ -16,24 +16,29 @@
  */
 import { type FC, type PropsWithChildren } from 'react';
 import type { TableColumn } from '@sqlrooms/duckdb';
-import { type VgPlotChartConfig } from '../../chart-types';
+import { type ChartConfig } from '../../chart-types';
 interface ChartSettingsRootProps {
     tableName?: string;
-    config: VgPlotChartConfig;
+    config: ChartConfig;
     columns: TableColumn[];
-    onChange: (config: VgPlotChartConfig) => void;
+    onChange: (config: ChartConfig) => void;
 }
-type ChartSettingsHeaderProps = PropsWithChildren<{
-    onClose?: () => void;
-}>;
 export declare const ChartSettings: {
     Root: FC<PropsWithChildren<ChartSettingsRootProps>>;
-    Header: FC<ChartSettingsHeaderProps>;
+    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

@@ -0,0 +1 @@
+{"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;AAKnE,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;AAyGD,eAAO,MAAM,aAAa;;;;;;;;;;;kBApFuB,MAAM,IAAI;;;iBAed,MAAM,IAAI;;CA6EtD,CAAC"}

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

@@ -0,0 +1,71 @@
+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';
+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(ChartTypeSelector, { value: config.chartType, onChange: handleChartTypeChange }));
+};
+const ChartSettingsFields = () => {
+    const { config, columns } = useChartSettingsContext();
+    const chartTypeDef = useChartTypeDefinition(config.chartType);
+    if (!chartTypeDef) {
+        return (_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("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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSettings.js","sourceRoot":"","sources":["../../../src/chart/chart-settings/ChartSettings.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAkC,aAAa,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,sBAAsB,EAAC,MAAM,0CAA0C,CAAC;AAShF,MAAM,iBAAiB,GAAkD,CAAC,EACxE,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,qBAAqB,IACpB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAA+B,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAC5E,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,WAAW,gBACN,WAAW,YAEtB,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAC7B,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAA8B,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IACxE,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,gBACL,OAAO,YAElB,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,GAC1B,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAA0B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAChE,OAAO,CACL,cAAK,SAAS,EAAC,4EAA4E,YACxF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAA0B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACjE,OAAO,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAO,GAAG,EAAE;IACzC,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAC,GAAG,uBAAuB,EAAE,CAAC;IAErD,MAAM,qBAAqB,GAAG,CAAC,YAAuB,EAAE,EAAE;QACxD,2CAA2C;QAC3C,QAAQ,CAAC;YACP,SAAS,EAAE,YAAY;YACvB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,QAAQ,EAAE,qBAAqB,GAC/B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAO,GAAG,EAAE;IACnC,MAAM,EAAC,MAAM,EAAE,OAAO,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,sBAAsB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAE9D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,CACL,eAAK,SAAS,EAAC,2EAA2E,qCACnE,MAAM,CAAC,SAAS,IACjC,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAC,2EAA2E,qCAEpF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,aAAa,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,mBAAmB;IAC3B,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,yBAAyB;IACvC,MAAM,EAAE,mBAAmB;IAC3B,cAAc,EAAE,2BAA2B;IAC3C,WAAW,EAAE,wBAAwB;CACtC,CAAC","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';\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    <ChartTypeSelector\n      value={config.chartType}\n      onChange={handleChartTypeChange}\n    />\n  );\n};\n\nconst ChartSettingsFields: FC = () => {\n  const {config, columns} = useChartSettingsContext();\n  const chartTypeDef = useChartTypeDefinition(config.chartType);\n\n  if (!chartTypeDef) {\n    return (\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    );\n  }\n\n  if (columns.length === 0) {\n    return (\n      <div className=\"text-muted-foreground flex h-full items-center justify-center p-4 text-sm\">\n        No columns available\n      </div>\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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ChartPanelConfig } from '../../dashboard/MosaicDashboardSlice';
+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

@@ -0,0 +1 @@
+{"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,EAAC,gBAAgB,EAAC,MAAM,sCAAsC,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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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 {ChartPanelConfig} from '../../dashboard/MosaicDashboardSlice';\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

@@ -0,0 +1,27 @@
+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> {
+    tableName?: string;
+    config: T;
+    columns: TableColumn[];
+    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

@@ -0,0 +1 @@
+{"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;AAE5D,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;AAEvE,UAAU,yBAAyB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,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

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext } from 'react';
+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(ChartSettingsContext.Provider, { value: {
+            tableName,
+            config,
+            columns,
+            onChange,
+            onChangeConfig,
+        }, children: children }));
+}
+//# sourceMappingURL=ChartSettingsContext.js.map

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

@@ -0,0 +1 @@
+{"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;AAkB7E,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,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,SAAS;YACT,MAAM;YACN,OAAO;YACP,QAAQ;YACR,cAAc;SACf,YAEA,QAAQ,GACqB,CACjC,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';\n\ntype ChartSetting<T extends ChartConfig = ChartConfig> = T['settings'];\n\ninterface ChartSettingsContextValue<T extends ChartConfig = ChartConfig> {\n  tableName?: string;\n  config: T;\n  columns: TableColumn[];\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    <ChartSettingsContext.Provider\n      value={{\n        tableName,\n        config,\n        columns,\n        onChange,\n        onChangeConfig,\n      }}\n    >\n      {children}\n    </ChartSettingsContext.Provider>\n  );\n}\n"]}

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { ChartPanelConfig } from '../../dashboard/MosaicDashboardSlice';
+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

@@ -0,0 +1 @@
+{"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,EAEL,gBAAgB,EACjB,MAAM,sCAAsC,CAAC;AAC9C,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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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;AAClD,OAAO,EACL,2BAA2B,GAE5B,MAAM,sCAAsC,CAAC;AAY9C,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 {\n  useStoreWithMosaicDashboard,\n  ChartPanelConfig,\n} 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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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;AAU7C,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,CA6CxD,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { Label, 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("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs", children: "Chart Type" }), _jsxs(Select, { value: value, onValueChange: onChange, children: [_jsx(SelectTrigger, { className: "h-8 text-xs", 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

@@ -0,0 +1 @@
+{"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,KAAK,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,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,2BAAmB,EAC7C,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC3C,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,YACnC,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;4BAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,IAAI,mBAAmB,CAAC;4BACnD,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;wBACJ,CAAC,CAAC,GACY,IACT,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import {type FC, memo, useMemo} from 'react';\nimport {\n  Label,\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      <div className=\"space-y-2\">\n        <Label className=\"text-xs\">Chart Type</Label>\n        <Select value={value} onValueChange={onChange}>\n          <SelectTrigger className=\"h-8 text-xs\">\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      </div>\n    );\n  },\n);\n\nChartTypeSelector.displayName = 'ChartTypeSelector';\n"]}

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

@@ -0,0 +1 @@
+{"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/{dashboard → chart}/chart-settings/useTableColumns.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useStoreWithMosaicDashboard } from '../MosaicDashboardSlice';
+import { useStoreWithMosaicDashboard } from '../../dashboard/MosaicDashboardSlice';
 export function useTableColumns(tableName) {
     const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
     return useMemo(() => {

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

@@ -0,0 +1 @@
+{"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"]}

package/dist/chart/useBrushSelectionParams.d.ts

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

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

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

package/dist/chart/useBrushSelectionParams.js

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

package/dist/chart/useBrushSelectionParams.js.map

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

package/dist/chart/useChartRetainer.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChartRetainer.d.ts","sourceRoot":"","sources":["../../src/chart/useChartRetainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAExD,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,GACd,aAAa,CAiBf"}

package/dist/chart/useChartRetainer.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { useStoreWithMosaicDashboard } from '../dashboard/MosaicDashboardSlice';
+export function useChartRetainer(dashboardId, panelId) {
+    const retainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.getRetainedChart(dashboardId, panelId));
+    const setRetainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setRetainedChart);
+    return useMemo(() => ({
+        chart: retainedChart,
+        setChart: (chart) => setRetainedChart(dashboardId, panelId, chart),
+    }), [dashboardId, panelId, retainedChart, setRetainedChart]);
+}
+//# sourceMappingURL=useChartRetainer.js.map

package/dist/chart/useChartRetainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartRetainer.js","sourceRoot":"","sources":["../../src/chart/useChartRetainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAC;AAI9E,MAAM,UAAU,gBAAgB,CAC9B,WAAmB,EACnB,OAAe;IAEf,MAAM,aAAa,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAC1D,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAC7D,CAAC;IAEF,MAAM,gBAAgB,GAAG,2BAA2B,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,gBAAgB,CAClD,CAAC;IAEF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,CAAC,KAA0B,EAAE,EAAE,CACvC,gBAAgB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC;KAChD,CAAC,EACF,CAAC,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,gBAAgB,CAAC,CACxD,CAAC;AACJ,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {RetainedVgPlotChart} from '../VgPlotChart';\nimport {ChartRetainer} from '../chart-types/base-types';\n\nexport function useChartRetainer(\n  dashboardId: string,\n  panelId: string,\n): ChartRetainer {\n  const retainedChart = useStoreWithMosaicDashboard((state) =>\n    state.mosaicDashboard.getRetainedChart(dashboardId, panelId),\n  );\n\n  const setRetainedChart = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.setRetainedChart,\n  );\n\n  return useMemo(\n    () => ({\n      chart: retainedChart,\n      setChart: (chart: RetainedVgPlotChart) =>\n        setRetainedChart(dashboardId, panelId, chart),\n    }),\n    [dashboardId, panelId, retainedChart, setRetainedChart],\n  );\n}\n"]}

package/dist/chart/useGenerateSpec.d.ts

@@ -0,0 +1,13 @@
+import type { Spec } from '@uwdata/mosaic-spec';
+import { ChartSpecError } from '../chart-types/errors';
+import type { ChartSettings } from '../chart-types/chart-config';
+import { ChartTypeDefinition } from '../chart-types/base-types';
+export type UseGenerateSpecResult = {
+    spec: Spec;
+    error?: undefined;
+} | {
+    spec?: undefined;
+    error: ChartSpecError;
+};
+export declare function useGenerateSpec(tableName: string, settings: ChartSettings, chartTypeDefinition: ChartTypeDefinition): UseGenerateSpecResult;
+//# sourceMappingURL=useGenerateSpec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerateSpec.d.ts","sourceRoot":"","sources":["../../src/chart/useGenerateSpec.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAkB,MAAM,2BAA2B,CAAC;AAE/E,MAAM,MAAM,qBAAqB,GAC7B;IACE,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,GACD;IACE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEN,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,aAAa,EACvB,mBAAmB,EAAE,mBAAmB,GACvC,qBAAqB,CAiCvB"}

package/dist/chart/useGenerateSpec.js

@@ -0,0 +1,32 @@
+import { useMemo } from 'react';
+import { ChartSpecError } from '../chart-types/errors';
+import { isSpecChartType } from '../chart-types/base-types';
+export function useGenerateSpec(tableName, settings, chartTypeDefinition) {
+    return useMemo(() => {
+        try {
+            if (!isSpecChartType(chartTypeDefinition)) {
+                return {
+                    error: new ChartSpecError('Invalid chart type definition'),
+                };
+            }
+            const spec = chartTypeDefinition.createSpec(tableName, settings);
+            return {
+                spec,
+            };
+        }
+        catch (error) {
+            if (error instanceof ChartSpecError) {
+                // SpecGenerationError is expected as part of validation logic, don't log
+                return {
+                    error,
+                };
+            }
+            // Unexpected error - log and create a ChartSpecError for consistency
+            console.error('[useGenerateSpec] Unexpected error generating chart spec:', error);
+            return {
+                error: new ChartSpecError('An unexpected error occurred'),
+            };
+        }
+    }, [chartTypeDefinition, tableName, settings]);
+}
+//# sourceMappingURL=useGenerateSpec.js.map

package/dist/chart/useGenerateSpec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerateSpec.js","sourceRoot":"","sources":["../../src/chart/useGenerateSpec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAsB,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAY/E,MAAM,UAAU,eAAe,CAC7B,SAAiB,EACjB,QAAuB,EACvB,mBAAwC;IAExC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC;YACH,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,EAAE,CAAC;gBAC1C,OAAO;oBACL,KAAK,EAAE,IAAI,cAAc,CAAC,+BAA+B,CAAC;iBAC3D,CAAC;YACJ,CAAC;YAED,MAAM,IAAI,GAAG,mBAAmB,CAAC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAEjE,OAAO;gBACL,IAAI;aACL,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,KAAK,YAAY,cAAc,EAAE,CAAC;gBACpC,yEAAyE;gBACzE,OAAO;oBACL,KAAK;iBACN,CAAC;YACJ,CAAC;YAED,qEAAqE;YACrE,OAAO,CAAC,KAAK,CACX,2DAA2D,EAC3D,KAAK,CACN,CAAC;YAEF,OAAO;gBACL,KAAK,EAAE,IAAI,cAAc,CAAC,8BAA8B,CAAC;aAC1D,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjD,CAAC","sourcesContent":["import {useMemo} from 'react';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {ChartSpecError} from '../chart-types/errors';\nimport type {ChartSettings} from '../chart-types/chart-config';\nimport {ChartTypeDefinition, isSpecChartType} from '../chart-types/base-types';\n\nexport type UseGenerateSpecResult =\n  | {\n      spec: Spec;\n      error?: undefined;\n    }\n  | {\n      spec?: undefined;\n      error: ChartSpecError;\n    };\n\nexport function useGenerateSpec(\n  tableName: string,\n  settings: ChartSettings,\n  chartTypeDefinition: ChartTypeDefinition,\n): UseGenerateSpecResult {\n  return useMemo(() => {\n    try {\n      if (!isSpecChartType(chartTypeDefinition)) {\n        return {\n          error: new ChartSpecError('Invalid chart type definition'),\n        };\n      }\n\n      const spec = chartTypeDefinition.createSpec(tableName, settings);\n\n      return {\n        spec,\n      };\n    } catch (error) {\n      if (error instanceof ChartSpecError) {\n        // SpecGenerationError is expected as part of validation logic, don't log\n        return {\n          error,\n        };\n      }\n\n      // Unexpected error - log and create a ChartSpecError for consistency\n      console.error(\n        '[useGenerateSpec] Unexpected error generating chart spec:',\n        error,\n      );\n\n      return {\n        error: new ChartSpecError('An unexpected error occurred'),\n      };\n    }\n  }, [chartTypeDefinition, tableName, settings]);\n}\n"]}

package/dist/chart-builders/AggregationSelector.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import type { AggregateFunction } from '../chart-types/line-chart/schema';
+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/chart-builders/AggregationSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationSelector.d.ts","sourceRoot":"","sources":["../../src/chart-builders/AggregationSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAQ9B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAExE,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/chart-builders/AggregationSelector.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@sqlrooms/ui';
+/**
+ * Dropdown for selecting an aggregation function (SUM, AVG, MIN, MAX).
+ */
+export const AggregationSelector = ({ value, onChange, }) => {
+    return (_jsxs(Select, { value: value, onValueChange: onChange, children: [_jsx(SelectTrigger, { className: "h-8 w-[100px] text-xs shadow-none", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "sum", className: "text-xs", children: "SUM" }), _jsx(SelectItem, { value: "avg", className: "text-xs", children: "AVG" }), _jsx(SelectItem, { value: "min", className: "text-xs", children: "MIN" }), _jsx(SelectItem, { value: "max", className: "text-xs", children: "MAX" })] })] }));
+};
+//# sourceMappingURL=AggregationSelector.js.map

package/dist/chart-builders/AggregationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregationSelector.js","sourceRoot":"","sources":["../../src/chart-builders/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 '../chart-types/line-chart/schema';\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/chart-builders/ChartBuilderActions.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { FC } from 'react';
 export interface ChartBuilderActionsProps {
     className?: string;
 }
-export declare const ChartBuilderActions: React.FC<ChartBuilderActionsProps>;
+export declare const ChartBuilderActions: FC<ChartBuilderActionsProps>;
 //# sourceMappingURL=ChartBuilderActions.d.ts.map

package/dist/chart-builders/ChartBuilderActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderActions.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAOrC,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgDlE,CAAC"}
+{"version":3,"file":"ChartBuilderActions.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderActions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAuB,MAAM,OAAO,CAAC;AAQ/C,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAmD5D,CAAC"}