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

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

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderDialog.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC;AAEnD,eAAO,MAAM,mBAAmB,uFAgB9B,CAAC;AAGH,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAgB/B,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,8CAA8C;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5D,sEAAsE;IACtE,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACpC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkBhE,CAAC"}
+{"version":3,"file":"ChartBuilderDialog.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAMjB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC;AAEnD,eAAO,MAAM,mBAAmB,uFAgB9B,CAAC;AAGH,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAgB/B,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,8CAA8C;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5D,sEAAsE;IACtE,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACpC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkBhE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderDialog.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAQpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,KAAK,KAAK,YACpD,QAAQ,IAAI,CACX,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,iBAEhC,CACJ,GACM,GACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAUxD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EACH,KAAK,GAAG,WAAW,EACnB,WAAW,GAAG,gCAAgC,EAC9C,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IAAI,aAAa,aAClD,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,iBAAiB,cAAE,WAAW,GAAqB,IACvC,EACd,QAAQ,IAAI,KAAC,mBAAmB,KAAG,IACtB,CACjB,CAAC;AACJ,CAAC,CAAC;AAiBF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,GACX,EAAE,EAAE,CAAC,CACJ,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,YAEtB,KAAC,yBAAyB,KAAG,GACZ,CACpB,CAAC","sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport React, {PropsWithChildren} from 'react';\nimport type {ChartConfig} from '../chart-types';\nimport {ChartBuilderContent} from './ChartBuilderContent';\nimport {ChartBuilderRoot} from './ChartBuilderRoot';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../chart-types/base-types';\n\nexport type ChartBuilderTriggerProps = ButtonProps;\n\nexport const ChartBuilderTrigger = React.forwardRef<\n  HTMLButtonElement,\n  ChartBuilderTriggerProps\n>(({children, ...props}, ref) => {\n  return (\n    <DialogTrigger asChild>\n      <Button ref={ref} variant=\"outline\" size=\"sm\" {...props}>\n        {children ?? (\n          <>\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add Chart\n          </>\n        )}\n      </Button>\n    </DialogTrigger>\n  );\n});\nChartBuilderTrigger.displayName = 'ChartBuilderTrigger';\n\nexport type ChartBuilderDialogContentProps = PropsWithChildren<{\n  /** Override dialog title (default \"Add Chart\") */\n  title?: string;\n  /** Override dialog description */\n  description?: string;\n  className?: string;\n}>;\n\n/**\n * The dialog content pane that renders the chart-builder steps.\n * Must be rendered inside `<MosaicChartBuilder>`.\n */\nexport const ChartBuilderDialogContent: React.FC<\n  ChartBuilderDialogContentProps\n> = ({\n  title = 'Add Chart',\n  description = 'Select a chart type to create.',\n  className,\n  children,\n}) => {\n  return (\n    <DialogContent className={className ?? 'sm:max-w-lg'}>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      {children ?? <ChartBuilderContent />}\n    </DialogContent>\n  );\n};\n\nexport interface ChartBuilderDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, config: ChartConfig) => void;\n  /** Optional chart types to show (defaults to all registered types) */\n  chartTypes?: ChartTypeDefinition[];\n}\n\n/**\n * Dialog wrapper for the chart builder (legacy API).\n *\n * @deprecated Prefer the compound form:\n * ```tsx\n * <MosaicChartBuilder tableName={…} columns={…} onCreateChart={…}>\n *   <MosaicChartBuilder.Trigger />\n *   <MosaicChartBuilder.Dialog />\n * </MosaicChartBuilder>\n * ```\n */\nexport const ChartBuilderDialog: React.FC<ChartBuilderDialogProps> = ({\n  open,\n  onOpenChange,\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n}) => (\n  <ChartBuilderRoot\n    open={open}\n    onOpenChange={onOpenChange}\n    tableName={tableName}\n    columns={columns}\n    onCreateChart={onCreateChart}\n    chartTypes={chartTypes}\n  >\n    <ChartBuilderDialogContent />\n  </ChartBuilderRoot>\n);\n"]}
+{"version":3,"file":"ChartBuilderDialog.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAQpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC9B,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,kBACpB,KAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,KAAK,KAAK,YACpD,QAAQ,IAAI,CACX,8BACE,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,iBAEhC,CACJ,GACM,GACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAUxD;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EACH,KAAK,GAAG,WAAW,EACnB,WAAW,GAAG,gCAAgC,EAC9C,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,aAAa,IAAC,SAAS,EAAE,SAAS,IAAI,aAAa,aAClD,MAAC,YAAY,eACX,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,iBAAiB,cAAE,WAAW,GAAqB,IACvC,EACd,QAAQ,IAAI,KAAC,mBAAmB,KAAG,IACtB,CACjB,CAAC;AACJ,CAAC,CAAC;AAiBF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,GACX,EAAE,EAAE,CAAC,CACJ,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,YAEtB,KAAC,yBAAyB,KAAG,GACZ,CACpB,CAAC","sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@sqlrooms/ui';\nimport {Plus} from 'lucide-react';\nimport React, {PropsWithChildren} from 'react';\nimport type {ChartConfig} from '../charts/chart-types';\nimport {ChartBuilderContent} from './ChartBuilderContent';\nimport {ChartBuilderRoot} from './ChartBuilderRoot';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../charts/chart-types/base-types';\n\nexport type ChartBuilderTriggerProps = ButtonProps;\n\nexport const ChartBuilderTrigger = React.forwardRef<\n  HTMLButtonElement,\n  ChartBuilderTriggerProps\n>(({children, ...props}, ref) => {\n  return (\n    <DialogTrigger asChild>\n      <Button ref={ref} variant=\"outline\" size=\"sm\" {...props}>\n        {children ?? (\n          <>\n            <Plus className=\"mr-1 h-4 w-4\" />\n            Add Chart\n          </>\n        )}\n      </Button>\n    </DialogTrigger>\n  );\n});\nChartBuilderTrigger.displayName = 'ChartBuilderTrigger';\n\nexport type ChartBuilderDialogContentProps = PropsWithChildren<{\n  /** Override dialog title (default \"Add Chart\") */\n  title?: string;\n  /** Override dialog description */\n  description?: string;\n  className?: string;\n}>;\n\n/**\n * The dialog content pane that renders the chart-builder steps.\n * Must be rendered inside `<MosaicChartBuilder>`.\n */\nexport const ChartBuilderDialogContent: React.FC<\n  ChartBuilderDialogContentProps\n> = ({\n  title = 'Add Chart',\n  description = 'Select a chart type to create.',\n  className,\n  children,\n}) => {\n  return (\n    <DialogContent className={className ?? 'sm:max-w-lg'}>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      {children ?? <ChartBuilderContent />}\n    </DialogContent>\n  );\n};\n\nexport interface ChartBuilderDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, config: ChartConfig) => void;\n  /** Optional chart types to show (defaults to all registered types) */\n  chartTypes?: ChartTypeDefinition[];\n}\n\n/**\n * Dialog wrapper for the chart builder (legacy API).\n *\n * @deprecated Prefer the compound form:\n * ```tsx\n * <MosaicChartBuilder tableName={…} columns={…} onCreateChart={…}>\n *   <MosaicChartBuilder.Trigger />\n *   <MosaicChartBuilder.Dialog />\n * </MosaicChartBuilder>\n * ```\n */\nexport const ChartBuilderDialog: React.FC<ChartBuilderDialogProps> = ({\n  open,\n  onOpenChange,\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n}) => (\n  <ChartBuilderRoot\n    open={open}\n    onOpenChange={onOpenChange}\n    tableName={tableName}\n    columns={columns}\n    onCreateChart={onCreateChart}\n    chartTypes={chartTypes}\n  >\n    <ChartBuilderDialogContent />\n  </ChartBuilderRoot>\n);\n"]}

package/dist/chart-builders/ChartBuilderFields.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '@sqlrooms/ui';
 import { useCallback, useMemo } from 'react';
 import { useChartBuilderContext, useChartBuilderStore, } from './ChartBuilderContext';
-import { ChartSettingsProvider } from '../chart/chart-settings/ChartSettingsContext';
+import { MosaicChartSettingsProvider } from '../charts/chart-settings/MosaicChartSettingsContext';
 export const ChartBuilderFields = ({ className, }) => {
     const { columns, templates } = useChartBuilderContext();
     const chartTypeDefinitionId = useChartBuilderStore((state) => state.selectedTemplateId);
@@ -34,6 +34,6 @@ export const ChartBuilderFields = ({ className, }) => {
         return null;
     }
     const SettingsComponent = chartTypeDefinition.settingsComponent;
-    return (_jsx("div", { className: cn('flex flex-col gap-4 py-2', className), children: _jsx(ChartSettingsProvider, { config: config, columns: columns, onChange: handleChange, children: _jsx(SettingsComponent, {}) }) }));
+    return (_jsx("div", { className: cn('flex flex-col gap-4 py-2', className), children: _jsx(MosaicChartSettingsProvider, { config: config, columns: columns, onChange: handleChange, children: _jsx(SettingsComponent, {}) }) }));
 };
 //# sourceMappingURL=ChartBuilderFields.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderFields.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,8CAA8C,CAAC;AAOnF,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAE,SAAS,EAAC,GAAG,sBAAsB,EAAE,CAAC;IACtD,MAAM,qBAAqB,GAAG,oBAAoB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAE3E,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,qBAAqB,CAAC,EACzE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CACnC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAmB,EAAE,EAAE;QACtB,0CAA0C;QAC1C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACvD,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;gBAC/B,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC;IAEF,yCAAyC;IACzC,MAAM,MAAM,GAAgB,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;gBACL,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,CAAC;QACD,OAAO;YACL,SAAS,EAAE,mBAAmB,CAAC,EAAE;YACjC,QAAQ,EAAE,WAAW;SACP,CAAC;IACnB,CAAC,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;IAChE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,YACvD,KAAC,qBAAqB,IACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,YAEtB,KAAC,iBAAiB,KAAG,GACC,GACpB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport {FC, useCallback, useMemo} from 'react';\nimport {\n  useChartBuilderContext,\n  useChartBuilderStore,\n} from './ChartBuilderContext';\nimport {ChartSettingsProvider} from '../chart/chart-settings/ChartSettingsContext';\nimport type {ChartConfig} from '../chart-types';\n\nexport interface ChartBuilderFieldsProps {\n  className?: string;\n}\n\nexport const ChartBuilderFields: FC<ChartBuilderFieldsProps> = ({\n  className,\n}) => {\n  const {columns, templates} = useChartBuilderContext();\n  const chartTypeDefinitionId = useChartBuilderStore(\n    (state) => state.selectedTemplateId,\n  );\n  const fieldValues = useChartBuilderStore((state) => state.fieldValues);\n  const setFieldValue = useChartBuilderStore((state) => state.setFieldValue);\n\n  const chartTypeDefinition = useMemo(\n    () => templates.find((template) => template.id === chartTypeDefinitionId),\n    [templates, chartTypeDefinitionId],\n  );\n\n  const handleChange = useCallback(\n    (config: ChartConfig) => {\n      // Update all changed values from settings\n      Object.entries(config.settings).forEach(([key, value]) => {\n        if (fieldValues[key] !== value) {\n          setFieldValue(key, value);\n        }\n      });\n    },\n    [fieldValues, setFieldValue],\n  );\n\n  // Create a config object for the context\n  const config: ChartConfig = useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        chartType: 'histogram',\n        settings: {},\n      };\n    }\n    return {\n      chartType: chartTypeDefinition.id,\n      settings: fieldValues,\n    } as ChartConfig;\n  }, [chartTypeDefinition, fieldValues]);\n\n  if (!chartTypeDefinition) {\n    return null;\n  }\n\n  const SettingsComponent = chartTypeDefinition.settingsComponent;\n  return (\n    <div className={cn('flex flex-col gap-4 py-2', className)}>\n      <ChartSettingsProvider\n        config={config}\n        columns={columns}\n        onChange={handleChange}\n      >\n        <SettingsComponent />\n      </ChartSettingsProvider>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ChartBuilderFields.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderFields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAO,EAAK,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,2BAA2B,EAAC,MAAM,qDAAqD,CAAC;AAOhG,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAC9D,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAC,OAAO,EAAE,SAAS,EAAC,GAAG,sBAAsB,EAAE,CAAC;IACtD,MAAM,qBAAqB,GAAG,oBAAoB,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IAE3E,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,qBAAqB,CAAC,EACzE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CACnC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAmB,EAAE,EAAE;QACtB,0CAA0C;QAC1C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACvD,IAAI,WAAW,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;gBAC/B,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC;IAEF,yCAAyC;IACzC,MAAM,MAAM,GAAgB,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO;gBACL,SAAS,EAAE,WAAW;gBACtB,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,CAAC;QACD,OAAO;YACL,SAAS,EAAE,mBAAmB,CAAC,EAAE;YACjC,QAAQ,EAAE,WAAW;SACP,CAAC;IACnB,CAAC,EAAE,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;IAChE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,YACvD,KAAC,2BAA2B,IAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,YAEtB,KAAC,iBAAiB,KAAG,GACO,GAC1B,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport {FC, useCallback, useMemo} from 'react';\nimport {\n  useChartBuilderContext,\n  useChartBuilderStore,\n} from './ChartBuilderContext';\nimport {MosaicChartSettingsProvider} from '../charts/chart-settings/MosaicChartSettingsContext';\nimport type {ChartConfig} from '../charts/chart-types';\n\nexport interface ChartBuilderFieldsProps {\n  className?: string;\n}\n\nexport const ChartBuilderFields: FC<ChartBuilderFieldsProps> = ({\n  className,\n}) => {\n  const {columns, templates} = useChartBuilderContext();\n  const chartTypeDefinitionId = useChartBuilderStore(\n    (state) => state.selectedTemplateId,\n  );\n  const fieldValues = useChartBuilderStore((state) => state.fieldValues);\n  const setFieldValue = useChartBuilderStore((state) => state.setFieldValue);\n\n  const chartTypeDefinition = useMemo(\n    () => templates.find((template) => template.id === chartTypeDefinitionId),\n    [templates, chartTypeDefinitionId],\n  );\n\n  const handleChange = useCallback(\n    (config: ChartConfig) => {\n      // Update all changed values from settings\n      Object.entries(config.settings).forEach(([key, value]) => {\n        if (fieldValues[key] !== value) {\n          setFieldValue(key, value);\n        }\n      });\n    },\n    [fieldValues, setFieldValue],\n  );\n\n  // Create a config object for the context\n  const config: ChartConfig = useMemo(() => {\n    if (!chartTypeDefinition) {\n      return {\n        chartType: 'histogram',\n        settings: {},\n      };\n    }\n    return {\n      chartType: chartTypeDefinition.id,\n      settings: fieldValues,\n    } as ChartConfig;\n  }, [chartTypeDefinition, fieldValues]);\n\n  if (!chartTypeDefinition) {\n    return null;\n  }\n\n  const SettingsComponent = chartTypeDefinition.settingsComponent;\n  return (\n    <div className={cn('flex flex-col gap-4 py-2', className)}>\n      <MosaicChartSettingsProvider\n        config={config}\n        columns={columns}\n        onChange={handleChange}\n      >\n        <SettingsComponent />\n      </MosaicChartSettingsProvider>\n    </div>\n  );\n};\n"]}

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

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
-import type { ChartConfig } from '../chart-types';
-import type { ChartBuilderColumn, ChartTypeDefinition } from '../chart-types/base-types';
+import type { ChartConfig } from '../charts/chart-types';
+import type { ChartBuilderColumn, ChartTypeDefinition } from '../charts/chart-types/base-types';
 export type ChartBuilderRootProps = PropsWithChildren<{
     /** Table name to use in generated specs */
     tableName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderRoot.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9D,gEAAgE;IAChE,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAC"}
+{"version":3,"file":"ChartBuilderRoot.d.ts","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IACpD,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9D,gEAAgE;IAChE,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilderRoot.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAc,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAqBlE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE5D,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACzE,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,oDAAoD;IACpD,kFAAkF;IAClF,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAC,kBAAkB,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrD,IACE,kBAAkB;YAClB,CAAC,mBAAmB,CAAC,IAAI,CACvB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,kBAAkB,CACjD,EACD,CAAC;YACD,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GACrB,WAAW,CACT,CAAC,KAAa,EAAE,MAAmB,EAAE,EAAE;QACrC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC7B,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,aAAa,EAAE,oBAAoB,CAAC,CACtC,CAAC;IAEJ,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS;QACT,OAAO;QACP,aAAa,EAAE,iBAAiB;QAChC,SAAS,EAAE,mBAAmB;QAC9B,kBAAkB,EAAE,mBAAmB,EAAE,sFAAsF;QAC/H,KAAK;KACN,CAAC,EACF,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CACpE,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACtC,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,oBAAoB,YAC3D,QAAQ,GACF,GACoB,CAChC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Dialog} from '@sqlrooms/ui';\nimport React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type {ChartConfig} from '../chart-types';\nimport {ChartBuilderContext} from './ChartBuilderContext';\nimport {createChartBuilderStore} from './createChartBuilderStore';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../chart-types/base-types';\n\nexport type ChartBuilderRootProps = PropsWithChildren<{\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, metadata: ChartConfig) => void;\n  /** Optional chart types to show (defaults to an empty array) */\n  chartTypes?: ChartTypeDefinition[];\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}>;\n\n/**\n * Compound-component root that provides shared chart-builder state via context\n * and renders a Radix `Dialog`.\n *\n * Supports both controlled (`open`/`onOpenChange`) and uncontrolled usage.\n */\nexport const ChartBuilderRoot: React.FC<ChartBuilderRootProps> = ({\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n  open,\n  onOpenChange,\n  children,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const [store] = useState(() => createChartBuilderStore());\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : uncontrolledOpen;\n\n  const resolvedOnOpenChange = useMemo(\n    () => (isControlled ? (onOpenChange ?? (() => {})) : setUncontrolledOpen),\n    [isControlled, onOpenChange],\n  );\n\n  // All resolved chart types are available by default\n  // (Filtering by schema compatibility was removed in favour of runtime validation)\n  const availableChartTypes = useMemo(() => chartTypes ?? [], [chartTypes]);\n\n  useEffect(() => {\n    const {selectedTemplateId, reset} = store.getState();\n    if (\n      selectedTemplateId &&\n      !availableChartTypes.some(\n        (template) => template.id === selectedTemplateId,\n      )\n    ) {\n      reset();\n    }\n  }, [availableChartTypes, store]);\n\n  const handleCreateChart: (title: string, config: ChartConfig) => void =\n    useCallback(\n      (title: string, config: ChartConfig) => {\n        onCreateChart(title, config);\n        resolvedOnOpenChange(false);\n      },\n      [onCreateChart, resolvedOnOpenChange],\n    );\n\n  const ctx = useMemo(\n    () => ({\n      tableName,\n      columns,\n      onCreateChart: handleCreateChart,\n      templates: availableChartTypes,\n      availableTemplates: availableChartTypes, // TODO: why we need both templates and availableTemplates? can we remove one of them?\n      store,\n    }),\n    [availableChartTypes, columns, handleCreateChart, store, tableName],\n  );\n\n  return (\n    <ChartBuilderContext.Provider value={ctx}>\n      <Dialog open={resolvedOpen} onOpenChange={resolvedOnOpenChange}>\n        {children}\n      </Dialog>\n    </ChartBuilderContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ChartBuilderRoot.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAc,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAqBlE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE5D,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,EACzE,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,oDAAoD;IACpD,kFAAkF;IAClF,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAC,kBAAkB,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QACrD,IACE,kBAAkB;YAClB,CAAC,mBAAmB,CAAC,IAAI,CACvB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,kBAAkB,CACjD,EACD,CAAC;YACD,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GACrB,WAAW,CACT,CAAC,KAAa,EAAE,MAAmB,EAAE,EAAE;QACrC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC7B,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,aAAa,EAAE,oBAAoB,CAAC,CACtC,CAAC;IAEJ,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS;QACT,OAAO;QACP,aAAa,EAAE,iBAAiB;QAChC,SAAS,EAAE,mBAAmB;QAC9B,kBAAkB,EAAE,mBAAmB,EAAE,sFAAsF;QAC/H,KAAK;KACN,CAAC,EACF,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CACpE,CAAC;IAEF,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACtC,KAAC,MAAM,IAAC,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,oBAAoB,YAC3D,QAAQ,GACF,GACoB,CAChC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Dialog} from '@sqlrooms/ui';\nimport React, {\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type {ChartConfig} from '../charts/chart-types';\nimport {ChartBuilderContext} from './ChartBuilderContext';\nimport {createChartBuilderStore} from './createChartBuilderStore';\nimport type {\n  ChartBuilderColumn,\n  ChartTypeDefinition,\n} from '../charts/chart-types/base-types';\n\nexport type ChartBuilderRootProps = PropsWithChildren<{\n  /** Table name to use in generated specs */\n  tableName: string;\n  /** Available columns for field selectors */\n  columns: ChartBuilderColumn[];\n  /** Callback when a chart spec is created */\n  onCreateChart: (title: string, metadata: ChartConfig) => void;\n  /** Optional chart types to show (defaults to an empty array) */\n  chartTypes?: ChartTypeDefinition[];\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n}>;\n\n/**\n * Compound-component root that provides shared chart-builder state via context\n * and renders a Radix `Dialog`.\n *\n * Supports both controlled (`open`/`onOpenChange`) and uncontrolled usage.\n */\nexport const ChartBuilderRoot: React.FC<ChartBuilderRootProps> = ({\n  tableName,\n  columns,\n  onCreateChart,\n  chartTypes,\n  open,\n  onOpenChange,\n  children,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const [store] = useState(() => createChartBuilderStore());\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : uncontrolledOpen;\n\n  const resolvedOnOpenChange = useMemo(\n    () => (isControlled ? (onOpenChange ?? (() => {})) : setUncontrolledOpen),\n    [isControlled, onOpenChange],\n  );\n\n  // All resolved chart types are available by default\n  // (Filtering by schema compatibility was removed in favour of runtime validation)\n  const availableChartTypes = useMemo(() => chartTypes ?? [], [chartTypes]);\n\n  useEffect(() => {\n    const {selectedTemplateId, reset} = store.getState();\n    if (\n      selectedTemplateId &&\n      !availableChartTypes.some(\n        (template) => template.id === selectedTemplateId,\n      )\n    ) {\n      reset();\n    }\n  }, [availableChartTypes, store]);\n\n  const handleCreateChart: (title: string, config: ChartConfig) => void =\n    useCallback(\n      (title: string, config: ChartConfig) => {\n        onCreateChart(title, config);\n        resolvedOnOpenChange(false);\n      },\n      [onCreateChart, resolvedOnOpenChange],\n    );\n\n  const ctx = useMemo(\n    () => ({\n      tableName,\n      columns,\n      onCreateChart: handleCreateChart,\n      templates: availableChartTypes,\n      availableTemplates: availableChartTypes, // TODO: why we need both templates and availableTemplates? can we remove one of them?\n      store,\n    }),\n    [availableChartTypes, columns, handleCreateChart, store, tableName],\n  );\n\n  return (\n    <ChartBuilderContext.Provider value={ctx}>\n      <Dialog open={resolvedOpen} onOpenChange={resolvedOnOpenChange}>\n        {children}\n      </Dialog>\n    </ChartBuilderContext.Provider>\n  );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import type { ChartTypeDefinition } from '../chart-types/base-types';
+import type { ChartTypeDefinition } from '../charts/chart-types/base-types';
 /**
  * Human-readable chart title from a chart type and selected field values.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"chartSpecTitle.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAGnE;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAC7D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,MAAM,CAER"}
+{"version":3,"file":"chartSpecTitle.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAG1E;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAC7D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,MAAM,CAER"}

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

@@ -1 +1 @@
-{"version":3,"file":"chartSpecTitle.js","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,IAA6D,EAC7D,WAAmC;IAEnC,OAAO,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../chart-types/base-types';\nimport {buildChartTypeTitle} from './chartTypeUtils';\n\n/**\n * Human-readable chart title from a chart type and selected field values.\n */\nexport function buildChartTitleForSpec(\n  spec: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, string>,\n): string {\n  return buildChartTypeTitle(spec, fieldValues);\n}\n"]}
+{"version":3,"file":"chartSpecTitle.js","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,IAA6D,EAC7D,WAAmC;IAEnC,OAAO,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../charts/chart-types/base-types';\nimport {buildChartTypeTitle} from './chartTypeUtils';\n\n/**\n * Human-readable chart title from a chart type and selected field values.\n */\nexport function buildChartTitleForSpec(\n  spec: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, string>,\n): string {\n  return buildChartTypeTitle(spec, fieldValues);\n}\n"]}

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

@@ -1,5 +1,4 @@
-import type { ChartTypeDefinition } from '../chart-types/base-types';
-export { NUMERIC_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, } from './constants';
+import type { ChartTypeDefinition } from '../charts/chart-types/base-types';
 /**
  * Build a default chart title from description and field values
  */

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

@@ -1 +1 @@
-{"version":3,"file":"chartTypeUtils.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAcrB;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAmBR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,IAC9C,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAE7C;AAED,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAClE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAIR;AAED,wBAAgB,sBAAsB,CACpC,mBAAmB,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAC3D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,OAAO,CAET"}
+{"version":3,"file":"chartTypeUtils.d.ts","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAc1E;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAmBR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,IAC9C,aAAa,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAE7C;AAED,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,YAAY,CAAC,EAClE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,MAAM,CAIR;AAED,wBAAgB,sBAAsB,CACpC,mBAAmB,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAC3D,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC,OAAO,CAET"}

package/dist/chart-builders/chartTypeUtils.js

@@ -1,4 +1,3 @@
-export { NUMERIC_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, } from './constants';
 /**
  * Type guard to check if value has a field property (e.g., YFieldConfig)
  */

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

@@ -1 +1 @@
-{"version":3,"file":"chartTypeUtils.js","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAc;IACtC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,OAAO,IAAI,KAAK;QAChB,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAChC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,WAAmB,EACnB,WAAoC;IAEpC,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SAC9C,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,sCAAsC;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK;iBACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBAC3D,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC;QAC9B,CAAC,CAAC,GAAG,SAAS,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC/C,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,OAAO,CAAC,WAAoC,EAAE,EAAE,CAC9C,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,SAAkE,EAClE,WAAoC;IAEpC,OAAO,SAAS,CAAC,UAAU;QACzB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC;QACnC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,mBAA2D,EAC3D,WAAoC;IAEpC,OAAO,mBAAmB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,IAAI,KAAK,CAAC;AAC9E,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../chart-types/base-types';\n\nexport {\n  NUMERIC_COLUMN_TYPES,\n  TEMPORAL_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n} from './constants';\n\n/**\n * Type guard to check if value has a field property (e.g., YFieldConfig)\n */\nfunction hasFieldProperty(value: unknown): value is {field: string} {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'field' in value &&\n    typeof value.field === 'string'\n  );\n}\n\n/**\n * Build a default chart title from description and field values\n */\nexport function buildDefaultChartTitle(\n  description: string,\n  fieldValues: Record<string, unknown>,\n): string {\n  const baseTitle = description.replace(/^Create (a |an )?/, '');\n  const selectedFields = Object.values(fieldValues)\n    .filter(Boolean)\n    .map((value) => {\n      // Handle array values (e.g., yFields)\n      if (Array.isArray(value)) {\n        return value\n          .map((item) => (hasFieldProperty(item) ? item.field : item))\n          .filter(Boolean)\n          .join(', ');\n      }\n      return String(value);\n    })\n    .filter(Boolean);\n\n  return selectedFields.length > 0\n    ? `${baseTitle} - ${selectedFields.join(', ')}`\n    : baseTitle;\n}\n\n/**\n * Create a title builder function from a description string\n */\nexport function titleFromDescription(description: string) {\n  return (fieldValues: Record<string, unknown>) =>\n    buildDefaultChartTitle(description, fieldValues);\n}\n\nexport function buildChartTypeTitle(\n  chartType: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, unknown>,\n): string {\n  return chartType.buildTitle\n    ? chartType.buildTitle(fieldValues)\n    : buildDefaultChartTitle(chartType.description, fieldValues);\n}\n\nexport function canCreateChartFromType(\n  chartTypeDefinition: ChartTypeDefinition | null | undefined,\n  fieldValues: Record<string, unknown>,\n): boolean {\n  return chartTypeDefinition?.schema.safeParse(fieldValues)?.success ?? false;\n}\n"]}
+{"version":3,"file":"chartTypeUtils.js","sourceRoot":"","sources":["../../src/chart-builders/chartTypeUtils.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAc;IACtC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,OAAO,IAAI,KAAK;QAChB,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAChC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,WAAmB,EACnB,WAAoC;IAEpC,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SAC9C,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,sCAAsC;QACtC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,KAAK;iBACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;iBAC3D,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC;QAC9B,CAAC,CAAC,GAAG,SAAS,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC/C,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,WAAmB;IACtD,OAAO,CAAC,WAAoC,EAAE,EAAE,CAC9C,sBAAsB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,SAAkE,EAClE,WAAoC;IAEpC,OAAO,SAAS,CAAC,UAAU;QACzB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC;QACnC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,mBAA2D,EAC3D,WAAoC;IAEpC,OAAO,mBAAmB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,IAAI,KAAK,CAAC;AAC9E,CAAC","sourcesContent":["import type {ChartTypeDefinition} from '../charts/chart-types/base-types';\n\n/**\n * Type guard to check if value has a field property (e.g., YFieldConfig)\n */\nfunction hasFieldProperty(value: unknown): value is {field: string} {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'field' in value &&\n    typeof value.field === 'string'\n  );\n}\n\n/**\n * Build a default chart title from description and field values\n */\nexport function buildDefaultChartTitle(\n  description: string,\n  fieldValues: Record<string, unknown>,\n): string {\n  const baseTitle = description.replace(/^Create (a |an )?/, '');\n  const selectedFields = Object.values(fieldValues)\n    .filter(Boolean)\n    .map((value) => {\n      // Handle array values (e.g., yFields)\n      if (Array.isArray(value)) {\n        return value\n          .map((item) => (hasFieldProperty(item) ? item.field : item))\n          .filter(Boolean)\n          .join(', ');\n      }\n      return String(value);\n    })\n    .filter(Boolean);\n\n  return selectedFields.length > 0\n    ? `${baseTitle} - ${selectedFields.join(', ')}`\n    : baseTitle;\n}\n\n/**\n * Create a title builder function from a description string\n */\nexport function titleFromDescription(description: string) {\n  return (fieldValues: Record<string, unknown>) =>\n    buildDefaultChartTitle(description, fieldValues);\n}\n\nexport function buildChartTypeTitle(\n  chartType: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>,\n  fieldValues: Record<string, unknown>,\n): string {\n  return chartType.buildTitle\n    ? chartType.buildTitle(fieldValues)\n    : buildDefaultChartTitle(chartType.description, fieldValues);\n}\n\nexport function canCreateChartFromType(\n  chartTypeDefinition: ChartTypeDefinition | null | undefined,\n  fieldValues: Record<string, unknown>,\n): boolean {\n  return chartTypeDefinition?.schema.safeParse(fieldValues)?.success ?? false;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { ChartType } from '../chart-types';
+import { ChartType } from '../charts/chart-types';
 export type ChartBuilderStoreState = {
     selectedTemplateId?: ChartType;
     fieldValues: Record<string, unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"createChartBuilderStore.d.ts","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E,wBAAgB,uBAAuB,uDA4BtC"}
+{"version":3,"file":"createChartBuilderStore.d.ts","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,UAAU,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE3E,wBAAgB,uBAAuB,uDA4BtC"}

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

@@ -1 +1 @@
-{"version":3,"file":"createChartBuilderStore.js","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAa5C,MAAM,UAAU,uBAAuB;IACrC,OAAO,WAAW,CAAyB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACnD,kBAAkB,EAAE,SAAS;QAC7B,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,GAAG,EAAE;YACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,SAAS,CAAC;gBACrC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE;YAC7B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,UAAU,CAAC;gBACtC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,aAAa,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;YACtC,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;KACF,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {produce} from 'immer';\nimport {createStore} from 'zustand/vanilla';\nimport {ChartType} from '../chart-types';\n\nexport type ChartBuilderStoreState = {\n  selectedTemplateId?: ChartType;\n  fieldValues: Record<string, unknown>;\n  reset: () => void;\n  selectTemplate: (templateId: ChartType) => void;\n  setFieldValue: (fieldKey: string, value: unknown) => void;\n};\n\nexport type ChartBuilderStore = ReturnType<typeof createChartBuilderStore>;\n\nexport function createChartBuilderStore() {\n  return createStore<ChartBuilderStoreState>((set) => ({\n    selectedTemplateId: undefined,\n    fieldValues: {},\n    reset: () => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = undefined;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    selectTemplate: (templateId) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = templateId;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    setFieldValue: (fieldKey, value) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.fieldValues[fieldKey] = value;\n        }),\n      );\n    },\n  }));\n}\n"]}
+{"version":3,"file":"createChartBuilderStore.js","sourceRoot":"","sources":["../../src/chart-builders/createChartBuilderStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAa5C,MAAM,UAAU,uBAAuB;IACrC,OAAO,WAAW,CAAyB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACnD,kBAAkB,EAAE,SAAS;QAC7B,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,GAAG,EAAE;YACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,SAAS,CAAC;gBACrC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,cAAc,EAAE,CAAC,UAAU,EAAE,EAAE;YAC7B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,kBAAkB,GAAG,UAAU,CAAC;gBACtC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC;YACzB,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QACD,aAAa,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;YACtC,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;KACF,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {produce} from 'immer';\nimport {createStore} from 'zustand/vanilla';\nimport {ChartType} from '../charts/chart-types';\n\nexport type ChartBuilderStoreState = {\n  selectedTemplateId?: ChartType;\n  fieldValues: Record<string, unknown>;\n  reset: () => void;\n  selectTemplate: (templateId: ChartType) => void;\n  setFieldValue: (fieldKey: string, value: unknown) => void;\n};\n\nexport type ChartBuilderStore = ReturnType<typeof createChartBuilderStore>;\n\nexport function createChartBuilderStore() {\n  return createStore<ChartBuilderStoreState>((set) => ({\n    selectedTemplateId: undefined,\n    fieldValues: {},\n    reset: () => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = undefined;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    selectTemplate: (templateId) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.selectedTemplateId = templateId;\n          draft.fieldValues = {};\n        }),\n      );\n    },\n    setFieldValue: (fieldKey, value) => {\n      set((state) =>\n        produce(state, (draft) => {\n          draft.fieldValues[fieldKey] = value;\n        }),\n      );\n    },\n  }));\n}\n"]}

package/dist/charts/MosaicChart.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import type { ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicChartProps = {
+    dataTable?: DataTable;
+    selectionName?: string;
+    config: ChartConfig;
+    runtimeKey: string;
+    onConfigChange?: (config: ChartConfig) => void;
+    dashboardId?: string;
+    panelId?: string;
+};
+export declare const MosaicChart: FC<MosaicChartProps>;
+//# sourceMappingURL=MosaicChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChart.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoD5C,CAAC"}

package/dist/charts/MosaicChart.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { MosaicDashboardPanelLayout } from '../dashboard/panel/MosaicDashboardPanelLayout';
+import { MosaicChartSettingsPanel } from './MosaicChartSettingsPanel';
+import { MosaicChartView } from './MosaicChartView';
+export const MosaicChart = ({ dataTable, selectionName, config, runtimeKey, onConfigChange, dashboardId, panelId, }) => {
+    const handleOpenChange = useCallback((isOpen) => onConfigChange?.({ ...config, settingsOpen: isOpen }), [config, onConfigChange]);
+    const handleConfigChange = useCallback((newConfig) => onConfigChange?.(newConfig), [onConfigChange]);
+    const settingsContent = (_jsx(MosaicChartSettingsPanel, { dataTable: dataTable, config: config, onChange: handleConfigChange, onClose: () => handleOpenChange(false) }));
+    const chartContent = (_jsx("div", { className: "h-full overflow-auto p-2", children: _jsx(MosaicChartView, { dataTable: dataTable, config: config, selectionName: selectionName, retentionKey: runtimeKey, runtimeIssueKey: runtimeKey, dashboardId: dashboardId, panelId: panelId }) }));
+    return (_jsx("div", { className: "h-full min-h-0", children: _jsx(MosaicDashboardPanelLayout, { isOpen: config.settingsOpen, onIsOpenChange: handleOpenChange, settings: settingsContent, content: chartContent }) }));
+};
+//# sourceMappingURL=MosaicChart.js.map

package/dist/charts/MosaicChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChart.js","sourceRoot":"","sources":["../../src/charts/MosaicChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,0BAA0B,EAAC,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAalD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,cAAc,EACd,WAAW,EACX,OAAO,GACR,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,MAAe,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,EAAC,GAAG,MAAM,EAAE,YAAY,EAAE,MAAM,EAAC,CAAC,EACxE,CAAC,MAAM,EAAE,cAAc,CAAC,CACzB,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,SAAsB,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,EACvD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,eAAe,GAAG,CACtB,KAAC,wBAAwB,IACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,GACtC,CACH,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,UAAU,EACxB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,0BAA0B,IACzB,MAAM,EAAE,MAAM,CAAC,YAAY,EAC3B,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,YAAY,GACrB,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback} from 'react';\nimport {MosaicDashboardPanelLayout} from '../dashboard/panel/MosaicDashboardPanelLayout';\nimport {MosaicChartSettingsPanel} from './MosaicChartSettingsPanel';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {MosaicChartView} from './MosaicChartView';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartProps = {\n  dataTable?: DataTable;\n  selectionName?: string;\n  config: ChartConfig;\n  runtimeKey: string;\n  onConfigChange?: (config: ChartConfig) => void;\n  dashboardId?: string;\n  panelId?: string;\n};\n\nexport const MosaicChart: FC<MosaicChartProps> = ({\n  dataTable,\n  selectionName,\n  config,\n  runtimeKey,\n  onConfigChange,\n  dashboardId,\n  panelId,\n}) => {\n  const handleOpenChange = useCallback(\n    (isOpen: boolean) => onConfigChange?.({...config, settingsOpen: isOpen}),\n    [config, onConfigChange],\n  );\n\n  const handleConfigChange = useCallback(\n    (newConfig: ChartConfig) => onConfigChange?.(newConfig),\n    [onConfigChange],\n  );\n\n  const settingsContent = (\n    <MosaicChartSettingsPanel\n      dataTable={dataTable}\n      config={config}\n      onChange={handleConfigChange}\n      onClose={() => handleOpenChange(false)}\n    />\n  );\n\n  const chartContent = (\n    <div className=\"h-full overflow-auto p-2\">\n      <MosaicChartView\n        dataTable={dataTable}\n        config={config}\n        selectionName={selectionName}\n        retentionKey={runtimeKey}\n        runtimeIssueKey={runtimeKey}\n        dashboardId={dashboardId}\n        panelId={panelId}\n      />\n    </div>\n  );\n\n  return (\n    <div className=\"h-full min-h-0\">\n      <MosaicDashboardPanelLayout\n        isOpen={config.settingsOpen}\n        onIsOpenChange={handleOpenChange}\n        settings={settingsContent}\n        content={chartContent}\n      />\n    </div>\n  );\n};\n"]}

package/dist/charts/MosaicChartError.d.ts

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+type MosaicChartErrorProps = {
+    error: Error;
+};
+/**
+ * Displays user-friendly error messages for chart configuration and validation errors.
+ * Renders specialized UI for known error types (RequiredFieldsError, MissingColumnsError,
+ * InvalidColumnTypeError) and a generic message for other errors.
+ *
+ * @param error - The error to display, typically from chart validation or creation
+ */
+export declare const MosaicChartError: FC<MosaicChartErrorProps>;
+export {};
+//# sourceMappingURL=MosaicChartError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartError.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAQjD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwDtD,CAAC"}

package/dist/charts/MosaicChartError.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChartSpecError, InvalidColumnTypeError, MissingColumnsError, RequiredFieldsError, } from './chart-types';
+/**
+ * Displays user-friendly error messages for chart configuration and validation errors.
+ * Renders specialized UI for known error types (RequiredFieldsError, MissingColumnsError,
+ * InvalidColumnTypeError) and a generic message for other errors.
+ *
+ * @param error - The error to display, typically from chart validation or creation
+ */
+export const MosaicChartError = ({ error }) => {
+    if (error instanceof RequiredFieldsError) {
+        return (_jsxs(ErrorPanel, { title: "Configure chart to display visualization", children: [_jsx("span", { children: "Required fields are missing: " }), error.fieldNames.map((fieldName, index) => (_jsxs("span", { children: [_jsx(Pill, { children: fieldName }), ' '] }, index)))] }));
+    }
+    if (error instanceof MissingColumnsError) {
+        return (_jsxs(ErrorPanel, { title: "The visualization can't be displayed", children: [_jsx("span", { children: "Selected columns are missing in the dataset: " }), error.columnNames.map((column, idx) => (_jsxs("span", { children: [_jsx(Pill, { children: column }), ' '] }, idx)))] }));
+    }
+    if (error instanceof InvalidColumnTypeError) {
+        return (_jsxs(ErrorPanel, { title: "The visualization can't be displayed", children: [_jsxs("p", { children: [_jsx("span", { children: "Selected columns have invalid type: " }), error.columnNames.map((column, idx) => (_jsxs("span", { children: [_jsx(Pill, { children: column }), ' '] }, idx)))] }), _jsxs("p", { children: ["Expected type is ", _jsx(Pill, { children: error.expectedType }), "."] })] }));
+    }
+    if (error instanceof ChartSpecError) {
+        return (_jsx(ErrorPanel, { title: "Configure chart to display visualization", children: error.message }));
+    }
+    return (_jsx(ErrorPanel, { title: "Ooops! Something went wrong", children: error.message }));
+};
+const ErrorPanel = ({ title, children }) => {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-center font-medium", children: title }), _jsx("div", { className: "text-center text-xs", children: children })] }));
+};
+const Pill = ({ children }) => {
+    return (_jsx("span", { className: "inline-flex items-center rounded-md border border-gray-600 bg-gray-800 px-1 py-0.5 text-xs font-medium text-gray-300", children: children }));
+};
+//# sourceMappingURL=MosaicChartError.js.map

package/dist/charts/MosaicChartError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartError.js","sourceRoot":"","sources":["../../src/charts/MosaicChartError.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAMvB;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACrE,IAAI,KAAK,YAAY,mBAAmB,EAAE,CAAC;QACzC,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAC,0CAA0C,aAC1D,2DAA0C,EACzC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,2BACE,KAAC,IAAI,cAAE,SAAS,GAAQ,EAAC,GAAG,KADnB,KAAK,CAET,CACR,CAAC,IACS,CACd,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,YAAY,mBAAmB,EAAE,CAAC;QACzC,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAC,sCAAsC,aACtD,2EAA0D,EACzD,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACtC,2BACE,KAAC,IAAI,cAAE,MAAM,GAAQ,EAAC,GAAG,KADhB,GAAG,CAEP,CACR,CAAC,IACS,CACd,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,YAAY,sBAAsB,EAAE,CAAC;QAC5C,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAC,sCAAsC,aACtD,wBACE,kEAAiD,EAChD,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACtC,2BACE,KAAC,IAAI,cAAE,MAAM,GAAQ,EAAC,GAAG,KADhB,GAAG,CAEP,CACR,CAAC,IACA,EACJ,6CACmB,KAAC,IAAI,cAAE,KAAK,CAAC,YAAY,GAAQ,SAChD,IACO,CACd,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,YAAY,cAAc,EAAE,CAAC;QACpC,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAC,0CAA0C,YACzD,KAAK,CAAC,OAAO,GACH,CACd,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAC,6BAA6B,YAAE,KAAK,CAAC,OAAO,GAAc,CAC7E,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,UAAU,GAAwB,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC5D,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACpD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAA0B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACjD,OAAO,CACL,eAAM,SAAS,EAAC,sHAAsH,YACnI,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {PropsWithChildren, type FC} from 'react';\nimport {\n  ChartSpecError,\n  InvalidColumnTypeError,\n  MissingColumnsError,\n  RequiredFieldsError,\n} from './chart-types';\n\ntype MosaicChartErrorProps = {\n  error: Error;\n};\n\n/**\n * Displays user-friendly error messages for chart configuration and validation errors.\n * Renders specialized UI for known error types (RequiredFieldsError, MissingColumnsError,\n * InvalidColumnTypeError) and a generic message for other errors.\n *\n * @param error - The error to display, typically from chart validation or creation\n */\nexport const MosaicChartError: FC<MosaicChartErrorProps> = ({error}) => {\n  if (error instanceof RequiredFieldsError) {\n    return (\n      <ErrorPanel title=\"Configure chart to display visualization\">\n        <span>Required fields are missing: </span>\n        {error.fieldNames.map((fieldName, index) => (\n          <span key={index}>\n            <Pill>{fieldName}</Pill>{' '}\n          </span>\n        ))}\n      </ErrorPanel>\n    );\n  }\n\n  if (error instanceof MissingColumnsError) {\n    return (\n      <ErrorPanel title=\"The visualization can't be displayed\">\n        <span>Selected columns are missing in the dataset: </span>\n        {error.columnNames.map((column, idx) => (\n          <span key={idx}>\n            <Pill>{column}</Pill>{' '}\n          </span>\n        ))}\n      </ErrorPanel>\n    );\n  }\n\n  if (error instanceof InvalidColumnTypeError) {\n    return (\n      <ErrorPanel title=\"The visualization can't be displayed\">\n        <p>\n          <span>Selected columns have invalid type: </span>\n          {error.columnNames.map((column, idx) => (\n            <span key={idx}>\n              <Pill>{column}</Pill>{' '}\n            </span>\n          ))}\n        </p>\n        <p>\n          Expected type is <Pill>{error.expectedType}</Pill>.\n        </p>\n      </ErrorPanel>\n    );\n  }\n\n  if (error instanceof ChartSpecError) {\n    return (\n      <ErrorPanel title=\"Configure chart to display visualization\">\n        {error.message}\n      </ErrorPanel>\n    );\n  }\n\n  return (\n    <ErrorPanel title=\"Ooops! Something went wrong\">{error.message}</ErrorPanel>\n  );\n};\n\ntype ErrorPanelProps = PropsWithChildren<{\n  title: string;\n}>;\n\nconst ErrorPanel: FC<ErrorPanelProps> = ({title, children}) => {\n  return (\n    <>\n      <div className=\"text-center font-medium\">{title}</div>\n      <div className=\"text-center text-xs\">{children}</div>\n    </>\n  );\n};\n\nconst Pill: FC<PropsWithChildren> = ({children}) => {\n  return (\n    <span className=\"inline-flex items-center rounded-md border border-gray-600 bg-gray-800 px-1 py-0.5 text-xs font-medium text-gray-300\">\n      {children}\n    </span>\n  );\n};\n"]}

package/dist/charts/MosaicChartRuntimeIssuePanel.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { ChartRuntimeIssue } from '../chart-runtime';
+export type MosaicChartRuntimeIssuePanelProps = {
+    issue: ChartRuntimeIssue;
+};
+export declare const MosaicChartRuntimeIssuePanel: FC<MosaicChartRuntimeIssuePanelProps>;
+//# sourceMappingURL=MosaicChartRuntimeIssuePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartRuntimeIssuePanel.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartRuntimeIssuePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,iCAAiC,GAAG;IAC9C,KAAK,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAiBlC,CAAC"}

package/dist/charts/MosaicChartRuntimeIssuePanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MosaicChartRuntimeIssuePanel = ({ issue }) => {
+    const title = issue.kind === 'too-much-data'
+        ? 'Too much data'
+        : issue.kind === 'sql-error'
+            ? 'Chart query failed'
+            : 'Unable to display chart';
+    return (_jsxs("div", { className: "flex h-full min-h-[200px] flex-col items-center justify-center p-4", children: [_jsx("div", { className: "mb-2 text-center font-semibold", children: title }), _jsx("div", { className: "text-center text-sm whitespace-pre-wrap", children: issue.message })] }));
+};
+//# sourceMappingURL=MosaicChartRuntimeIssuePanel.js.map

package/dist/charts/MosaicChartRuntimeIssuePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartRuntimeIssuePanel.js","sourceRoot":"","sources":["../../src/charts/MosaicChartRuntimeIssuePanel.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,MAAM,4BAA4B,GAErC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACd,MAAM,KAAK,GACT,KAAK,CAAC,IAAI,KAAK,eAAe;QAC5B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW;YAC1B,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,yBAAyB,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,cAAK,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAO,EAC7D,cAAK,SAAS,EAAC,yCAAyC,YACrD,KAAK,CAAC,OAAO,GACV,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type {FC} from 'react';\nimport type {ChartRuntimeIssue} from '../chart-runtime';\n\nexport type MosaicChartRuntimeIssuePanelProps = {\n  issue: ChartRuntimeIssue;\n};\n\nexport const MosaicChartRuntimeIssuePanel: FC<\n  MosaicChartRuntimeIssuePanelProps\n> = ({issue}) => {\n  const title =\n    issue.kind === 'too-much-data'\n      ? 'Too much data'\n      : issue.kind === 'sql-error'\n        ? 'Chart query failed'\n        : 'Unable to display chart';\n\n  return (\n    <div className=\"flex h-full min-h-[200px] flex-col items-center justify-center p-4\">\n      <div className=\"mb-2 text-center font-semibold\">{title}</div>\n      <div className=\"text-center text-sm whitespace-pre-wrap\">\n        {issue.message}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/charts/MosaicChartSettingsButton.d.ts

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+/**
+ * Props for MosaicChartSettingsButton.
+ *
+ * @param className - Optional CSS class name
+ * @param isSettingsOpen - Whether settings panel is currently open
+ * @param onToggleSettings - Callback to toggle settings panel visibility
+ */
+export type MosaicChartSettingsButtonProps = {
+    className?: string;
+    isSettingsOpen?: boolean;
+    onToggleSettings: () => void;
+};
+export declare const MosaicChartSettingsButton: FC<MosaicChartSettingsButtonProps>;
+//# sourceMappingURL=MosaicChartSettingsButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartSettingsButton.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartSettingsButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAE9B;;;;;;GAMG;AACH,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAuBxE,CAAC"}

package/dist/charts/MosaicChartSettingsButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from '@sqlrooms/ui';
+import { Settings2Icon } from 'lucide-react';
+export const MosaicChartSettingsButton = ({ className, isSettingsOpen, onToggleSettings, }) => {
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: cn('data-[state=active]:bg-accent h-6 w-6', className), onClick: onToggleSettings, "data-state": isSettingsOpen ? 'active' : 'inactive', children: _jsx(Settings2Icon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Chart settings" })] }) }));
+};
+//# sourceMappingURL=MosaicChartSettingsButton.js.map

package/dist/charts/MosaicChartSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartSettingsButton.js","sourceRoot":"","sources":["../../src/charts/MosaicChartSettingsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAgB3C,MAAM,CAAC,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,SAAS,EACT,cAAc,EACd,gBAAgB,GACjB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,eAAe,cACd,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACjE,OAAO,EAAE,gBAAgB,gBACb,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,YAElD,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,GAAG,GAClC,GACM,EACjB,KAAC,cAAc,iCAAgC,IACvC,GACM,CACnB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button,\n  cn,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {Settings2Icon} from 'lucide-react';\nimport {type FC} from 'react';\n\n/**\n * Props for MosaicChartSettingsButton.\n *\n * @param className - Optional CSS class name\n * @param isSettingsOpen - Whether settings panel is currently open\n * @param onToggleSettings - Callback to toggle settings panel visibility\n */\nexport type MosaicChartSettingsButtonProps = {\n  className?: string;\n  isSettingsOpen?: boolean;\n  onToggleSettings: () => void;\n};\n\nexport const MosaicChartSettingsButton: FC<MosaicChartSettingsButtonProps> = ({\n  className,\n  isSettingsOpen,\n  onToggleSettings,\n}) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className={cn('data-[state=active]:bg-accent h-6 w-6', className)}\n            onClick={onToggleSettings}\n            data-state={isSettingsOpen ? 'active' : 'inactive'}\n          >\n            <Settings2Icon className=\"h-3.5 w-3.5\" />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>Chart settings</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"]}

package/dist/charts/MosaicChartSettingsPanel.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import { type ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicChartSettingsPanelProps = {
+    dataTable?: DataTable;
+    config: ChartConfig;
+    onChange: (config: ChartConfig) => void;
+    onClose?: () => void;
+};
+export declare const MosaicChartSettingsPanel: FC<MosaicChartSettingsPanelProps>;
+//# sourceMappingURL=MosaicChartSettingsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartSettingsPanel.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartSettingsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,MAAM,MAAM,6BAA6B,GAAG;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAkDtE,CAAC"}

package/dist/charts/MosaicChartSettingsPanel.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { MosaicChartSettings } from './chart-settings/MosaicChartSettings';
+import { MosaicChartSpecViewerPanel } from './chart-settings/MosaicChartSpecViewerPanel';
+import { useMosaicChartRenderContext } from './useMosaicChartRenderContext';
+export const MosaicChartSettingsPanel = ({ dataTable, config, onChange, onClose, }) => {
+    const [viewMode, setViewMode] = useState('settings');
+    const renderContext = useMosaicChartRenderContext(dataTable, config);
+    const handleViewSpec = useCallback(() => {
+        setViewMode('spec');
+    }, []);
+    const handleBackToSettings = useCallback(() => {
+        setViewMode('settings');
+    }, []);
+    if (renderContext.type === 'spec' && viewMode === 'spec') {
+        return (_jsx(MosaicChartSpecViewerPanel, { spec: renderContext.spec, onBack: handleBackToSettings }));
+    }
+    const columns = dataTable?.columns || [];
+    return (_jsxs(MosaicChartSettings.Root, { config: config, columns: columns, onChange: onChange, children: [_jsxs(MosaicChartSettings.Header, { children: [_jsx("div", { className: "flex items-center", children: "Chart settings" }), _jsxs("div", { className: "flex items-center gap-1", children: [renderContext.type === 'spec' && (_jsx(MosaicChartSettings.ViewSpecButton, { onClick: handleViewSpec })), onClose && _jsx(MosaicChartSettings.CloseButton, { onClick: onClose })] })] }), _jsxs(MosaicChartSettings.Content, { children: [_jsx(MosaicChartSettings.TypeSelector, {}), _jsx(MosaicChartSettings.Fields, {})] })] }));
+};
+//# sourceMappingURL=MosaicChartSettingsPanel.js.map

package/dist/charts/MosaicChartSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartSettingsPanel.js","sourceRoot":"","sources":["../../src/charts/MosaicChartSettingsPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAC,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAC,0BAA0B,EAAC,MAAM,6CAA6C,CAAC;AAEvF,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAU1E,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CAAC,EAC1E,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,UAAU,CAAC,CAAC;IAE1E,MAAM,aAAa,GAAG,2BAA2B,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAErE,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,aAAa,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;QACzD,OAAO,CACL,KAAC,0BAA0B,IACzB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,MAAM,EAAE,oBAAoB,GAC5B,CACH,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,SAAS,EAAE,OAAO,IAAI,EAAE,CAAC;IAEzC,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,IACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAElB,MAAC,mBAAmB,CAAC,MAAM,eACzB,cAAK,SAAS,EAAC,mBAAmB,+BAAqB,EACvD,eAAK,SAAS,EAAC,yBAAyB,aACrC,aAAa,CAAC,IAAI,KAAK,MAAM,IAAI,CAChC,KAAC,mBAAmB,CAAC,cAAc,IAAC,OAAO,EAAE,cAAc,GAAI,CAChE,EACA,OAAO,IAAI,KAAC,mBAAmB,CAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,IAC7D,IACqB,EAC7B,MAAC,mBAAmB,CAAC,OAAO,eAC1B,KAAC,mBAAmB,CAAC,YAAY,KAAG,EACpC,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACF,IACL,CAC5B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useCallback, useState} from 'react';\nimport {MosaicChartSettings} from './chart-settings/MosaicChartSettings';\nimport {MosaicChartSpecViewerPanel} from './chart-settings/MosaicChartSpecViewerPanel';\nimport {type ChartConfig} from './chart-types/chart-config';\nimport {useMosaicChartRenderContext} from './useMosaicChartRenderContext';\nimport {DataTable} from '@sqlrooms/db';\n\nexport type MosaicChartSettingsPanelProps = {\n  dataTable?: DataTable;\n  config: ChartConfig;\n  onChange: (config: ChartConfig) => void;\n  onClose?: () => void;\n};\n\nexport const MosaicChartSettingsPanel: FC<MosaicChartSettingsPanelProps> = ({\n  dataTable,\n  config,\n  onChange,\n  onClose,\n}) => {\n  const [viewMode, setViewMode] = useState<'settings' | 'spec'>('settings');\n\n  const renderContext = useMosaicChartRenderContext(dataTable, config);\n\n  const handleViewSpec = useCallback(() => {\n    setViewMode('spec');\n  }, []);\n\n  const handleBackToSettings = useCallback(() => {\n    setViewMode('settings');\n  }, []);\n\n  if (renderContext.type === 'spec' && viewMode === 'spec') {\n    return (\n      <MosaicChartSpecViewerPanel\n        spec={renderContext.spec}\n        onBack={handleBackToSettings}\n      />\n    );\n  }\n\n  const columns = dataTable?.columns || [];\n\n  return (\n    <MosaicChartSettings.Root\n      config={config}\n      columns={columns}\n      onChange={onChange}\n    >\n      <MosaicChartSettings.Header>\n        <div className=\"flex items-center\">Chart settings</div>\n        <div className=\"flex items-center gap-1\">\n          {renderContext.type === 'spec' && (\n            <MosaicChartSettings.ViewSpecButton onClick={handleViewSpec} />\n          )}\n          {onClose && <MosaicChartSettings.CloseButton onClick={onClose} />}\n        </div>\n      </MosaicChartSettings.Header>\n      <MosaicChartSettings.Content>\n        <MosaicChartSettings.TypeSelector />\n        <MosaicChartSettings.Fields />\n      </MosaicChartSettings.Content>\n    </MosaicChartSettings.Root>\n  );\n};\n"]}

package/dist/charts/MosaicChartView.d.ts

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+import type { ChartConfig } from './chart-types/chart-config';
+import { DataTable } from '@sqlrooms/db';
+export type MosaicChartViewProps = {
+    dataTable?: DataTable;
+    config: ChartConfig;
+    selectionName?: string;
+    retentionKey?: string;
+    runtimeIssueKey?: string;
+    className?: string;
+    dashboardId?: string;
+    panelId?: string;
+};
+export declare const MosaicChartView: FC<MosaicChartViewProps>;
+//# sourceMappingURL=MosaicChartView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartView.d.ts","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGjE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAW5D,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAGvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAsHpD,CAAC"}

package/dist/charts/MosaicChartView.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SpinnerPane, cn } from '@sqlrooms/ui';
+import { createElement, useMemo, useEffect } from 'react';
+import { VgPlotChart } from '../VgPlotChart';
+import { useStoreWithMosaicDashboard } from '../dashboard/MosaicDashboardSlice';
+import { usePanelClientRegistration } from '../dashboard/usePanelClientRegistration';
+import { useChartPanelClients } from './useChartPanelClients';
+import { MosaicChartRuntimeIssuePanel } from './MosaicChartRuntimeIssuePanel';
+import { MosaicChartError } from './MosaicChartError';
+import { useBrushSelectionParams } from './useBrushSelectionParams';
+import { useChartDataPolicy } from './useChartDataPolicy';
+import { useChartRetainerByKey } from './useChartRetainer';
+import { useMosaicChartRenderContext } from './useMosaicChartRenderContext';
+import { useRuntimeIssueReporter } from './useRuntimeIssueReporter';
+import { getChartTableReference } from './chart-types/base-types';
+export const MosaicChartView = ({ dataTable, config, selectionName, retentionKey, runtimeIssueKey, className, dashboardId, panelId, }) => {
+    const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
+    const retention = useChartRetainerByKey(retentionKey);
+    const chartClients = useChartPanelClients(retention);
+    usePanelClientRegistration(dashboardId, panelId, chartClients);
+    const params = useBrushSelectionParams(selectionName);
+    const dataPolicy = useChartDataPolicy(dataTable, config);
+    const runtimeIssueReporter = useRuntimeIssueReporter(runtimeIssueKey);
+    const runtimeIssueContext = useMemo(() => ({
+        panelId: runtimeIssueKey ?? retentionKey ?? config.chartType,
+        chartType: config.chartType,
+    }), [config.chartType, retentionKey, runtimeIssueKey]);
+    const issue = useStoreWithMosaicDashboard((state) => runtimeIssueKey
+        ? state.mosaicDashboard.getPanelIssueByKey(runtimeIssueKey)
+        : undefined);
+    const clearPanelIssue = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.clearPanelIssueByKey);
+    // Clear issue when config changes - new config means user is trying different settings
+    useEffect(() => {
+        if (runtimeIssueKey && issue) {
+            clearPanelIssue(runtimeIssueKey);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [config, runtimeIssueKey, clearPanelIssue]);
+    const renderContext = useMosaicChartRenderContext(dataTable, config, selectionName);
+    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" }));
+    }
+    if (renderContext.type === 'error') {
+        return (_jsx("div", { className: cn('flex h-full flex-col items-center justify-center', className), children: _jsx(MosaicChartError, { error: renderContext.error }) }));
+    }
+    if (issue) {
+        return _jsx(MosaicChartRuntimeIssuePanel, { issue: issue });
+    }
+    if (renderContext.type === 'spec') {
+        return (_jsx("div", { className: cn('h-full w-full', className), children: _jsx(VgPlotChart, { spec: renderContext.spec, params: params, retention: retention, dataPolicy: dataPolicy, runtimeIssueContext: runtimeIssueContext, runtimeIssueReporter: runtimeIssueReporter }) }));
+    }
+    if (renderContext.type === 'component') {
+        return (_jsx("div", { className: cn('h-full w-full', className), children: createElement(renderContext.renderer, {
+                tableName: getChartTableReference(renderContext.dataTable),
+                config,
+                coordinator: connection.coordinator,
+                params,
+                retention,
+                dataPolicy,
+                runtimeIssueContext,
+                runtimeIssueReporter,
+            }) }));
+    }
+    return null;
+};
+//# sourceMappingURL=MosaicChartView.js.map

package/dist/charts/MosaicChartView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MosaicChartView.js","sourceRoot":"","sources":["../../src/charts/MosaicChartView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAU,aAAa,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACjE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAC,2BAA2B,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,0BAA0B,EAAC,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,4BAA4B,EAAC,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAahE,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,SAAS,EACT,MAAM,EACN,aAAa,EACb,YAAY,EACZ,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IAEF,MAAM,SAAS,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAErD,0BAA0B,CAAC,WAAW,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IAE/D,MAAM,MAAM,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEzD,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,eAAe,CAAC,CAAC;IAEtE,MAAM,mBAAmB,GAA6B,OAAO,CAC3D,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,eAAe,IAAI,YAAY,IAAI,MAAM,CAAC,SAAS;QAC5D,SAAS,EAAE,MAAM,CAAC,SAAS;KAC5B,CAAC,EACF,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,CAClD,CAAC;IAEF,MAAM,KAAK,GAAG,2BAA2B,CAAC,CAAC,KAAK,EAAE,EAAE,CAClD,eAAe;QACb,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,eAAe,CAAC;QAC3D,CAAC,CAAC,SAAS,CACd,CAAC;IAEF,MAAM,eAAe,GAAG,2BAA2B,CACjD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,oBAAoB,CACtD,CAAC;IAEF,uFAAuF;IACvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,IAAI,KAAK,EAAE,CAAC;YAC7B,eAAe,CAAC,eAAe,CAAC,CAAC;QACnC,CAAC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,2BAA2B,CAC/C,SAAS,EACT,MAAM,EACN,aAAa,CACd,CAAC;IAEF,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,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACnC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,YAED,KAAC,gBAAgB,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAI,GAC5C,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IACxD,CAAC;IAED,IAAI,aAAa,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAC5C,KAAC,WAAW,IACV,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,GAC1C,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,aAAa,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QACvC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YAC3C,aAAa,CAAC,aAAa,CAAC,QAAQ,EAAE;gBACrC,SAAS,EAAE,sBAAsB,CAAC,aAAa,CAAC,SAAS,CAAC;gBAC1D,MAAM;gBACN,WAAW,EAAE,UAAU,CAAC,WAAW;gBACnC,MAAM;gBACN,SAAS;gBACT,UAAU;gBACV,mBAAmB;gBACnB,oBAAoB;aACrB,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import {SpinnerPane, cn} from '@sqlrooms/ui';\nimport {type FC, createElement, useMemo, useEffect} from 'react';\nimport {VgPlotChart} from '../VgPlotChart';\nimport type {ChartRuntimeIssueContext} from '../chart-runtime';\nimport type {ChartConfig} from './chart-types/chart-config';\nimport {useStoreWithMosaicDashboard} from '../dashboard/MosaicDashboardSlice';\nimport {usePanelClientRegistration} from '../dashboard/usePanelClientRegistration';\nimport {useChartPanelClients} from './useChartPanelClients';\nimport {MosaicChartRuntimeIssuePanel} from './MosaicChartRuntimeIssuePanel';\nimport {MosaicChartError} from './MosaicChartError';\nimport {useBrushSelectionParams} from './useBrushSelectionParams';\nimport {useChartDataPolicy} from './useChartDataPolicy';\nimport {useChartRetainerByKey} from './useChartRetainer';\nimport {useMosaicChartRenderContext} from './useMosaicChartRenderContext';\nimport {useRuntimeIssueReporter} from './useRuntimeIssueReporter';\nimport {DataTable} from '@sqlrooms/db';\nimport {getChartTableReference} from './chart-types/base-types';\n\nexport type MosaicChartViewProps = {\n  dataTable?: DataTable;\n  config: ChartConfig;\n  selectionName?: string;\n  retentionKey?: string;\n  runtimeIssueKey?: string;\n  className?: string;\n  dashboardId?: string;\n  panelId?: string;\n};\n\nexport const MosaicChartView: FC<MosaicChartViewProps> = ({\n  dataTable,\n  config,\n  selectionName,\n  retentionKey,\n  runtimeIssueKey,\n  className,\n  dashboardId,\n  panelId,\n}) => {\n  const connection = useStoreWithMosaicDashboard(\n    (state) => state.mosaic.connection,\n  );\n\n  const retention = useChartRetainerByKey(retentionKey);\n  const chartClients = useChartPanelClients(retention);\n\n  usePanelClientRegistration(dashboardId, panelId, chartClients);\n\n  const params = useBrushSelectionParams(selectionName);\n  const dataPolicy = useChartDataPolicy(dataTable, config);\n\n  const runtimeIssueReporter = useRuntimeIssueReporter(runtimeIssueKey);\n\n  const runtimeIssueContext: ChartRuntimeIssueContext = useMemo(\n    () => ({\n      panelId: runtimeIssueKey ?? retentionKey ?? config.chartType,\n      chartType: config.chartType,\n    }),\n    [config.chartType, retentionKey, runtimeIssueKey],\n  );\n\n  const issue = useStoreWithMosaicDashboard((state) =>\n    runtimeIssueKey\n      ? state.mosaicDashboard.getPanelIssueByKey(runtimeIssueKey)\n      : undefined,\n  );\n\n  const clearPanelIssue = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.clearPanelIssueByKey,\n  );\n\n  // Clear issue when config changes - new config means user is trying different settings\n  useEffect(() => {\n    if (runtimeIssueKey && issue) {\n      clearPanelIssue(runtimeIssueKey);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config, runtimeIssueKey, clearPanelIssue]);\n\n  const renderContext = useMosaicChartRenderContext(\n    dataTable,\n    config,\n    selectionName,\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  if (renderContext.type === 'error') {\n    return (\n      <div\n        className={cn(\n          'flex h-full flex-col items-center justify-center',\n          className,\n        )}\n      >\n        <MosaicChartError error={renderContext.error} />\n      </div>\n    );\n  }\n\n  if (issue) {\n    return <MosaicChartRuntimeIssuePanel issue={issue} />;\n  }\n\n  if (renderContext.type === 'spec') {\n    return (\n      <div className={cn('h-full w-full', className)}>\n        <VgPlotChart\n          spec={renderContext.spec}\n          params={params}\n          retention={retention}\n          dataPolicy={dataPolicy}\n          runtimeIssueContext={runtimeIssueContext}\n          runtimeIssueReporter={runtimeIssueReporter}\n        />\n      </div>\n    );\n  }\n\n  if (renderContext.type === 'component') {\n    return (\n      <div className={cn('h-full w-full', className)}>\n        {createElement(renderContext.renderer, {\n          tableName: getChartTableReference(renderContext.dataTable),\n          config,\n          coordinator: connection.coordinator,\n          params,\n          retention,\n          dataPolicy,\n          runtimeIssueContext,\n          runtimeIssueReporter,\n        })}\n      </div>\n    );\n  }\n\n  return null;\n};\n"]}

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

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

package/dist/charts/addChartPanelAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addChartPanelAction.js","sourceRoot":"","sources":["../../src/charts/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"]}