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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBuilderTypeGrid.js","sourceRoot":"","sources":["../../src/chart-builders/ChartBuilderTypeGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAChC,OAAc,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,CAAC,MAAM,oBAAoB,GAAwC,CAAC,EACxE,SAAS,EACT,gBAAgB,GAAG,KAAK,GACzB,EAAE,EAAE;IACH,MAAM,EAAC,kBAAkB,EAAC,GAAG,sBAAsB,EAAE,CAAC;IACtD,MAAM,kBAAkB,GAAG,oBAAoB,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CACpC,CAAC;IACF,MAAM,cAAc,GAAG,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAE7E,MAAM,YAAY,GAAG,gBAAgB,IAAI,CAAC,kBAAkB,CAAC;IAC7D,MAAM,cAAc,GAAG,kBAAkB,CAAC,MAAM,CAAC;IACjD,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACH,kBAAkB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,kBAAkB,CAAC,EAC3E,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CACzC,CAAC;IAEF,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,IAAI,cAAc,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,YAAG,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,oFAE7D,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,YACzD,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;YAC3B,MAAM,UAAU,GAAG,gBAAgB,EAAE,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC;YAExD,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,8CAA8C,EAC9C,UAAU,IAAI,iDAAiD,CAChE,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,aAE1C,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,GAAG,EACvD,gBAAM,SAAS,EAAC,SAAS,aACvB,eAAM,SAAS,EAAC,2BAA2B,YACxC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,WAAW,GAClC,EACP,eAAM,SAAS,EAAC,qCAAqC,YAClD,QAAQ,CAAC,WAAW,GAChB,IACF,KAjBF,QAAQ,CAAC,EAAE,CAkBT,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport React, {useMemo} from 'react';\nimport {\n  useChartBuilderContext,\n  useChartBuilderStore,\n} from './ChartBuilderContext';\n\nexport interface ChartBuilderTypeGridProps {\n  className?: string;\n  showWhenSelected?: boolean;\n}\n\nexport const ChartBuilderTypeGrid: React.FC<ChartBuilderTypeGridProps> = ({\n  className,\n  showWhenSelected = false,\n}) => {\n  const {availableTemplates} = useChartBuilderContext();\n  const selectedTemplateId = useChartBuilderStore(\n    (state) => state.selectedTemplateId,\n  );\n  const selectTemplate = useChartBuilderStore((state) => state.selectTemplate);\n\n  const shouldRender = showWhenSelected || !selectedTemplateId;\n  const availableCount = availableTemplates.length;\n  const selectedTemplate = useMemo(\n    () =>\n      availableTemplates.find((template) => template.id === selectedTemplateId),\n    [availableTemplates, selectedTemplateId],\n  );\n\n  if (!shouldRender) return null;\n\n  if (availableCount === 0) {\n    return (\n      <p className={cn('text-muted-foreground py-4 text-sm', className)}>\n        No built-in chart types are available for the current table schema.\n      </p>\n    );\n  }\n\n  return (\n    <div className={cn('grid grid-cols-2 gap-2 py-2', className)}>\n      {availableTemplates.map((template) => {\n        const Icon = template.icon;\n        const isSelected = selectedTemplate?.id === template.id;\n\n        return (\n          <button\n            key={template.id}\n            type=\"button\"\n            className={cn(\n              'flex items-start gap-3 rounded-md border p-3 text-left transition-colors',\n              'hover:bg-accent hover:text-accent-foreground',\n              isSelected && 'border-primary bg-accent text-accent-foreground',\n            )}\n            onClick={() => selectTemplate(template.id)}\n          >\n            <Icon className=\"mt-0.5 h-5 w-5 shrink-0 opacity-70\" />\n            <span className=\"min-w-0\">\n              <span className=\"block text-sm font-medium\">\n                {template.label ?? template.description}\n              </span>\n              <span className=\"text-muted-foreground block text-xs\">\n                {template.description}\n              </span>\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,15 @@
+import { type FC } from 'react';
+import { TableColumn } from '@sqlrooms/db';
+export interface ColumnSelectorProps {
+    types?: string[];
+    columns?: TableColumn[];
+    value: string | undefined;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+export declare const ColumnSelector: FC<ColumnSelectorProps> & {
+    Numeric: FC<Omit<ColumnSelectorProps, "types">>;
+    Quantitative: FC<Omit<ColumnSelectorProps, "types">>;
+    Categorical: FC<Omit<ColumnSelectorProps, "types">>;
+};
+//# sourceMappingURL=ColumnSelector.d.ts.map

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

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

package/dist/chart-builders/ColumnSelector.js

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

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

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

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

@@ -0,0 +1,11 @@
+import type { FC, PropsWithChildren } from 'react';
+export type FieldProps = PropsWithChildren<{
+    label: string;
+    required?: boolean;
+}>;
+/**
+ * Layout wrapper that provides a label and grid container for horizontal
+ * arrangement of child selectors (e.g., ColumnSelector, TemporalGranularitySelector).
+ */
+export declare const Field: FC<FieldProps>;
+//# sourceMappingURL=Field.d.ts.map

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

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

package/dist/chart-builders/Field.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Layout wrapper that provides a label and grid container for horizontal
+ * arrangement of child selectors (e.g., ColumnSelector, TemporalGranularitySelector).
+ */
+export const Field = ({ label, required, children }) => {
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("label", { className: "text-xs font-medium", children: [label, required && _jsx("span", { className: "text-destructive ml-1", children: "*" })] }), _jsx("div", { className: "grid items-end gap-2", style: { gridTemplateColumns: 'auto' }, children: children })] }));
+};
+//# sourceMappingURL=Field.js.map

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

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

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

@@ -1,10 +1,11 @@
 import React from 'react';
-import { ChartBuilderColumn, ChartBuilderField } from './types';
+import { ChartBuilderColumn, ChartBuilderField } from '../chart-types/base-types';
 export interface FieldSelectorInputProps {
     field: ChartBuilderField;
     columns: ChartBuilderColumn[];
     value: string | undefined;
     onChange: (value: string) => void;
+    placeholder?: string;
 }
 /**
  * A searchable dropdown selector for choosing a table column for a chart builder field.

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSelectorInput.d.ts","sourceRoot":"","sources":["../../src/chart-builders/FieldSelectorInput.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+EhE,CAAC"}
+{"version":3,"file":"FieldSelectorInput.d.ts","sourceRoot":"","sources":["../../src/chart-builders/FieldSelectorInput.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAE,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAEhF,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+EhE,CAAC"}

package/dist/chart-builders/FieldSelectorInput.js

@@ -5,15 +5,15 @@ import { useState } from 'react';
 /**
  * A searchable dropdown selector for choosing a table column for a chart builder field.
  */
-export const FieldSelectorInput = ({ field, columns, value, onChange, }) => {
+export const FieldSelectorInput = ({ field, columns, value, onChange, placeholder = 'Select...', }) => {
     const [open, setOpen] = useState(false);
     const filteredColumns = field.types
         ? columns.filter((col) => field.types.some((t) => col.type.toUpperCase() === t.toUpperCase()))
         : columns;
     const selectedColumn = filteredColumns.find((col) => col.name === value);
-    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("label", { className: "text-sm font-medium", children: [field.label, field.required && _jsx("span", { className: "text-destructive ml-1", children: "*" })] }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: "w-full justify-between font-normal", children: [selectedColumn ? (_jsxs("span", { className: "flex items-center gap-2 truncate", children: [_jsx("span", { className: "truncate", children: selectedColumn.name }), _jsx("span", { className: "text-muted-foreground text-xs", children: selectedColumn.type })] })) : (_jsxs("span", { className: "text-muted-foreground", children: ["Select ", field.label.toLowerCase(), "..."] })), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search columns...` }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No matching column." }), _jsx(CommandGroup, { children: filteredColumns.map((col) => (_jsxs(CommandItem, { value: col.name, onSelect: (currentValue) => {
-                                                    onChange(currentValue);
-                                                    setOpen(false);
-                                                }, children: [_jsx(Check, { className: cn('mr-2 h-4 w-4 shrink-0', value === col.name ? 'opacity-100' : 'opacity-0') }), _jsx("span", { className: "truncate", children: col.name }), _jsx("span", { className: "text-muted-foreground ml-auto text-xs", children: col.type })] }, col.name))) })] })] }) })] })] }));
+    return (_jsx("div", { className: "@container flex flex-col gap-1", children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: "h-8 w-full justify-between text-xs font-normal", children: [selectedColumn ? (_jsxs("span", { className: "flex min-w-0 items-baseline gap-1", children: [_jsx("span", { className: "truncate text-xs", children: selectedColumn.name }), _jsx("span", { className: "text-muted-foreground hidden overflow-hidden text-[8px] whitespace-nowrap @[180px]:inline", children: selectedColumn.type })] })) : (_jsx("span", { className: "text-muted-foreground truncate text-xs", children: placeholder })), _jsx(ChevronsUpDown, { className: "ml-2 h-3.5 w-3.5 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0 text-xs", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search columns...`, className: "text-xs" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No matching column." }), _jsx(CommandGroup, { children: filteredColumns.map((col) => (_jsxs(CommandItem, { value: col.name, onSelect: (currentValue) => {
+                                                onChange(currentValue);
+                                                setOpen(false);
+                                            }, children: [_jsx(Check, { className: cn('mr-2 h-3.5 w-3.5 shrink-0', value === col.name ? 'opacity-100' : 'opacity-0') }), _jsx("span", { className: "truncate text-xs", children: col.name }), _jsx("span", { className: "text-muted-foreground ml-auto text-[8px]", children: col.type })] }, col.name))) })] })] }) })] }) }));
 };
 //# sourceMappingURL=FieldSelectorInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldSelectorInput.js","sourceRoot":"","sources":["../../src/chart-builders/FieldSelectorInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Button,\n  cn,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown} from 'lucide-react';\nimport React, {useState} from 'react';\nimport {ChartBuilderColumn, ChartBuilderField} from './types';\n\nexport interface FieldSelectorInputProps {\n  field: ChartBuilderField;\n  columns: ChartBuilderColumn[];\n  value: string | undefined;\n  onChange: (value: string) => void;\n}\n\n/**\n * A searchable dropdown selector for choosing a table column for a chart builder field.\n */\nexport const FieldSelectorInput: React.FC<FieldSelectorInputProps> = ({\n  field,\n  columns,\n  value,\n  onChange,\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const filteredColumns = field.types\n    ? columns.filter((col) =>\n        field.types!.some((t) => col.type.toUpperCase() === t.toUpperCase()),\n      )\n    : columns;\n\n  const selectedColumn = filteredColumns.find((col) => col.name === value);\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <label className=\"text-sm font-medium\">\n        {field.label}\n        {field.required && <span className=\"text-destructive ml-1\">*</span>}\n      </label>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"w-full justify-between font-normal\"\n          >\n            {selectedColumn ? (\n              <span className=\"flex items-center gap-2 truncate\">\n                <span className=\"truncate\">{selectedColumn.name}</span>\n                <span className=\"text-muted-foreground text-xs\">\n                  {selectedColumn.type}\n                </span>\n              </span>\n            ) : (\n              <span className=\"text-muted-foreground\">\n                Select {field.label.toLowerCase()}...\n              </span>\n            )}\n            <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-[--radix-popover-trigger-width] p-0\">\n          <Command>\n            <CommandInput placeholder={`Search columns...`} />\n            <CommandList>\n              <CommandEmpty>No matching column.</CommandEmpty>\n              <CommandGroup>\n                {filteredColumns.map((col) => (\n                  <CommandItem\n                    key={col.name}\n                    value={col.name}\n                    onSelect={(currentValue) => {\n                      onChange(currentValue);\n                      setOpen(false);\n                    }}\n                  >\n                    <Check\n                      className={cn(\n                        'mr-2 h-4 w-4 shrink-0',\n                        value === col.name ? 'opacity-100' : 'opacity-0',\n                      )}\n                    />\n                    <span className=\"truncate\">{col.name}</span>\n                    <span className=\"text-muted-foreground ml-auto text-xs\">\n                      {col.type}\n                    </span>\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"FieldSelectorInput.js","sourceRoot":"","sources":["../../src/chart-builders/FieldSelectorInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,EAAE,EACF,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,OAAc,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAWtC;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,GAAG,WAAW,GAC1B,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK;QACjC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CACrB,KAAK,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CACrE;QACH,CAAC,CAAC,OAAO,CAAC;IAEZ,MAAM,cAAc,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IAEzE,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,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,UAAU,mBACA,IAAI,EACnB,SAAS,EAAC,gDAAgD,aAEzD,cAAc,CAAC,CAAC,CAAC,CAChB,gBAAM,SAAS,EAAC,mCAAmC,aACjD,eAAM,SAAS,EAAC,kBAAkB,YAAE,cAAc,CAAC,IAAI,GAAQ,EAC/D,eAAM,SAAS,EAAC,2FAA2F,YACxG,cAAc,CAAC,IAAI,GACf,IACF,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,wCAAwC,YACrD,WAAW,GACP,CACR,EACD,KAAC,cAAc,IAAC,SAAS,EAAC,sCAAsC,GAAG,IAC5D,GACM,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,+CAA+C,YACvE,MAAC,OAAO,eACN,KAAC,YAAY,IACX,WAAW,EAAE,mBAAmB,EAChC,SAAS,EAAC,SAAS,GACnB,EACF,MAAC,WAAW,eACV,KAAC,YAAY,sCAAmC,EAChD,KAAC,YAAY,cACV,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC5B,MAAC,WAAW,IAEV,KAAK,EAAE,GAAG,CAAC,IAAI,EACf,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE;gDACzB,QAAQ,CAAC,YAAY,CAAC,CAAC;gDACvB,OAAO,CAAC,KAAK,CAAC,CAAC;4CACjB,CAAC,aAED,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,KAAK,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CACjD,GACD,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,GAAG,CAAC,IAAI,GAAQ,EACpD,eAAM,SAAS,EAAC,0CAA0C,YACvD,GAAG,CAAC,IAAI,GACJ,KAhBF,GAAG,CAAC,IAAI,CAiBD,CACf,CAAC,GACW,IACH,IACN,GACK,IACT,GACN,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button,\n  cn,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown} from 'lucide-react';\nimport React, {useState} from 'react';\nimport {ChartBuilderColumn, ChartBuilderField} from '../chart-types/base-types';\n\nexport interface FieldSelectorInputProps {\n  field: ChartBuilderField;\n  columns: ChartBuilderColumn[];\n  value: string | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string;\n}\n\n/**\n * A searchable dropdown selector for choosing a table column for a chart builder field.\n */\nexport const FieldSelectorInput: React.FC<FieldSelectorInputProps> = ({\n  field,\n  columns,\n  value,\n  onChange,\n  placeholder = 'Select...',\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const filteredColumns = field.types\n    ? columns.filter((col) =>\n        field.types!.some((t) => col.type.toUpperCase() === t.toUpperCase()),\n      )\n    : columns;\n\n  const selectedColumn = filteredColumns.find((col) => col.name === value);\n\n  return (\n    <div className=\"@container flex flex-col gap-1\">\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            className=\"h-8 w-full justify-between text-xs font-normal\"\n          >\n            {selectedColumn ? (\n              <span className=\"flex min-w-0 items-baseline gap-1\">\n                <span className=\"truncate text-xs\">{selectedColumn.name}</span>\n                <span className=\"text-muted-foreground hidden overflow-hidden text-[8px] whitespace-nowrap @[180px]:inline\">\n                  {selectedColumn.type}\n                </span>\n              </span>\n            ) : (\n              <span className=\"text-muted-foreground truncate text-xs\">\n                {placeholder}\n              </span>\n            )}\n            <ChevronsUpDown className=\"ml-2 h-3.5 w-3.5 shrink-0 opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-[--radix-popover-trigger-width] p-0 text-xs\">\n          <Command>\n            <CommandInput\n              placeholder={`Search columns...`}\n              className=\"text-xs\"\n            />\n            <CommandList>\n              <CommandEmpty>No matching column.</CommandEmpty>\n              <CommandGroup>\n                {filteredColumns.map((col) => (\n                  <CommandItem\n                    key={col.name}\n                    value={col.name}\n                    onSelect={(currentValue) => {\n                      onChange(currentValue);\n                      setOpen(false);\n                    }}\n                  >\n                    <Check\n                      className={cn(\n                        'mr-2 h-3.5 w-3.5 shrink-0',\n                        value === col.name ? 'opacity-100' : 'opacity-0',\n                      )}\n                    />\n                    <span className=\"truncate text-xs\">{col.name}</span>\n                    <span className=\"text-muted-foreground ml-auto text-[8px]\">\n                      {col.type}\n                    </span>\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,14 @@
+import { type FC } from 'react';
+import type { YFieldConfig } from '../chart-types/line-chart/schema';
+export interface MultiFieldSelectorProps {
+    types?: string[];
+    value: YFieldConfig[];
+    onChange: (value: YFieldConfig[]) => void;
+    showAggregation?: boolean;
+}
+export declare const MultiFieldSelector: FC<MultiFieldSelectorProps> & {
+    Numeric: FC<Omit<MultiFieldSelectorProps, "types">>;
+    Quantitative: FC<Omit<MultiFieldSelectorProps, "types">>;
+    Categorical: FC<Omit<MultiFieldSelectorProps, "types">>;
+};
+//# sourceMappingURL=MultiFieldSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFieldSelector.d.ts","sourceRoot":"","sources":["../../src/chart-builders/MultiFieldSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AAUpD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAEnE,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAsHD,eAAO,MAAM,kBAAkB;;;;CAI7B,CAAC"}

package/dist/chart-builders/MultiFieldSelector.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@sqlrooms/ui';
+import { Trash2 } from 'lucide-react';
+import { useCallback, useMemo } from 'react';
+import { ColumnSelector } from './ColumnSelector';
+import { AggregationSelector } from './AggregationSelector';
+import { useChartSettingsContext } from '../chart/chart-settings/ChartSettingsContext';
+import { NUMERIC_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, CATEGORICAL_COLUMN_TYPES, } from './constants';
+/**
+ * Manages an array of field configurations with add/update/remove logic.
+ * Emits the full updated array on every change.
+ *
+ * Can be used as:
+ * - `<MultiFieldSelector types={...} />` - custom types
+ * - `<MultiFieldSelector.Numeric />` - numeric types only
+ * - `<MultiFieldSelector.Quantitative />` - numeric + temporal
+ * - `<MultiFieldSelector.Categorical />` - text/enum types
+ */
+const MultiFieldSelectorRoot = ({ types, value, onChange, showAggregation = false, }) => {
+    const { columns } = useChartSettingsContext();
+    const selectedFieldNames = useMemo(() => value.map((v) => v.field), [value]);
+    const availableColumns = useMemo(() => columns.filter((col) => !selectedFieldNames.includes(col.name)), [columns, selectedFieldNames]);
+    const handleUpdate = useCallback((index, updates) => {
+        const updated = [...value];
+        updated[index] = { ...updated[index], ...updates };
+        onChange(updated);
+    }, [value, onChange]);
+    const handleRemove = useCallback((index) => {
+        onChange(value.filter((_, i) => i !== index));
+    }, [value, onChange]);
+    const handleAdd = useCallback((fieldName) => {
+        if (fieldName) {
+            onChange([...value, { field: fieldName, aggregate: 'sum' }]);
+        }
+    }, [value, onChange]);
+    return (_jsxs("div", { className: "space-y-1", children: [value.map((fieldConfig, index) => {
+                const aggregate = fieldConfig.aggregate || 'sum';
+                return (_jsxs("div", { className: "grid items-end gap-2", style: {
+                        gridTemplateColumns: showAggregation
+                            ? 'minmax(120px, 1fr) 100px 32px'
+                            : 'minmax(120px, 1fr) 32px',
+                    }, children: [_jsx(ColumnSelector, { columns: columns, types: types, value: fieldConfig.field, onChange: (newField) => handleUpdate(index, { field: newField }) }), showAggregation && (_jsx(AggregationSelector, { value: aggregate, onChange: (agg) => handleUpdate(index, { aggregate: agg }) })), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => handleRemove(index), className: "h-8 w-8 shrink-0", children: _jsx(Trash2, { className: "text-destructive h-4 w-4" }) })] }, fieldConfig.field));
+            }), _jsx(ColumnSelector, { columns: availableColumns, types: types, value: undefined, onChange: handleAdd, placeholder: "Select field..." })] }));
+};
+const Numeric = (props) => (_jsx(MultiFieldSelectorRoot, { ...props, types: NUMERIC_COLUMN_TYPES }));
+const Quantitative = (props) => (_jsx(MultiFieldSelectorRoot, { ...props, types: QUANTITATIVE_COLUMN_TYPES }));
+const Categorical = (props) => (_jsx(MultiFieldSelectorRoot, { ...props, types: CATEGORICAL_COLUMN_TYPES }));
+export const MultiFieldSelector = Object.assign(MultiFieldSelectorRoot, {
+    Numeric,
+    Quantitative,
+    Categorical,
+});
+//# sourceMappingURL=MultiFieldSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiFieldSelector.js","sourceRoot":"","sources":["../../src/chart-builders/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 {AggregationSelector} from './AggregationSelector';\nimport type {AggregateFunction} from '../chart-types/line-chart/schema';\nimport {useChartSettingsContext} from '../chart/chart-settings/ChartSettingsContext';\nimport {\n  NUMERIC_COLUMN_TYPES,\n  QUANTITATIVE_COLUMN_TYPES,\n  CATEGORICAL_COLUMN_TYPES,\n} from './constants';\nimport type {YFieldConfig} from '../chart-types/line-chart/schema';\n\nexport interface MultiFieldSelectorProps {\n  types?: string[];\n  value: YFieldConfig[];\n  onChange: (value: YFieldConfig[]) => void;\n  showAggregation?: boolean;\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  showAggregation = false,\n}) => {\n  const {columns} = useChartSettingsContext();\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  const handleAdd = useCallback(\n    (fieldName: string) => {\n      if (fieldName) {\n        onChange([...value, {field: fieldName, aggregate: 'sum'}]);\n      }\n    },\n    [value, onChange],\n  );\n\n  return (\n    <div className=\"space-y-1\">\n      {value.map((fieldConfig, index) => {\n        const aggregate = fieldConfig.aggregate || 'sum';\n\n        return (\n          <div\n            key={fieldConfig.field}\n            className=\"grid items-end gap-2\"\n            style={{\n              gridTemplateColumns: showAggregation\n                ? 'minmax(120px, 1fr) 100px 32px'\n                : 'minmax(120px, 1fr) 32px',\n            }}\n          >\n            <ColumnSelector\n              columns={columns}\n              types={types}\n              value={fieldConfig.field}\n              onChange={(newField) => handleUpdate(index, {field: newField})}\n            />\n\n            {showAggregation && (\n              <AggregationSelector\n                value={aggregate}\n                onChange={(agg: AggregateFunction) =>\n                  handleUpdate(index, {aggregate: agg})\n                }\n              />\n            )}\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      <ColumnSelector\n        columns={availableColumns}\n        types={types}\n        value={undefined}\n        onChange={handleAdd}\n        placeholder=\"Select field...\"\n      />\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/chart-builders/TemporalGranularitySelector.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalGranularitySelector.d.ts","sourceRoot":"","sources":["../../src/chart-builders/TemporalGranularitySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,EAAO,MAAM,OAAO,CAAC;AASpC,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAElE,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,CAoCzE,CAAC"}

package/dist/chart-builders/TemporalGranularitySelector.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '@sqlrooms/ui';
+import { TEMPORAL_COLUMN_TYPES } from './constants';
+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 }) => {
+    // Only render if X field is temporal
+    if (!isTemporalField(xFieldType)) {
+        return null;
+    }
+    const handleValueChange = (newValue) => {
+        if (newValue === NONE) {
+            onChange(undefined);
+        }
+        else {
+            onChange(newValue);
+        }
+    };
+    return (_jsxs(Select, { value: value || NONE, onValueChange: handleValueChange, children: [_jsx(SelectTrigger, { className: "h-8 text-xs shadow-none", children: _jsx(SelectValue, { placeholder: "None" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NONE, className: "text-xs", children: "None" }), TEMPORAL_INTERVALS.map((interval) => (_jsx(SelectItem, { value: interval.value, className: "text-xs", children: interval.label }, interval.value)))] })] }));
+});
+TemporalGranularitySelector.displayName = 'TemporalGranularitySelector';
+//# sourceMappingURL=TemporalGranularitySelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemporalGranularitySelector.js","sourceRoot":"","sources":["../../src/chart-builders/TemporalGranularitySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,IAAI,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,qBAAqB,EAAC,MAAM,aAAa,CAAC;AASlD,MAAM,kBAAkB,GAAG;IACzB,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;IACpC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;IAC5B,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;IAC9B,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;IAClC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;CAC1B,CAAC;AAEX,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,SAAS,eAAe,CAAC,SAAkB;IACzC,IAAI,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IAC7B,OAAO,qBAAqB,CAAC,IAAI,CAC/B,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,CACzD,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GACtC,IAAI,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE;IACrC,qCAAqC;IACrC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAwC,EAAE,EAAE;QACrE,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,aAAa,EAAE,iBAAiB,aAC5D,KAAC,aAAa,IAAC,SAAS,EAAC,yBAAyB,YAChD,KAAC,WAAW,IAAC,WAAW,EAAC,MAAM,GAAG,GACpB,EAChB,MAAC,aAAa,eACZ,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAC,SAAS,qBAE/B,EACZ,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACpC,KAAC,UAAU,IAET,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,SAAS,EAAC,SAAS,YAElB,QAAQ,CAAC,KAAK,IAJV,QAAQ,CAAC,KAAK,CAKR,CACd,CAAC,IACY,IACT,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC","sourcesContent":["import {type FC, memo} from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@sqlrooms/ui';\nimport {TEMPORAL_COLUMN_TYPES} from './constants';\nimport {TemporalInterval} from '../chart-types/line-chart/schema';\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    // Only render if X field is temporal\n    if (!isTemporalField(xFieldType)) {\n      return null;\n    }\n\n    const handleValueChange = (newValue: TemporalInterval | typeof NONE) => {\n      if (newValue === NONE) {\n        onChange(undefined);\n      } else {\n        onChange(newValue);\n      }\n    };\n\n    return (\n      <Select value={value || NONE} onValueChange={handleValueChange}>\n        <SelectTrigger className=\"h-8 text-xs shadow-none\">\n          <SelectValue placeholder=\"None\" />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectItem value={NONE} className=\"text-xs\">\n            None\n          </SelectItem>\n          {TEMPORAL_INTERVALS.map((interval) => (\n            <SelectItem\n              key={interval.value}\n              value={interval.value}\n              className=\"text-xs\"\n            >\n              {interval.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    );\n  });\n\nTemporalGranularitySelector.displayName = 'TemporalGranularitySelector';\n"]}

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

@@ -1,7 +1,6 @@
-import type { ChartSpec } from './types';
+import type { ChartTypeDefinition } from '../chart-types/base-types';
 /**
- * Human-readable chart title from a spec and selected field values.
- * Matches the logic used in {@link ChartBuilderContent}.
+ * Human-readable chart title from a chart type and selected field values.
  */
-export declare function buildChartTitleForSpec(spec: Pick<ChartSpec, 'description' | 'fields'>, fieldValues: Record<string, string>): string;
+export declare function buildChartTitleForSpec(spec: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>, fieldValues: Record<string, string>): string;
 //# sourceMappingURL=chartSpecTitle.d.ts.map

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,SAAS,EAAC,MAAM,SAAS,CAAC;AAEvC;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,QAAQ,CAAC,EAC/C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,MAAM,CAIR"}
+{"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"}

package/dist/chart-builders/chartSpecTitle.js

@@ -1,10 +1,8 @@
+import { buildChartTypeTitle } from './chartTypeUtils';
 /**
- * Human-readable chart title from a spec and selected field values.
- * Matches the logic used in {@link ChartBuilderContent}.
+ * Human-readable chart title from a chart type and selected field values.
  */
 export function buildChartTitleForSpec(spec, fieldValues) {
-    return spec.fields.length > 0
-        ? `${spec.description.replace(/^Create (a |an )?/, '')} - ${Object.values(fieldValues).join(', ')}`
-        : spec.description.replace(/^Create (a |an )?/, '');
+    return buildChartTypeTitle(spec, fieldValues);
 }
 //# sourceMappingURL=chartSpecTitle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chartSpecTitle.js","sourceRoot":"","sources":["../../src/chart-builders/chartSpecTitle.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CACpC,IAA+C,EAC/C,WAAmC;IAEnC,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;QAC3B,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,MAAM,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACnG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;AACxD,CAAC","sourcesContent":["import type {ChartSpec} from './types';\n\n/**\n * Human-readable chart title from a spec and selected field values.\n * Matches the logic used in {@link ChartBuilderContent}.\n */\nexport function buildChartTitleForSpec(\n  spec: Pick<ChartSpec, 'description' | 'fields'>,\n  fieldValues: Record<string, string>,\n): string {\n  return spec.fields.length > 0\n    ? `${spec.description.replace(/^Create (a |an )?/, '')} - ${Object.values(fieldValues).join(', ')}`\n    : spec.description.replace(/^Create (a |an )?/, '');\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 '../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

@@ -0,0 +1,13 @@
+import type { ChartTypeDefinition } from '../chart-types/base-types';
+export { NUMERIC_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, } from './constants';
+/**
+ * Build a default chart title from description and field values
+ */
+export declare function buildDefaultChartTitle(description: string, fieldValues: Record<string, unknown>): string;
+/**
+ * Create a title builder function from a description string
+ */
+export declare function titleFromDescription(description: string): (fieldValues: Record<string, unknown>) => string;
+export declare function buildChartTypeTitle(chartType: Pick<ChartTypeDefinition, 'description' | 'buildTitle'>, fieldValues: Record<string, unknown>): string;
+export declare function canCreateChartFromType(chartTypeDefinition: ChartTypeDefinition | null | undefined, fieldValues: Record<string, unknown>): boolean;
+//# sourceMappingURL=chartTypeUtils.d.ts.map

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

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

package/dist/chart-builders/chartTypeUtils.js

@@ -0,0 +1,47 @@
+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)
+ */
+function hasFieldProperty(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        'field' in value &&
+        typeof value.field === 'string');
+}
+/**
+ * Build a default chart title from description and field values
+ */
+export function buildDefaultChartTitle(description, fieldValues) {
+    const baseTitle = description.replace(/^Create (a |an )?/, '');
+    const selectedFields = Object.values(fieldValues)
+        .filter(Boolean)
+        .map((value) => {
+        // Handle array values (e.g., yFields)
+        if (Array.isArray(value)) {
+            return value
+                .map((item) => (hasFieldProperty(item) ? item.field : item))
+                .filter(Boolean)
+                .join(', ');
+        }
+        return String(value);
+    })
+        .filter(Boolean);
+    return selectedFields.length > 0
+        ? `${baseTitle} - ${selectedFields.join(', ')}`
+        : baseTitle;
+}
+/**
+ * Create a title builder function from a description string
+ */
+export function titleFromDescription(description) {
+    return (fieldValues) => buildDefaultChartTitle(description, fieldValues);
+}
+export function buildChartTypeTitle(chartType, fieldValues) {
+    return chartType.buildTitle
+        ? chartType.buildTitle(fieldValues)
+        : buildDefaultChartTitle(chartType.description, fieldValues);
+}
+export function canCreateChartFromType(chartTypeDefinition, fieldValues) {
+    return chartTypeDefinition?.schema.safeParse(fieldValues)?.success ?? false;
+}
+//# sourceMappingURL=chartTypeUtils.js.map

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

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

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

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

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

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

package/dist/chart-builders/constants.js

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

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

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

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

@@ -0,0 +1,11 @@
+import { ChartType } from '../chart-types';
+export type ChartBuilderStoreState = {
+    selectedTemplateId?: ChartType;
+    fieldValues: Record<string, unknown>;
+    reset: () => void;
+    selectTemplate: (templateId: ChartType) => void;
+    setFieldValue: (fieldKey: string, value: unknown) => void;
+};
+export type ChartBuilderStore = ReturnType<typeof createChartBuilderStore>;
+export declare function createChartBuilderStore(): import("zustand").StoreApi<ChartBuilderStoreState>;
+//# sourceMappingURL=createChartBuilderStore.d.ts.map

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

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

package/dist/chart-builders/createChartBuilderStore.js

@@ -0,0 +1,26 @@
+import { produce } from 'immer';
+import { createStore } from 'zustand/vanilla';
+export function createChartBuilderStore() {
+    return createStore((set) => ({
+        selectedTemplateId: undefined,
+        fieldValues: {},
+        reset: () => {
+            set((state) => produce(state, (draft) => {
+                draft.selectedTemplateId = undefined;
+                draft.fieldValues = {};
+            }));
+        },
+        selectTemplate: (templateId) => {
+            set((state) => produce(state, (draft) => {
+                draft.selectedTemplateId = templateId;
+                draft.fieldValues = {};
+            }));
+        },
+        setFieldValue: (fieldKey, value) => {
+            set((state) => produce(state, (draft) => {
+                draft.fieldValues[fieldKey] = value;
+            }));
+        },
+    }));
+}
+//# sourceMappingURL=createChartBuilderStore.js.map

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

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