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

package/dist/components/MultiFieldSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFieldSelector.js","sourceRoot":"","sources":["../../src/components/MultiFieldSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button} from '@sqlrooms/ui';\nimport {Trash2} from 'lucide-react';\nimport {useCallback, useMemo, type FC} from 'react';\nimport {ColumnSelector} from './ColumnSelector';\nimport {ColumnsProvider, useColumnsContext} from './ColumnsContext';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  CATEGORICAL_COLUMN_TYPES,\n} from '../column-types-utils';\nimport type {YFieldConfig} from '../charts/chart-types/line-chart/schema';\n\ntype RenderItemFunction = (\n  fieldConfig: YFieldConfig,\n  index: number,\n  handleUpdate: (index: number, updates: Partial<YFieldConfig>) => void,\n) => React.ReactNode;\n\nexport interface MultiFieldSelectorProps {\n  types?: string[];\n  value: YFieldConfig[];\n  onChange: (value: YFieldConfig[]) => void;\n  onAdd: (fieldName: string) => void;\n  renderItem?: RenderItemFunction;\n}\n\n/**\n * Manages an array of field configurations with add/update/remove logic.\n * Emits the full updated array on every change.\n *\n * Can be used as:\n * - `<MultiFieldSelector types={...} />` - custom types\n * - `<MultiFieldSelector.Numeric />` - numeric types only\n * - `<MultiFieldSelector.Quantitative />` - numeric + temporal\n * - `<MultiFieldSelector.Categorical />` - text/enum types\n */\nconst MultiFieldSelectorRoot: FC<MultiFieldSelectorProps> = ({\n  types,\n  value,\n  onChange,\n  onAdd,\n  renderItem,\n}) => {\n  const {columns} = useColumnsContext();\n\n  const selectedFieldNames = useMemo(() => value.map((v) => v.field), [value]);\n\n  const availableColumns = useMemo(\n    () => columns.filter((col) => !selectedFieldNames.includes(col.name)),\n    [columns, selectedFieldNames],\n  );\n\n  const handleUpdate = useCallback(\n    (index: number, updates: Partial<(typeof value)[0]>) => {\n      const updated = [...value];\n      updated[index] = {...updated[index]!, ...updates};\n      onChange(updated);\n    },\n    [value, onChange],\n  );\n\n  const handleRemove = useCallback(\n    (index: number) => {\n      onChange(value.filter((_, i) => i !== index));\n    },\n    [value, onChange],\n  );\n\n  return (\n    <div className=\"space-y-1\">\n      {value.map((fieldConfig, index) => {\n        return (\n          <div\n            key={fieldConfig.field}\n            className=\"grid items-end gap-2\"\n            style={{\n              gridTemplateColumns: 'minmax(120px, 1fr) auto 32px',\n            }}\n          >\n            <ColumnSelector\n              types={types}\n              value={fieldConfig.field}\n              onChange={(newField) => handleUpdate(index, {field: newField})}\n            />\n\n            {renderItem && renderItem(fieldConfig, index, handleUpdate)}\n\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={() => handleRemove(index)}\n              className=\"h-8 w-8 shrink-0\"\n            >\n              <Trash2 className=\"text-destructive h-4 w-4\" />\n            </Button>\n          </div>\n        );\n      })}\n\n      <ColumnsProvider columns={availableColumns}>\n        <ColumnSelector\n          types={types}\n          value={undefined}\n          onChange={onAdd}\n          placeholder=\"Select field...\"\n        />\n      </ColumnsProvider>\n    </div>\n  );\n};\n\nconst Numeric: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={NUMERIC_COLUMN_TYPES} />\n);\n\nconst Quantitative: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={QUANTITATIVE_COLUMN_TYPES} />\n);\n\nconst Categorical: FC<Omit<MultiFieldSelectorProps, 'types'>> = (props) => (\n  <MultiFieldSelectorRoot {...props} types={CATEGORICAL_COLUMN_TYPES} />\n);\n\nexport const MultiFieldSelector = Object.assign(MultiFieldSelectorRoot, {\n  Numeric,\n  Quantitative,\n  Categorical,\n});\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelector.d.ts","sourceRoot":"","sources":["../../src/components/TableSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AAgBxC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqDhD,CAAC"}

package/dist/components/TableSelector.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { useTablesWithColumns } from '../hooks/useTablesWithColumns';
+/**
+ * Table selector component for choosing a table from available tables.
+ * Uses a searchable dropdown with command palette pattern.
+ *
+ * Filters to only show tables that have columns defined.
+ */
+export const TableSelector = ({ value, onChange, placeholder = 'Select table…', }) => {
+    const [open, setOpen] = useState(false);
+    const tables = useTablesWithColumns();
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", role: "combobox", "aria-expanded": open, className: "w-full justify-between text-xs", children: [_jsx("span", { className: "truncate", children: value || placeholder }), _jsx(ChevronsUpDown, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[300px] p-0 text-xs", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search tables\u2026", className: "text-xs" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { className: "text-xs", children: "No tables found." }), _jsx(CommandGroup, { children: tables.map((table) => {
+                                        const tableName = table.table.table;
+                                        return (_jsxs(CommandItem, { value: tableName, onSelect: (selectedValue) => {
+                                                onChange?.(selectedValue);
+                                                setOpen(false);
+                                            }, className: "text-xs", children: [_jsx(Check, { className: `mr-2 h-3.5 w-3.5 ${value === tableName ? 'opacity-100' : 'opacity-0'}` }), tableName] }, tableName));
+                                    }) })] })] }) })] }));
+};
+//# sourceMappingURL=TableSelector.js.map

package/dist/components/TableSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelector.js","sourceRoot":"","sources":["../../src/components/TableSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,oBAAoB,EAAC,MAAM,+BAA+B,CAAC;AAQnE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,eAAe,GAC9B,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAC;IAEtC,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,UAAU,mBACA,IAAI,EACnB,SAAS,EAAC,gCAAgC,aAE1C,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,IAAI,WAAW,GAAQ,EACxD,KAAC,cAAc,IAAC,SAAS,EAAC,sCAAsC,GAAG,IAC5D,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAC,OAAO,YAC7D,MAAC,OAAO,eACN,KAAC,YAAY,IAAC,WAAW,EAAC,qBAAgB,EAAC,SAAS,EAAC,SAAS,GAAG,EACjE,MAAC,WAAW,eACV,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,iCAAgC,EACjE,KAAC,YAAY,cACV,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;wCACpB,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;wCACpC,OAAO,CACL,MAAC,WAAW,IAEV,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,aAAa,EAAE,EAAE;gDAC1B,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC;gDAC1B,OAAO,CAAC,KAAK,CAAC,CAAC;4CACjB,CAAC,EACD,SAAS,EAAC,SAAS,aAEnB,KAAC,KAAK,IACJ,SAAS,EAAE,oBAAoB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,GAClF,EACD,SAAS,KAXL,SAAS,CAYF,CACf,CAAC;oCACJ,CAAC,CAAC,GACW,IACH,IACN,GACK,IACT,CACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {type FC, useState} from 'react';\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown} from 'lucide-react';\nimport {useTablesWithColumns} from '../hooks/useTablesWithColumns';\n\nexport interface TableSelectorProps {\n  value: string | undefined;\n  onChange?: (tableName: string) => void;\n  placeholder?: string;\n}\n\n/**\n * Table selector component for choosing a table from available tables.\n * Uses a searchable dropdown with command palette pattern.\n *\n * Filters to only show tables that have columns defined.\n */\nexport const TableSelector: FC<TableSelectorProps> = ({\n  value,\n  onChange,\n  placeholder = 'Select table…',\n}) => {\n  const [open, setOpen] = useState(false);\n  const tables = useTablesWithColumns();\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"w-full justify-between text-xs\"\n        >\n          <span className=\"truncate\">{value || placeholder}</span>\n          <ChevronsUpDown className=\"ml-1 h-3.5 w-3.5 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[300px] p-0 text-xs\" align=\"start\">\n        <Command>\n          <CommandInput placeholder=\"Search tables…\" className=\"text-xs\" />\n          <CommandList>\n            <CommandEmpty className=\"text-xs\">No tables found.</CommandEmpty>\n            <CommandGroup>\n              {tables.map((table) => {\n                const tableName = table.table.table;\n                return (\n                  <CommandItem\n                    key={tableName}\n                    value={tableName}\n                    onSelect={(selectedValue) => {\n                      onChange?.(selectedValue);\n                      setOpen(false);\n                    }}\n                    className=\"text-xs\"\n                  >\n                    <Check\n                      className={`mr-2 h-3.5 w-3.5 ${value === tableName ? 'opacity-100' : 'opacity-0'}`}\n                    />\n                    {tableName}\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}

package/dist/components/TemporalGranularitySelector.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { TemporalInterval } from '../schemas';
+interface TemporalGranularitySelectorProps {
+    value?: TemporalInterval;
+    onChange: (value?: TemporalInterval) => void;
+    xFieldType?: string;
+}
+export declare const TemporalGranularitySelector: FC<TemporalGranularitySelectorProps>;
+export {};
+//# sourceMappingURL=TemporalGranularitySelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalGranularitySelector.d.ts","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAoB,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAGjD,UAAU,gCAAgC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsBD,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,gCAAgC,CAkDzE,CAAC"}

package/dist/components/TemporalGranularitySelector.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import { TEMPORAL_COLUMN_TYPES } from '../column-types-utils';
+import { Combobox } from './Combobox';
+const TEMPORAL_INTERVALS = [
+    { value: 'year', label: 'Year' },
+    { value: 'quarter', label: 'Quarter' },
+    { value: 'month', label: 'Month' },
+    { value: 'week', label: 'Week' },
+    { value: 'day', label: 'Day' },
+    { value: 'hour', label: 'Hour' },
+    { value: 'minute', label: 'Minute' },
+    { value: 'second', label: 'Second' },
+];
+const NONE = 'none';
+function isTemporalField(fieldType) {
+    if (!fieldType)
+        return false;
+    return TEMPORAL_COLUMN_TYPES.some((type) => fieldType.toUpperCase() === type.toUpperCase());
+}
+export const TemporalGranularitySelector = memo(({ value, onChange, xFieldType }) => {
+    // Custom onChange wrapper to handle undefined values
+    const handleChange = useCallback((newValue) => {
+        if (newValue === NONE) {
+            onChange(undefined);
+        }
+        else {
+            onChange(newValue);
+        }
+    }, [onChange]);
+    // Only render if X field is temporal
+    if (!isTemporalField(xFieldType)) {
+        return null;
+    }
+    const selectedInterval = TEMPORAL_INTERVALS.find((interval) => interval.value === value);
+    const displayValue = selectedInterval?.label ?? 'None';
+    const currentValue = value || NONE;
+    return (_jsxs(Combobox, { value: currentValue, onChange: handleChange, currentValue: currentValue, children: [_jsx(Combobox.Trigger, { className: "shadow-none", children: _jsx("span", { children: displayValue }) }), _jsxs(Combobox.Content, { children: [_jsx(Combobox.Item, { value: NONE, children: _jsx("span", { className: "text-xs", children: "None" }) }), TEMPORAL_INTERVALS.map((interval) => (_jsx(Combobox.Item, { value: interval.value, isSelected: value === interval.value, children: _jsx("span", { className: "text-xs", children: interval.label }) }, interval.value)))] })] }));
+});
+TemporalGranularitySelector.displayName = 'TemporalGranularitySelector';
+//# sourceMappingURL=TemporalGranularitySelector.js.map

package/dist/components/TemporalGranularitySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalGranularitySelector.js","sourceRoot":"","sources":["../../src/components/TemporalGranularitySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {type FC, memo, useCallback} from 'react';\nimport {TEMPORAL_COLUMN_TYPES} from '../column-types-utils';\nimport type {TemporalInterval} from '../schemas';\nimport {Combobox} from './Combobox';\n\ninterface TemporalGranularitySelectorProps {\n  value?: TemporalInterval;\n  onChange: (value?: TemporalInterval) => void;\n  xFieldType?: string;\n}\n\nconst TEMPORAL_INTERVALS = [\n  {value: 'year', label: 'Year'},\n  {value: 'quarter', label: 'Quarter'},\n  {value: 'month', label: 'Month'},\n  {value: 'week', label: 'Week'},\n  {value: 'day', label: 'Day'},\n  {value: 'hour', label: 'Hour'},\n  {value: 'minute', label: 'Minute'},\n  {value: 'second', label: 'Second'},\n] as const;\n\nconst NONE = 'none';\n\nfunction isTemporalField(fieldType?: string): boolean {\n  if (!fieldType) return false;\n  return TEMPORAL_COLUMN_TYPES.some(\n    (type) => fieldType.toUpperCase() === type.toUpperCase(),\n  );\n}\n\nexport const TemporalGranularitySelector: FC<TemporalGranularitySelectorProps> =\n  memo(({value, onChange, xFieldType}) => {\n    // Custom onChange wrapper to handle undefined values\n    const handleChange = useCallback(\n      (newValue: string) => {\n        if (newValue === NONE) {\n          onChange(undefined);\n        } else {\n          onChange(newValue as TemporalInterval);\n        }\n      },\n      [onChange],\n    );\n\n    // Only render if X field is temporal\n    if (!isTemporalField(xFieldType)) {\n      return null;\n    }\n\n    const selectedInterval = TEMPORAL_INTERVALS.find(\n      (interval) => interval.value === value,\n    );\n    const displayValue = selectedInterval?.label ?? 'None';\n    const currentValue = value || NONE;\n\n    return (\n      <Combobox\n        value={currentValue}\n        onChange={handleChange}\n        currentValue={currentValue}\n      >\n        <Combobox.Trigger className=\"shadow-none\">\n          <span>{displayValue}</span>\n        </Combobox.Trigger>\n        <Combobox.Content>\n          <Combobox.Item value={NONE}>\n            <span className=\"text-xs\">None</span>\n          </Combobox.Item>\n          {TEMPORAL_INTERVALS.map((interval) => (\n            <Combobox.Item\n              key={interval.value}\n              value={interval.value}\n              isSelected={value === interval.value}\n            >\n              <span className=\"text-xs\">{interval.label}</span>\n            </Combobox.Item>\n          ))}\n        </Combobox.Content>\n      </Combobox>\n    );\n  });\n\nTemporalGranularitySelector.displayName = 'TemporalGranularitySelector';\n"]}

package/dist/components/useCombobox.d.ts

@@ -0,0 +1,23 @@
+export interface UseComboboxOptions<T extends string = string> {
+    value: T;
+    onChange: (value: T) => void;
+}
+export interface UseComboboxReturn {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    handleSelect: (value: string) => void;
+    popoverProps: {
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+    };
+    triggerProps: {
+        role: 'combobox';
+        'aria-expanded': boolean;
+    };
+}
+/**
+ * Shared combobox state and behavior for Popover-based selectors.
+ * Handles open/close state and selection with auto-close.
+ */
+export declare function useCombobox<T extends string = string>(options: UseComboboxOptions<T>): UseComboboxReturn;
+//# sourceMappingURL=useCombobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.d.ts","sourceRoot":"","sources":["../../src/components/useCombobox.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3D,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KACvC,CAAC;IACF,YAAY,EAAE;QACZ,IAAI,EAAE,UAAU,CAAC;QACjB,eAAe,EAAE,OAAO,CAAC;KAC1B,CAAC;CACH;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EACnD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,iBAAiB,CAwBnB"}

package/dist/components/useCombobox.js

@@ -0,0 +1,26 @@
+import { useState, useCallback } from 'react';
+/**
+ * Shared combobox state and behavior for Popover-based selectors.
+ * Handles open/close state and selection with auto-close.
+ */
+export function useCombobox(options) {
+    const [open, setOpen] = useState(false);
+    const handleSelect = useCallback((value) => {
+        options.onChange(value);
+        setOpen(false);
+    }, [options]);
+    return {
+        open,
+        setOpen,
+        handleSelect,
+        popoverProps: {
+            open,
+            onOpenChange: setOpen,
+        },
+        triggerProps: {
+            role: 'combobox',
+            'aria-expanded': open,
+        },
+    };
+}
+//# sourceMappingURL=useCombobox.js.map

package/dist/components/useCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCombobox.js","sourceRoot":"","sources":["../../src/components/useCombobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAqB5C;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,OAA8B;IAE9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,OAAO,CAAC,QAAQ,CAAC,KAAU,CAAC,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,OAAO;QACP,YAAY;QACZ,YAAY,EAAE;YACZ,IAAI;YACJ,YAAY,EAAE,OAAO;SACtB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,UAAmB;YACzB,eAAe,EAAE,IAAI;SACtB;KACF,CAAC;AACJ,CAAC","sourcesContent":["import {useState, useCallback} from 'react';\n\nexport interface UseComboboxOptions<T extends string = string> {\n  value: T;\n  onChange: (value: T) => void;\n}\n\nexport interface UseComboboxReturn {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  handleSelect: (value: string) => void;\n  popoverProps: {\n    open: boolean;\n    onOpenChange: (open: boolean) => void;\n  };\n  triggerProps: {\n    role: 'combobox';\n    'aria-expanded': boolean;\n  };\n}\n\n/**\n * Shared combobox state and behavior for Popover-based selectors.\n * Handles open/close state and selection with auto-close.\n */\nexport function useCombobox<T extends string = string>(\n  options: UseComboboxOptions<T>,\n): UseComboboxReturn {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = useCallback(\n    (value: string) => {\n      options.onChange(value as T);\n      setOpen(false);\n    },\n    [options],\n  );\n\n  return {\n    open,\n    setOpen,\n    handleSelect,\n    popoverProps: {\n      open,\n      onOpenChange: setOpen,\n    },\n    triggerProps: {\n      role: 'combobox' as const,\n      'aria-expanded': open,\n    },\n  };\n}\n"]}

package/dist/constants/chart-colors.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_CHART_COLORS: readonly string[];
+export declare const DEFAULT_CHART_FALLBACK_COLOR: string;
+//# sourceMappingURL=chart-colors.d.ts.map

package/dist/constants/chart-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.d.ts","sourceRoot":"","sources":["../../src/constants/chart-colors.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,mBAAuC,CAAC;AACzE,eAAO,MAAM,4BAA4B,QAA2B,CAAC"}

package/dist/constants/chart-colors.js

@@ -0,0 +1,5 @@
+import { categoricalSchemeColors } from '@sqlrooms/color-scales';
+// Chart color palette (default palette colors)
+export const DEFAULT_CHART_COLORS = categoricalSchemeColors.Observable10;
+export const DEFAULT_CHART_FALLBACK_COLOR = DEFAULT_CHART_COLORS[0];
+//# sourceMappingURL=chart-colors.js.map

package/dist/constants/chart-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-colors.js","sourceRoot":"","sources":["../../src/constants/chart-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAE/D,+CAA+C;AAC/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,YAAY,CAAC;AACzE,MAAM,CAAC,MAAM,4BAA4B,GAAG,oBAAoB,CAAC,CAAC,CAAE,CAAC","sourcesContent":["import {categoricalSchemeColors} from '@sqlrooms/color-scales';\n\n// Chart color palette (default palette colors)\nexport const DEFAULT_CHART_COLORS = categoricalSchemeColors.Observable10;\nexport const DEFAULT_CHART_FALLBACK_COLOR = DEFAULT_CHART_COLORS[0]!;\n"]}

package/dist/dashboard/DefaultMosaicDashboardBlock.d.ts

@@ -0,0 +1,5 @@
+import type { StatefulBlockRenderProps } from '@sqlrooms/blocks';
+import type { MosaicDashboardSliceState } from './MosaicDashboardSlice';
+import { FC } from 'react';
+export declare const DefaultMosaicDashboardBlock: FC<StatefulBlockRenderProps<MosaicDashboardSliceState>>;
+//# sourceMappingURL=DefaultMosaicDashboardBlock.d.ts.map

package/dist/dashboard/DefaultMosaicDashboardBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMosaicDashboardBlock.d.ts","sourceRoot":"","sources":["../../src/dashboard/DefaultMosaicDashboardBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAE/D,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAEzB,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,wBAAwB,CAAC,yBAAyB,CAAC,CAGpD,CAAC"}

package/dist/dashboard/DefaultMosaicDashboardBlock.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MosaicDashboard } from './MosaicDashboard';
+export const DefaultMosaicDashboardBlock = ({ blockId }) => {
+    return _jsx(MosaicDashboard, { dashboardId: blockId });
+};
+//# sourceMappingURL=DefaultMosaicDashboardBlock.js.map

package/dist/dashboard/DefaultMosaicDashboardBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMosaicDashboardBlock.js","sourceRoot":"","sources":["../../src/dashboard/DefaultMosaicDashboardBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAIlD,MAAM,CAAC,MAAM,2BAA2B,GAEpC,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE;IAChB,OAAO,KAAC,eAAe,IAAC,WAAW,EAAE,OAAO,GAAI,CAAC;AACnD,CAAC,CAAC","sourcesContent":["import type {StatefulBlockRenderProps} from '@sqlrooms/blocks';\nimport {MosaicDashboard} from './MosaicDashboard';\nimport type {MosaicDashboardSliceState} from './MosaicDashboardSlice';\nimport {FC} from 'react';\n\nexport const DefaultMosaicDashboardBlock: FC<\n  StatefulBlockRenderProps<MosaicDashboardSliceState>\n> = ({blockId}) => {\n  return <MosaicDashboard dashboardId={blockId} />;\n};\n"]}

package/dist/dashboard/MosaicDashboard.d.ts

@@ -1,15 +1,12 @@
 import { PropsWithChildren, ReactElement } from 'react';
-import { MosaicDashboardPanels } from './MosaicDashboardPanels';
+import { MosaicDashboardPanels } from './panel/MosaicDashboardPanels';
 import { MosaicDashboardToolbar } from './toolbar/MosaicDashboardToolbar';
-import type { MosaicDashboardInitialStateProps } from './initial-state/MosaicDashboardInitialState';
 export type MosaicDashboardRootProps = PropsWithChildren<{
     dashboardId: string;
-    onStart?: MosaicDashboardInitialStateProps['onStart'];
 }>;
-export declare function MosaicDashboardRoot({ children, dashboardId, onStart, }: MosaicDashboardRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function MosaicDashboardRoot({ children, dashboardId, }: MosaicDashboardRootProps): import("react/jsx-runtime").JSX.Element;
 export type MosaicDashboardProps = {
     dashboardId: string;
-    onStart?: MosaicDashboardInitialStateProps['onStart'];
 };
 type MosaicDashboardCompoundComponent = ((props: MosaicDashboardProps) => ReactElement) & {
     Root: typeof MosaicDashboardRoot;

package/dist/dashboard/MosaicDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboard.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,YAAY,EAKb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAM9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,kCAAkC,CAAC;AAIxE,OAAO,KAAK,EAAC,gCAAgC,EAAC,MAAM,6CAA6C,CAAC;AAElG,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,gCAAgC,CAAC,SAAS,CAAC,CAAC;CACvD,CAAC,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,wBAAwB,2CAgG1B;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,gCAAgC,CAAC,SAAS,CAAC,CAAC;CACvD,CAAC;AAkBF,KAAK,gCAAgC,GAAG,CAAC,CACvC,KAAK,EAAE,oBAAoB,KACxB,YAAY,CAAC,GAAG;IACnB,IAAI,EAAE,OAAO,mBAAmB,CAAC;IACjC,OAAO,EAAE,OAAO,sBAAsB,CAAC;IACvC,MAAM,EAAE,OAAO,qBAAqB,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,gCAO7B,CAAC"}
+{"version":3,"file":"MosaicDashboard.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,YAAY,EAKb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AAMpE,OAAO,EAAC,sBAAsB,EAAC,MAAM,kCAAkC,CAAC;AAKxE,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,WAAW,GACZ,EAAE,wBAAwB,2CA8F1B;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAiBF,KAAK,gCAAgC,GAAG,CAAC,CACvC,KAAK,EAAE,oBAAoB,KACxB,YAAY,CAAC,GAAG;IACnB,IAAI,EAAE,OAAO,mBAAmB,CAAC;IACjC,OAAO,EAAE,OAAO,sBAAsB,CAAC;IACvC,MAAM,EAAE,OAAO,qBAAqB,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,gCAO7B,CAAC"}

package/dist/dashboard/MosaicDashboard.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState, } from 'react';
 import { MosaicChartBuilder } from '../MosaicChartBuilder';
 import { MosaicDashboardContext } from './MosaicDashboardContext';
-import { MosaicDashboardPanels } from './MosaicDashboardPanels';
+import { MosaicDashboardPanels } from './panel/MosaicDashboardPanels';
 import { MOSAIC_DASHBOARD_CHART_PANEL_TYPE } from './dashboard-types';
 import { createMosaicDashboardChartPanelConfig, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
 import { MosaicDashboardToolbar } from './toolbar/MosaicDashboardToolbar';
 import { useSelectedOrFirstTable } from './useSelectedOrFirstTable';
-export function MosaicDashboardRoot({ children, dashboardId, onStart, }) {
+export function MosaicDashboardRoot({ children, dashboardId, }) {
     const ensureDashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.ensureDashboard);
     const addPanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanel);
     const chartTypes = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.chartTypes);
@@ -45,7 +45,6 @@ export function MosaicDashboardRoot({ children, dashboardId, onStart, }) {
         closeBuilder: () => setBuilderOpen(false),
         setBuilderOpen,
         addDefaultChart: handleAddDefaultChart,
-        onStart,
     }), [
         dashboardId,
         builderOpen,
@@ -53,12 +52,11 @@ export function MosaicDashboardRoot({ children, dashboardId, onStart, }) {
         panelRenderers,
         chartTypes?.length,
         handleAddDefaultChart,
-        onStart,
     ]);
     return (_jsxs(MosaicDashboardContext.Provider, { value: contextValue, children: [children, selectedTableInfo ? (_jsx(MosaicChartBuilder, { open: builderOpen, onOpenChange: setBuilderOpen, tableName: selectedTableInfo.table.table, columns: builderColumns, chartTypes: chartTypes, onCreateChart: handleCreateChart, children: _jsx(MosaicChartBuilder.Dialog, {}) })) : null] }));
 }
-function MosaicDashboardComponent({ dashboardId, onStart, }) {
-    return (_jsx(MosaicDashboardRoot, { dashboardId: dashboardId, onStart: onStart, children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx(MosaicDashboardToolbar, {}), _jsx("div", { className: "h-full overflow-y-auto", children: _jsx(MosaicDashboardPanels, {}) })] }) }));
+function MosaicDashboardComponent({ dashboardId, }) {
+    return (_jsx(MosaicDashboardRoot, { dashboardId: dashboardId, children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx(MosaicDashboardToolbar, {}), _jsx("div", { className: "h-full overflow-y-auto", children: _jsx(MosaicDashboardPanels, {}) })] }) }));
 }
 export const MosaicDashboard = Object.assign(MosaicDashboardComponent, {
     Root: MosaicDashboardRoot,

package/dist/dashboard/MosaicDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboard.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  PropsWithChildren,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {MosaicChartBuilder} from '../MosaicChartBuilder';\nimport {MosaicDashboardContext} from './MosaicDashboardContext';\nimport {MosaicDashboardPanels} from './MosaicDashboardPanels';\nimport {MOSAIC_DASHBOARD_CHART_PANEL_TYPE} from './dashboard-types';\nimport {\n  createMosaicDashboardChartPanelConfig,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {MosaicDashboardToolbar} from './toolbar/MosaicDashboardToolbar';\nimport {ChartBuilderColumn} from '../chart-types/base-types';\nimport {ChartConfig} from '../chart-types/chart-config';\nimport {useSelectedOrFirstTable} from './useSelectedOrFirstTable';\nimport type {MosaicDashboardInitialStateProps} from './initial-state/MosaicDashboardInitialState';\n\nexport type MosaicDashboardRootProps = PropsWithChildren<{\n  dashboardId: string;\n  onStart?: MosaicDashboardInitialStateProps['onStart'];\n}>;\n\nexport function MosaicDashboardRoot({\n  children,\n  dashboardId,\n  onStart,\n}: MosaicDashboardRootProps) {\n  const ensureDashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.ensureDashboard,\n  );\n  const addPanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanel,\n  );\n\n  const chartTypes = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.chartTypes,\n  );\n\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n\n  const [builderOpen, setBuilderOpen] = useState(false);\n\n  const selectedTableInfo = useSelectedOrFirstTable(dashboardId);\n\n  const builderColumns: ChartBuilderColumn[] = useMemo(\n    () =>\n      selectedTableInfo?.columns?.map((column) => ({\n        name: column.name,\n        type: column.type,\n      })) ?? [],\n    [selectedTableInfo],\n  );\n\n  useEffect(() => {\n    ensureDashboard(dashboardId);\n  }, [dashboardId, ensureDashboard]);\n\n  const handleCreateChart = useCallback(\n    (title: string, config: ChartConfig) => {\n      const panel = createMosaicDashboardChartPanelConfig(title, config);\n      addPanel(dashboardId, panel);\n      setBuilderOpen(false);\n    },\n    [addPanel, dashboardId],\n  );\n\n  const handleAddDefaultChart = useCallback(() => {\n    // Create chart panel with default field or empty if no numeric columns\n    const panel = createMosaicDashboardChartPanelConfig('New Chart', {\n      chartType: 'histogram',\n      settings: {},\n      settingsOpen: true, // Open settings by default\n    });\n\n    addPanel(dashboardId, panel);\n  }, [addPanel, dashboardId]);\n\n  const contextValue = useMemo(\n    () => ({\n      dashboardId,\n      builderOpen,\n      canCreateChart: Boolean(\n        selectedTableInfo &&\n        panelRenderers[MOSAIC_DASHBOARD_CHART_PANEL_TYPE] &&\n        (chartTypes?.length ?? 0) !== 0,\n      ),\n      openBuilder: () => setBuilderOpen(true),\n      closeBuilder: () => setBuilderOpen(false),\n      setBuilderOpen,\n      addDefaultChart: handleAddDefaultChart,\n      onStart,\n    }),\n    [\n      dashboardId,\n      builderOpen,\n      selectedTableInfo,\n      panelRenderers,\n      chartTypes?.length,\n      handleAddDefaultChart,\n      onStart,\n    ],\n  );\n\n  return (\n    <MosaicDashboardContext.Provider value={contextValue}>\n      {children}\n      {selectedTableInfo ? (\n        <MosaicChartBuilder\n          open={builderOpen}\n          onOpenChange={setBuilderOpen}\n          tableName={selectedTableInfo.table.table}\n          columns={builderColumns}\n          chartTypes={chartTypes}\n          onCreateChart={handleCreateChart}\n        >\n          <MosaicChartBuilder.Dialog />\n        </MosaicChartBuilder>\n      ) : null}\n    </MosaicDashboardContext.Provider>\n  );\n}\n\nexport type MosaicDashboardProps = {\n  dashboardId: string;\n  onStart?: MosaicDashboardInitialStateProps['onStart'];\n};\n\nfunction MosaicDashboardComponent({\n  dashboardId,\n  onStart,\n}: MosaicDashboardProps): ReactElement {\n  return (\n    <MosaicDashboardRoot dashboardId={dashboardId} onStart={onStart}>\n      <div className=\"flex h-full flex-col\">\n        <MosaicDashboardToolbar />\n        <div className=\"h-full overflow-y-auto\">\n          <MosaicDashboardPanels />\n        </div>\n      </div>\n    </MosaicDashboardRoot>\n  );\n}\n\ntype MosaicDashboardCompoundComponent = ((\n  props: MosaicDashboardProps,\n) => ReactElement) & {\n  Root: typeof MosaicDashboardRoot;\n  Toolbar: typeof MosaicDashboardToolbar;\n  Panels: typeof MosaicDashboardPanels;\n};\n\nexport const MosaicDashboard: MosaicDashboardCompoundComponent = Object.assign(\n  MosaicDashboardComponent,\n  {\n    Root: MosaicDashboardRoot,\n    Toolbar: MosaicDashboardToolbar,\n    Panels: MosaicDashboardPanels,\n  },\n);\n"]}
+{"version":3,"file":"MosaicDashboard.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAC,iCAAiC,EAAC,MAAM,mBAAmB,CAAC;AACpE,OAAO,EACL,qCAAqC,EACrC,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAC,sBAAsB,EAAC,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAMlE,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,WAAW,GACc;IACzB,MAAM,eAAe,GAAG,2BAA2B,CACjD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,eAAe,CACjD,CAAC;IACF,MAAM,QAAQ,GAAG,2BAA2B,CAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAC1C,CAAC;IAEF,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAC5C,CAAC;IAEF,MAAM,cAAc,GAAG,2BAA2B,CAChD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,cAAc,CAChD,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAyB,OAAO,CAClD,GAAG,EAAE,CACH,iBAAiB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC3C,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,IAAI,EAAE,MAAM,CAAC,IAAI;KAClB,CAAC,CAAC,IAAI,EAAE,EACX,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAa,EAAE,MAAmB,EAAE,EAAE;QACrC,MAAM,KAAK,GAAG,qCAAqC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACnE,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC7B,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,CAAC,CACxB,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,uEAAuE;QACvE,MAAM,KAAK,GAAG,qCAAqC,CAAC,WAAW,EAAE;YAC/D,SAAS,EAAE,WAAW;YACtB,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,IAAI,EAAE,2BAA2B;SAChD,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,WAAW;QACX,cAAc,EAAE,OAAO,CACrB,iBAAiB;YACjB,cAAc,CAAC,iCAAiC,CAAC;YACjD,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAChC;QACD,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC;QACvC,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC;QACzC,cAAc;QACd,eAAe,EAAE,qBAAqB;KACvC,CAAC,EACF;QACE,WAAW;QACX,WAAW;QACX,iBAAiB;QACjB,cAAc;QACd,UAAU,EAAE,MAAM;QAClB,qBAAqB;KACtB,CACF,CAAC;IAEF,OAAO,CACL,MAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,aACjD,QAAQ,EACR,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,kBAAkB,IACjB,IAAI,EAAE,WAAW,EACjB,YAAY,EAAE,cAAc,EAC5B,SAAS,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,EACxC,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,iBAAiB,YAEhC,KAAC,kBAAkB,CAAC,MAAM,KAAG,GACV,CACtB,CAAC,CAAC,CAAC,IAAI,IACwB,CACnC,CAAC;AACJ,CAAC;AAMD,SAAS,wBAAwB,CAAC,EAChC,WAAW,GACU;IACrB,OAAO,CACL,KAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,YAC3C,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,sBAAsB,KAAG,EAC1B,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,qBAAqB,KAAG,GACrB,IACF,GACc,CACvB,CAAC;AACJ,CAAC;AAUD,MAAM,CAAC,MAAM,eAAe,GAAqC,MAAM,CAAC,MAAM,CAC5E,wBAAwB,EACxB;IACE,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,sBAAsB;IAC/B,MAAM,EAAE,qBAAqB;CAC9B,CACF,CAAC","sourcesContent":["import {\n  PropsWithChildren,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {MosaicChartBuilder} from '../MosaicChartBuilder';\nimport {MosaicDashboardContext} from './MosaicDashboardContext';\nimport {MosaicDashboardPanels} from './panel/MosaicDashboardPanels';\nimport {MOSAIC_DASHBOARD_CHART_PANEL_TYPE} from './dashboard-types';\nimport {\n  createMosaicDashboardChartPanelConfig,\n  useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {MosaicDashboardToolbar} from './toolbar/MosaicDashboardToolbar';\nimport {ChartBuilderColumn} from '../charts/chart-types/base-types';\nimport {ChartConfig} from '../charts/chart-types/chart-config';\nimport {useSelectedOrFirstTable} from './useSelectedOrFirstTable';\n\nexport type MosaicDashboardRootProps = PropsWithChildren<{\n  dashboardId: string;\n}>;\n\nexport function MosaicDashboardRoot({\n  children,\n  dashboardId,\n}: MosaicDashboardRootProps) {\n  const ensureDashboard = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.ensureDashboard,\n  );\n  const addPanel = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.addPanel,\n  );\n\n  const chartTypes = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.chartTypes,\n  );\n\n  const panelRenderers = useStoreWithMosaicDashboard(\n    (state) => state.mosaicDashboard.panelRenderers,\n  );\n\n  const [builderOpen, setBuilderOpen] = useState(false);\n\n  const selectedTableInfo = useSelectedOrFirstTable(dashboardId);\n\n  const builderColumns: ChartBuilderColumn[] = useMemo(\n    () =>\n      selectedTableInfo?.columns?.map((column) => ({\n        name: column.name,\n        type: column.type,\n      })) ?? [],\n    [selectedTableInfo],\n  );\n\n  useEffect(() => {\n    ensureDashboard(dashboardId);\n  }, [dashboardId, ensureDashboard]);\n\n  const handleCreateChart = useCallback(\n    (title: string, config: ChartConfig) => {\n      const panel = createMosaicDashboardChartPanelConfig(title, config);\n      addPanel(dashboardId, panel);\n      setBuilderOpen(false);\n    },\n    [addPanel, dashboardId],\n  );\n\n  const handleAddDefaultChart = useCallback(() => {\n    // Create chart panel with default field or empty if no numeric columns\n    const panel = createMosaicDashboardChartPanelConfig('New Chart', {\n      chartType: 'histogram',\n      settings: {},\n      settingsOpen: true, // Open settings by default\n    });\n\n    addPanel(dashboardId, panel);\n  }, [addPanel, dashboardId]);\n\n  const contextValue = useMemo(\n    () => ({\n      dashboardId,\n      builderOpen,\n      canCreateChart: Boolean(\n        selectedTableInfo &&\n        panelRenderers[MOSAIC_DASHBOARD_CHART_PANEL_TYPE] &&\n        (chartTypes?.length ?? 0) !== 0,\n      ),\n      openBuilder: () => setBuilderOpen(true),\n      closeBuilder: () => setBuilderOpen(false),\n      setBuilderOpen,\n      addDefaultChart: handleAddDefaultChart,\n    }),\n    [\n      dashboardId,\n      builderOpen,\n      selectedTableInfo,\n      panelRenderers,\n      chartTypes?.length,\n      handleAddDefaultChart,\n    ],\n  );\n\n  return (\n    <MosaicDashboardContext.Provider value={contextValue}>\n      {children}\n      {selectedTableInfo ? (\n        <MosaicChartBuilder\n          open={builderOpen}\n          onOpenChange={setBuilderOpen}\n          tableName={selectedTableInfo.table.table}\n          columns={builderColumns}\n          chartTypes={chartTypes}\n          onCreateChart={handleCreateChart}\n        >\n          <MosaicChartBuilder.Dialog />\n        </MosaicChartBuilder>\n      ) : null}\n    </MosaicDashboardContext.Provider>\n  );\n}\n\nexport type MosaicDashboardProps = {\n  dashboardId: string;\n};\n\nfunction MosaicDashboardComponent({\n  dashboardId,\n}: MosaicDashboardProps): ReactElement {\n  return (\n    <MosaicDashboardRoot dashboardId={dashboardId}>\n      <div className=\"flex h-full flex-col\">\n        <MosaicDashboardToolbar />\n        <div className=\"h-full overflow-y-auto\">\n          <MosaicDashboardPanels />\n        </div>\n      </div>\n    </MosaicDashboardRoot>\n  );\n}\n\ntype MosaicDashboardCompoundComponent = ((\n  props: MosaicDashboardProps,\n) => ReactElement) & {\n  Root: typeof MosaicDashboardRoot;\n  Toolbar: typeof MosaicDashboardToolbar;\n  Panels: typeof MosaicDashboardPanels;\n};\n\nexport const MosaicDashboard: MosaicDashboardCompoundComponent = Object.assign(\n  MosaicDashboardComponent,\n  {\n    Root: MosaicDashboardRoot,\n    Toolbar: MosaicDashboardToolbar,\n    Panels: MosaicDashboardPanels,\n  },\n);\n"]}

package/dist/dashboard/MosaicDashboardContext.d.ts

@@ -1,4 +1,3 @@
-import type { OnStartDashboard } from './action-types';
 export type MosaicDashboardContextValue = {
     dashboardId: string;
     builderOpen: boolean;
@@ -7,7 +6,6 @@ export type MosaicDashboardContextValue = {
     closeBuilder: () => void;
     setBuilderOpen: (open: boolean) => void;
     addDefaultChart: () => void;
-    onStart?: OnStartDashboard;
 };
 export declare const MosaicDashboardContext: import("react").Context<MosaicDashboardContextValue | null>;
 export declare function useMosaicDashboardContext(): MosaicDashboardContextValue;

package/dist/dashboard/MosaicDashboardContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardContext.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,6DACsB,CAAC;AAE1D,wBAAgB,yBAAyB,IAAI,2BAA2B,CAQvE"}
+{"version":3,"file":"MosaicDashboardContext.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,6DACsB,CAAC;AAE1D,wBAAgB,yBAAyB,IAAI,2BAA2B,CAQvE"}

package/dist/dashboard/MosaicDashboardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MosaicDashboardContext.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAchD,MAAM,CAAC,MAAM,sBAAsB,GACjC,aAAa,CAAqC,IAAI,CAAC,CAAC;AAE1D,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,0GAA0G,CAC3G,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["import {createContext, useContext} from 'react';\nimport type {OnStartDashboard} from './action-types';\n\nexport type MosaicDashboardContextValue = {\n  dashboardId: string;\n  builderOpen: boolean;\n  canCreateChart: boolean;\n  openBuilder: () => void;\n  closeBuilder: () => void;\n  setBuilderOpen: (open: boolean) => void;\n  addDefaultChart: () => void;\n  onStart?: OnStartDashboard;\n};\n\nexport const MosaicDashboardContext =\n  createContext<MosaicDashboardContextValue | null>(null);\n\nexport function useMosaicDashboardContext(): MosaicDashboardContextValue {\n  const ctx = useContext(MosaicDashboardContext);\n  if (!ctx) {\n    throw new Error(\n      'MosaicDashboard compound components must be rendered inside <MosaicDashboard> or <MosaicDashboard.Root>.',\n    );\n  }\n  return ctx;\n}\n"]}
+{"version":3,"file":"MosaicDashboardContext.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAYhD,MAAM,CAAC,MAAM,sBAAsB,GACjC,aAAa,CAAqC,IAAI,CAAC,CAAC;AAE1D,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,0GAA0G,CAC3G,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["import {createContext, useContext} from 'react';\n\nexport type MosaicDashboardContextValue = {\n  dashboardId: string;\n  builderOpen: boolean;\n  canCreateChart: boolean;\n  openBuilder: () => void;\n  closeBuilder: () => void;\n  setBuilderOpen: (open: boolean) => void;\n  addDefaultChart: () => void;\n};\n\nexport const MosaicDashboardContext =\n  createContext<MosaicDashboardContextValue | null>(null);\n\nexport function useMosaicDashboardContext(): MosaicDashboardContextValue {\n  const ctx = useContext(MosaicDashboardContext);\n  if (!ctx) {\n    throw new Error(\n      'MosaicDashboard compound components must be rendered inside <MosaicDashboard> or <MosaicDashboard.Root>.',\n    );\n  }\n  return ctx;\n}\n"]}