@pixerate/editor-react 0.35.1 → 0.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/chart/index.cjs +260 -30
  2. package/dist/chart/index.cjs.map +1 -1
  3. package/dist/chart/index.d.cts +87 -6
  4. package/dist/chart/index.d.ts +87 -6
  5. package/dist/chart/index.js +305 -62
  6. package/dist/chart/index.js.map +1 -1
  7. package/package.json +3 -3
package/dist/chart/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/chart/useChartEditor.ts","../../src/chart/styles.ts","../../src/chart/ChartCanvas.tsx","../../src/chart/ChartDataGrid.tsx","../../src/chart/ChartInspector.tsx","../../src/chart/ChartEditor.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\nimport {\n ChartController,\n createChartCommands,\n type ChartActionResult,\n type ChartCommandOptions,\n type ChartControllerOptions,\n type ChartSelection,\n type ChartSpecPatch,\n type ChartState,\n type ChartType,\n} from '@pixerate/editor/chart';\n\n/** A `ChartController` created once for the component's lifetime. */\nexport function useChartController(options: ChartControllerOptions = {}): ChartController {\n const ref = useRef<ChartController | null>(null);\n if (!ref.current) ref.current = new ChartController(options);\n return ref.current;\n}\n\n/** The controller's state (re-renders on every change). */\nexport function useChartState(controller: ChartController): ChartState {\n return useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);\n}\n\nexport interface UseChartEditorResult {\n controller: ChartController;\n state: ChartState;\n spec: ChartState['spec'];\n selection: ChartSelection | null;\n update: (patch: ChartSpecPatch) => ChartActionResult;\n setType: (type: ChartType) => ChartActionResult;\n setValue: (seriesId: string, index: number, value: unknown) => ChartActionResult;\n select: (selection: ChartSelection | null) => void;\n undo: () => void;\n redo: () => void;\n}\n\n/**\n * Subscribes to a chart controller and exposes its state with bound actions. Pass options\n * instead of a controller to create one for the component's lifetime.\n */\nexport function useChartEditor(controllerOrOptions: ChartController | ChartControllerOptions = {}): UseChartEditorResult {\n const own = useRef<ChartController | null>(null);\n let controller: ChartController;\n if (controllerOrOptions instanceof ChartController) controller = controllerOrOptions;\n else {\n if (!own.current) own.current = new ChartController(controllerOrOptions);\n controller = own.current;\n }\n const state = useChartState(controller);\n const actions = useMemo(\n () => ({\n update: (patch: ChartSpecPatch) => controller.update(patch),\n setType: (type: ChartType) => controller.setType(type),\n setValue: (seriesId: string, index: number, value: unknown) => controller.setValue(seriesId, index, value),\n select: (selection: ChartSelection | null) => controller.select(selection),\n undo: () => void controller.undo(),\n redo: () => void controller.redo(),\n }),\n [controller],\n );\n return { controller, state, spec: state.spec, selection: state.selection, ...actions };\n}\n\n/** Anything with `register(specs) → unregister` (a `CommandRegistry`). */\nexport interface ChartCommandTarget {\n register(specs: any): () => void;\n}\n\n/**\n * Registers the controller's palette / agent commands (`chart.describe`, `chart.update`,\n * `chart.setValues`, …) in `registry` while mounted.\n */\nexport function useChartCommands(registry: ChartCommandTarget | null | undefined, controller: ChartController, options: ChartCommandOptions = {}): void {\n const { prefix, group, scope } = options;\n useEffect(() => {\n if (!registry) return;\n return registry.register(createChartCommands(controller, { prefix, group, scope }));\n }, [registry, controller, prefix, group, scope]);\n}\n","// Class names shared by the chart components (the same as the Svelte package's).\nexport const chartInputClass =\n 'h-7 w-full min-w-0 rounded-md border border-input bg-background px-2 text-xs text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50';\nexport const chartButtonClass =\n 'inline-flex h-7 items-center justify-center gap-1 rounded-md border border-input bg-background px-2 text-xs text-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50';\nexport const chartIconButtonClass =\n 'inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-40';\nexport const chartSegmentClass = (active: boolean) =>\n `inline-flex h-7 flex-1 items-center justify-center rounded px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary ${\n active ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'\n }`;\nexport const chartLabelClass = 'text-[11px] font-medium text-muted-foreground';\nexport const chartSectionClass = 'space-y-2 border-b border-border pb-3 last:border-b-0';\nexport const chartCellClass =\n 'h-7 w-full min-w-[4.5rem] bg-transparent px-2 text-right text-xs tabular-nums text-foreground focus-visible:bg-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-primary';\n","import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n CSS_VARIABLE_CHART_THEME,\n chartClientToScene,\n chartTextBaseline,\n chartTextTransform,\n describeChartSelection,\n handleChartKey,\n layoutChart,\n startChartPointDrag,\n type ChartController,\n type ChartMark,\n type ChartPointDrag,\n type ChartTextMeasure,\n type ChartTheme,\n} from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\n\nexport interface ChartCanvasProps {\n controller: ChartController;\n /** Scene width; with `responsive` this is only the fallback before the container is measured (default 640). */\n width?: number;\n /** Scene height in pixels (default 400). */\n height?: number;\n /** Follow the container's width (default `true`). */\n responsive?: boolean;\n /** Colours and type (default: shadcn-style CSS variables). */\n theme?: Partial<ChartTheme>;\n /** Click to select, drag bars and points, keyboard editing (default `true`). */\n editable?: boolean;\n /** Text width for layout (default: an estimate). */\n measureText?: ChartTextMeasure;\n emptyMessage?: string;\n className?: string;\n}\n\n/** SVG attributes for one mark (colours go in `style` so CSS variables work). */\nfunction renderMark(mark: ChartMark, fontFamily: string, interactive: boolean): React.ReactNode {\n const common = {\n 'data-role': mark.role,\n 'data-chart-key': mark.target ? mark.key : undefined,\n 'data-selected': mark.selected ? '' : undefined,\n opacity: mark.opacity,\n pointerEvents: mark.role === 'selection' || (!mark.target && mark.role !== 'background') ? ('none' as const) : undefined,\n cursor: interactive && mark.target && mark.role !== 'background' ? 'pointer' : undefined,\n };\n switch (mark.kind) {\n case 'rect':\n return <rect key={mark.key} {...common} x={mark.x} y={mark.y} width={mark.width} height={mark.height} rx={mark.radius} style={{ fill: mark.fill, stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n case 'path':\n return (\n <path\n key={mark.key}\n {...common}\n d={mark.d}\n strokeLinejoin=\"round\"\n strokeLinecap=\"round\"\n strokeDasharray={mark.dash}\n style={{ fill: mark.fill ?? 'none', stroke: mark.stroke, strokeWidth: mark.strokeWidth }}\n />\n );\n case 'circle':\n return <circle key={mark.key} {...common} cx={mark.cx} cy={mark.cy} r={mark.r} style={{ fill: mark.fill, stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n case 'line':\n return <line key={mark.key} {...common} x1={mark.x1} y1={mark.y1} x2={mark.x2} y2={mark.y2} strokeDasharray={mark.dash} style={{ stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n case 'text':\n return (\n <text\n key={mark.key}\n {...common}\n x={mark.x}\n y={mark.y}\n textAnchor={mark.anchor}\n dominantBaseline={chartTextBaseline(mark.baseline)}\n transform={chartTextTransform(mark)}\n style={{ fill: mark.fill, fontSize: mark.size, fontWeight: mark.weight, fontFamily, userSelect: 'none' }}\n >\n {mark.text}\n </text>\n );\n }\n}\n\n/**\n * Draws a chart controller's spec as SVG. Click a mark to select it, drag a bar or point to\n * change its value (one undo step), and with the chart focused use ← → ↑ ↓, Delete and\n * Escape (see `handleChartKey`).\n */\nexport function ChartCanvas({ controller, width = 640, height = 400, responsive = true, theme, editable = true, measureText, emptyMessage, className }: ChartCanvasProps) {\n const state = useChartState(controller);\n const wrapper = useRef<HTMLDivElement>(null);\n const svg = useRef<SVGSVGElement>(null);\n const drag = useRef<ChartPointDrag | null>(null);\n const [measured, setMeasured] = useState<number | null>(null);\n // Frozen while a point is dragged so the value axis does not rescale under the pointer.\n const [valueDomain, setValueDomain] = useState<ChartPointDrag['valueDomain'] | null>(null);\n\n useEffect(() => {\n const el = wrapper.current;\n if (!responsive || !el || typeof ResizeObserver === 'undefined') return;\n const observer = new ResizeObserver(([entry]) => {\n const w = Math.round(entry.contentRect.width);\n if (w > 0) setMeasured(w);\n });\n observer.observe(el);\n return () => observer.disconnect();\n }, [responsive]);\n\n const sceneWidth = (responsive && measured) || width;\n const fullTheme = useMemo(() => ({ ...CSS_VARIABLE_CHART_THEME, ...theme }), [theme]);\n const scene = useMemo(\n () => layoutChart(state.spec, { width: sceneWidth, height, theme: fullTheme, selection: editable ? state.selection : null, measureText, emptyMessage, valueDomain }),\n [state.spec, state.selection, sceneWidth, height, fullTheme, editable, measureText, emptyMessage, valueDomain],\n );\n const byKey = useMemo(() => new Map(scene.marks.map((m) => [m.key, m])), [scene]);\n\n useEffect(() => () => drag.current?.end(), []);\n\n const scenePoint = (e: React.PointerEvent) => chartClientToScene(scene, svg.current!.getBoundingClientRect(), e.clientX, e.clientY);\n\n const onPointerDown = (e: React.PointerEvent<SVGSVGElement>) => {\n if (!editable || e.button !== 0) return;\n const key = (e.target as Element).closest?.('[data-chart-key]')?.getAttribute('data-chart-key');\n const target = key ? byKey.get(key)?.target : undefined;\n controller.select(target ?? null);\n drag.current = startChartPointDrag(controller, scene, target, scenePoint(e));\n if (drag.current) {\n setValueDomain(drag.current.valueDomain);\n svg.current?.setPointerCapture?.(e.pointerId);\n }\n };\n const onPointerMove = (e: React.PointerEvent<SVGSVGElement>) => {\n if (drag.current) drag.current.move(scenePoint(e));\n };\n const endDrag = () => {\n drag.current?.end();\n drag.current = null;\n setValueDomain(null);\n };\n const onKeyDown = (e: React.KeyboardEvent<SVGSVGElement>) => {\n if (editable && handleChartKey(controller, scene, e)) e.preventDefault();\n };\n\n const label = state.spec.title || 'Chart';\n return (\n <div ref={wrapper} className={`w-full ${className ?? ''}`} data-chart-canvas=\"\">\n <svg\n ref={svg}\n width={sceneWidth}\n height={height}\n viewBox={`0 0 ${scene.width} ${scene.height}`}\n role=\"img\"\n aria-label={editable ? `${label}. ${describeChartSelection(controller, state.selection)}` : label}\n tabIndex={editable ? 0 : undefined}\n className=\"block max-w-full touch-none select-none rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={endDrag}\n onPointerCancel={endDrag}\n onKeyDown={onKeyDown}\n >\n {scene.marks.map((m) => renderMark(m, scene.theme.fontFamily, editable))}\n </svg>\n </div>\n );\n}\n","import React, { useEffect, useRef, useState } from 'react';\nimport { chartColorInputValue, chartSeriesColor, formatChartNumber, type ChartController } from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\nimport { chartButtonClass, chartCellClass, chartIconButtonClass, chartInputClass } from './styles';\n\ntype CommitInputProps = {\n value: string;\n /** Called with the typed text. Return `false` to show the stored value again (a refused edit). */\n onCommit: (value: string) => boolean | void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'>;\n\n/** A text box that commits on blur or Enter and resets on Escape. Follows `value` unless the user is typing. */\nexport function ChartCommitInput({ value, onCommit, onKeyDown, onBlur, ...rest }: CommitInputProps) {\n const [draft, setDraft] = useState(value);\n const typing = useRef(false);\n useEffect(() => {\n if (!typing.current) setDraft(value);\n }, [value]);\n const commit = () => {\n if (!typing.current) return;\n typing.current = false;\n if (draft === value) return;\n if (onCommit(draft) === false) setDraft(value);\n };\n return (\n <input\n {...rest}\n value={draft}\n onChange={(e) => {\n typing.current = true;\n setDraft(e.currentTarget.value);\n }}\n onBlur={(e) => {\n onBlur?.(e);\n commit();\n }}\n onKeyDown={(e) => {\n onKeyDown?.(e);\n if (e.defaultPrevented) return;\n if (e.key === 'Enter') {\n e.preventDefault();\n commit();\n } else if (e.key === 'Escape') {\n typing.current = false;\n setDraft(value);\n }\n }}\n />\n );\n}\n\nexport interface ChartDataGridProps {\n controller: ChartController;\n /** Header of the category column (default \"Category\"). */\n categoryHeader?: string;\n /** Hide the add / delete buttons. */\n readOnly?: boolean;\n className?: string;\n}\n\n/**\n * The chart's data as an editable grid: categories down the side, one column per series\n * (name, colour, show / hide, delete). Cells take numbers as people type them (`1,200`,\n * `12%`, blank for a gap); pasting TSV or CSV fills and grows the grid from the cell.\n */\nexport function ChartDataGrid({ controller, categoryHeader = 'Category', readOnly = false, className }: ChartDataGridProps) {\n const { spec, selection } = useChartState(controller);\n const paste = (row: number, column: number) => (e: React.ClipboardEvent<HTMLInputElement>) => {\n const text = e.clipboardData?.getData('text/plain') ?? '';\n if (!/[\\t\\n]/.test(text.replace(/\\n$/, ''))) return;\n e.preventDefault();\n controller.pasteCells(row, column, text);\n };\n return (\n <div className={`overflow-auto rounded-md border border-border ${className ?? ''}`} data-chart-grid=\"\">\n <table className=\"w-full border-collapse text-xs\">\n <thead className=\"bg-muted/50\">\n <tr>\n <th className=\"border-b border-r border-border px-2 py-1 text-left font-medium text-muted-foreground\">{categoryHeader}</th>\n {spec.series.map((s, si) => {\n const color = chartSeriesColor(spec, si);\n const selected = selection?.kind === 'series' && selection.seriesId === s.id;\n return (\n <th key={s.id} data-series-id={s.id} className={`border-b border-r border-border px-1 py-1 font-medium ${selected ? 'bg-primary/10' : ''}`}>\n <div className=\"flex items-center gap-1\">\n <input\n type=\"color\"\n aria-label={`${s.name} colour`}\n value={chartColorInputValue(color)}\n disabled={readOnly}\n onPointerDown={() => controller.beginGesture(`color:${s.id}`)}\n onChange={(e) => controller.updateSeries(s.id, { color: e.currentTarget.value })}\n onBlur={() => controller.endGesture()}\n className=\"h-5 w-5 shrink-0 cursor-pointer rounded border-0 bg-transparent p-0\"\n />\n <ChartCommitInput\n value={s.name}\n aria-label=\"Series name\"\n onFocus={() => controller.select({ kind: 'series', seriesId: s.id })}\n onCommit={(name) => void controller.updateSeries(s.id, { name })}\n className={`${chartInputClass} h-6 min-w-[5rem] border-transparent bg-transparent font-medium ${s.hidden ? 'text-muted-foreground line-through' : ''}`}\n />\n {!readOnly && (\n <>\n <button\n type=\"button\"\n className={chartIconButtonClass}\n title={s.hidden ? 'Show series' : 'Hide series'}\n aria-label={s.hidden ? `Show ${s.name}` : `Hide ${s.name}`}\n aria-pressed={!s.hidden}\n data-action=\"toggle-series\"\n onClick={() => controller.toggleSeries(s.id)}\n >\n {s.hidden ? '○' : '●'}\n </button>\n <button type=\"button\" className={chartIconButtonClass} title=\"Delete series\" aria-label={`Delete ${s.name}`} data-action=\"remove-series\" onClick={() => controller.removeSeries(s.id)}>\n ×\n </button>\n </>\n )}\n </div>\n </th>\n );\n })}\n {!readOnly && (\n <th className=\"w-8 border-b border-border px-1\">\n <button type=\"button\" className={chartIconButtonClass} title=\"Add series\" aria-label=\"Add series\" data-action=\"add-series\" onClick={() => controller.addSeries()}>\n +\n </button>\n </th>\n )}\n </tr>\n </thead>\n <tbody>\n {spec.categories.map((category, i) => {\n const rowSelected = selection?.kind === 'category' && selection.index === i;\n return (\n <tr key={i} data-category-index={i} className={rowSelected ? 'bg-primary/10' : undefined}>\n <th className=\"border-b border-r border-border p-0 text-left font-normal\">\n <ChartCommitInput\n value={category}\n aria-label={`Category ${i + 1}`}\n onFocus={() => controller.select({ kind: 'category', index: i })}\n onPaste={paste(i, -1)}\n onCommit={(label) => void controller.renameCategory(i, label)}\n className={`${chartCellClass} text-left`}\n />\n </th>\n {spec.series.map((s) => {\n const value = s.values[i];\n const selected = selection?.kind === 'point' && selection.seriesId === s.id && selection.index === i;\n return (\n <td key={s.id} className={`border-b border-r border-border p-0 ${selected ? 'bg-primary/10' : ''}`}>\n <ChartCommitInput\n value={value === null || value === undefined ? '' : String(value)}\n inputMode=\"decimal\"\n aria-label={`${s.name}, ${category}`}\n title={value === null ? undefined : formatChartNumber(value, spec.yAxis.format)}\n data-cell={`${s.id}:${i}`}\n onFocus={() => controller.select({ kind: 'point', seriesId: s.id, index: i })}\n onPaste={paste(i, spec.series.indexOf(s))}\n onCommit={(text) => controller.setValue(s.id, i, text).ok}\n className={chartCellClass}\n />\n </td>\n );\n })}\n {!readOnly && (\n <td className=\"border-b border-border px-1\">\n <button type=\"button\" className={chartIconButtonClass} title=\"Delete category\" aria-label={`Delete ${category}`} data-action=\"remove-category\" onClick={() => controller.removeCategory(i)}>\n ×\n </button>\n </td>\n )}\n </tr>\n );\n })}\n </tbody>\n </table>\n {!readOnly && (\n <div className=\"p-1\">\n <button type=\"button\" className={`${chartButtonClass} h-6 border-dashed`} data-action=\"add-category\" onClick={() => controller.addCategory()}>\n + Add category\n </button>\n </div>\n )}\n </div>\n );\n}\n","import React, { useId } from 'react';\nimport {\n CHART_CURVES,\n CHART_LEGEND_POSITIONS,\n CHART_NUMBER_STYLES,\n CHART_SERIES_TYPES,\n CHART_STACKINGS,\n CHART_TYPE_LABELS,\n CHART_TYPES,\n chartColorInputValue,\n chartSeriesColor,\n chartSeriesType,\n isCartesianChart,\n type ChartAxis,\n type ChartController,\n type ChartNumberFormat,\n} from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\nimport { ChartCommitInput } from './ChartDataGrid';\nimport { chartButtonClass, chartInputClass, chartLabelClass, chartSectionClass, chartSegmentClass } from './styles';\n\nexport interface ChartInspectorProps {\n controller: ChartController;\n /** Which sections to show (default: all that apply to the chart). */\n sections?: readonly ChartInspectorSection[];\n className?: string;\n}\n\nexport type ChartInspectorSection = 'type' | 'titles' | 'options' | 'legend' | 'axes' | 'series';\n\nconst cap = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nfunction Field({ label, htmlFor, children }: { label: string; htmlFor?: string; children: React.ReactNode }) {\n return (\n <div className=\"flex items-center gap-2\">\n <label htmlFor={htmlFor} className={`${chartLabelClass} w-20 shrink-0`}>\n {label}\n </label>\n <div className=\"min-w-0 flex-1\">{children}</div>\n </div>\n );\n}\n\nfunction Toggle({ label, checked, onChange, name }: { label: string; checked: boolean; onChange: (checked: boolean) => void; name: string }) {\n return (\n <label className=\"flex cursor-pointer items-center gap-2 text-xs text-foreground\">\n <input type=\"checkbox\" className=\"h-3.5 w-3.5 accent-primary\" checked={checked} data-option={name} onChange={(e) => onChange(e.currentTarget.checked)} />\n {label}\n </label>\n );\n}\n\nfunction Select<T extends string>({ id, value, options, onChange, name, labels }: { id?: string; value: T; options: readonly T[]; onChange: (value: T) => void; name: string; labels?: Partial<Record<T, string>> }) {\n return (\n <select id={id} className={chartInputClass} value={value} data-option={name} onChange={(e) => onChange(e.currentTarget.value as T)}>\n {options.map((o) => (\n <option key={o} value={o}>\n {labels?.[o] ?? cap(o)}\n </option>\n ))}\n </select>\n );\n}\n\nfunction AxisSection({ controller, axis, value, idBase, horizontal }: { controller: ChartController; axis: 'x' | 'y'; value: ChartAxis; idBase: string; horizontal: boolean }) {\n const set = (patch: Partial<ChartAxis>) => controller.setAxis(axis, patch);\n const setFormat = (patch: Partial<ChartNumberFormat>) => set({ format: { ...value.format, ...patch } });\n const bound = (key: 'min' | 'max') => (\n <ChartCommitInput\n id={`${idBase}-${axis}-${key}`}\n value={value[key] === null ? '' : String(value[key])}\n placeholder=\"Auto\"\n inputMode=\"decimal\"\n data-option={`${axis}Axis.${key}`}\n className={chartInputClass}\n onCommit={(text) => set({ [key]: text.trim() === '' ? null : Number(text) }).ok}\n />\n );\n const name = axis === 'x' ? 'Category axis' : 'Value axis';\n return (\n <div className={chartSectionClass} data-section={`axis-${axis}`}>\n <div className=\"flex items-center justify-between\">\n <h4 className=\"text-xs font-semibold text-foreground\">\n {name}\n <span className=\"ml-1 font-normal text-muted-foreground\">({axis === 'x' ? (horizontal ? 'left' : 'bottom') : horizontal ? 'bottom' : 'left'})</span>\n </h4>\n <Toggle label=\"Show\" name={`${axis}Axis.show`} checked={value.show} onChange={(show) => set({ show })} />\n </div>\n <Field label=\"Title\" htmlFor={`${idBase}-${axis}-title`}>\n <ChartCommitInput id={`${idBase}-${axis}-title`} value={value.title} data-option={`${axis}Axis.title`} className={chartInputClass} onCommit={(title) => void set({ title })} />\n </Field>\n <Toggle label=\"Grid lines\" name={`${axis}Axis.gridlines`} checked={value.gridlines} onChange={(gridlines) => set({ gridlines })} />\n {axis === 'y' && (\n <>\n <Field label=\"Min / max\">\n <div className=\"flex gap-1\">\n {bound('min')}\n {bound('max')}\n </div>\n </Field>\n <Field label=\"Format\" htmlFor={`${idBase}-y-format`}>\n <div className=\"flex gap-1\">\n <Select id={`${idBase}-y-format`} name=\"yAxis.format.style\" value={value.format.style ?? 'number'} options={CHART_NUMBER_STYLES} onChange={(style) => setFormat({ style })} />\n <ChartCommitInput\n value={value.format.decimals === undefined ? '' : String(value.format.decimals)}\n placeholder=\"Auto\"\n aria-label=\"Decimals\"\n title=\"Decimals\"\n inputMode=\"numeric\"\n data-option=\"yAxis.format.decimals\"\n className={`${chartInputClass} w-14 shrink-0`}\n onCommit={(text) => {\n const format = { ...value.format };\n if (text.trim() === '') delete format.decimals;\n else format.decimals = Number(text);\n return set({ format }).ok;\n }}\n />\n </div>\n </Field>\n {value.format.style === 'currency' && (\n <Field label=\"Currency\" htmlFor={`${idBase}-y-currency`}>\n <ChartCommitInput id={`${idBase}-y-currency`} value={value.format.currency ?? 'USD'} data-option=\"yAxis.format.currency\" className={chartInputClass} onCommit={(currency) => void setFormat({ currency: currency.toUpperCase() })} />\n </Field>\n )}\n </>\n )}\n </div>\n );\n}\n\n/**\n * Settings for a chart controller: type, titles, stacking and line options, legend, both\n * axes and the selected series. Every change is one undo step.\n */\nexport function ChartInspector({ controller, sections, className }: ChartInspectorProps) {\n const { spec, selectedSeries } = useChartState(controller);\n const idBase = useId();\n const show = (section: ChartInspectorSection) => !sections || sections.includes(section);\n const cartesian = isCartesianChart(spec.type);\n const types = spec.series.map((s) => chartSeriesType(spec, s));\n const hasBars = cartesian && types.includes('bar');\n const hasLines = cartesian && types.some((t) => t === 'line' || t === 'area');\n const seriesIndex = selectedSeries ? spec.series.findIndex((s) => s.id === selectedSeries.id) : -1;\n\n return (\n <div className={`space-y-3 text-xs ${className ?? ''}`} data-chart-inspector=\"\">\n {show('type') && (\n <div className={chartSectionClass} data-section=\"type\">\n <div className=\"grid grid-cols-3 gap-0.5 rounded-md bg-muted p-0.5\" role=\"radiogroup\" aria-label=\"Chart type\">\n {CHART_TYPES.map((type) => (\n <button key={type} type=\"button\" role=\"radio\" aria-checked={spec.type === type} data-chart-type={type} className={chartSegmentClass(spec.type === type)} onClick={() => controller.setType(type)}>\n {CHART_TYPE_LABELS[type]}\n </button>\n ))}\n </div>\n </div>\n )}\n\n {show('titles') && (\n <div className={chartSectionClass} data-section=\"titles\">\n <Field label=\"Title\" htmlFor={`${idBase}-title`}>\n <ChartCommitInput id={`${idBase}-title`} value={spec.title} data-option=\"title\" className={chartInputClass} onCommit={(title) => void controller.setTitle(title)} />\n </Field>\n <Field label=\"Subtitle\" htmlFor={`${idBase}-subtitle`}>\n <ChartCommitInput id={`${idBase}-subtitle`} value={spec.subtitle} data-option=\"subtitle\" className={chartInputClass} onCommit={(subtitle) => void controller.setSubtitle(subtitle)} />\n </Field>\n </div>\n )}\n\n {show('options') && (\n <div className={chartSectionClass} data-section=\"options\">\n {cartesian && (\n <Field label=\"Stacking\" htmlFor={`${idBase}-stacking`}>\n <Select id={`${idBase}-stacking`} name=\"stacking\" value={spec.stacking} options={CHART_STACKINGS} labels={{ none: 'None', stacked: 'Stacked', percent: '100%' }} onChange={(stacking) => controller.update({ stacking })} />\n </Field>\n )}\n {hasBars && (\n <Field label=\"Bars\">\n <div className=\"flex gap-0.5 rounded-md bg-muted p-0.5\">\n {(['vertical', 'horizontal'] as const).map((o) => (\n <button key={o} type=\"button\" aria-pressed={spec.orientation === o} data-option={`orientation.${o}`} className={chartSegmentClass(spec.orientation === o)} onClick={() => controller.update({ orientation: o })}>\n {cap(o)}\n </button>\n ))}\n </div>\n </Field>\n )}\n {hasLines && (\n <Field label=\"Lines\" htmlFor={`${idBase}-curve`}>\n <Select id={`${idBase}-curve`} name=\"curve\" value={spec.curve} options={CHART_CURVES} onChange={(curve) => controller.update({ curve })} />\n </Field>\n )}\n {spec.type === 'donut' && (\n <Field label=\"Hole\" htmlFor={`${idBase}-hole`}>\n <input\n id={`${idBase}-hole`}\n type=\"range\"\n min={0}\n max={0.9}\n step={0.05}\n value={spec.innerRadius}\n data-option=\"innerRadius\"\n className=\"w-full accent-primary\"\n onPointerDown={() => controller.beginGesture('innerRadius')}\n onPointerUp={() => controller.endGesture()}\n onChange={(e) => controller.update({ innerRadius: Number(e.currentTarget.value) })}\n />\n </Field>\n )}\n <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n {hasLines && <Toggle label=\"Points\" name=\"points\" checked={spec.points} onChange={(points) => controller.update({ points })} />}\n <Toggle label=\"Data labels\" name=\"dataLabels\" checked={spec.dataLabels} onChange={(dataLabels) => controller.update({ dataLabels })} />\n </div>\n </div>\n )}\n\n {show('legend') && (\n <div className={chartSectionClass} data-section=\"legend\">\n <div className=\"flex items-center justify-between\">\n <h4 className=\"text-xs font-semibold text-foreground\">Legend</h4>\n <Toggle label=\"Show\" name=\"legend.show\" checked={spec.legend.show} onChange={(v) => controller.setLegend({ show: v })} />\n </div>\n {spec.legend.show && (\n <div className=\"flex gap-0.5 rounded-md bg-muted p-0.5\">\n {CHART_LEGEND_POSITIONS.map((p) => (\n <button key={p} type=\"button\" aria-pressed={spec.legend.position === p} data-option={`legend.${p}`} className={chartSegmentClass(spec.legend.position === p)} onClick={() => controller.setLegend({ position: p })}>\n {cap(p)}\n </button>\n ))}\n </div>\n )}\n </div>\n )}\n\n {show('axes') && cartesian && (\n <>\n <AxisSection controller={controller} axis=\"x\" value={spec.xAxis} idBase={idBase} horizontal={spec.orientation === 'horizontal'} />\n <AxisSection controller={controller} axis=\"y\" value={spec.yAxis} idBase={idBase} horizontal={spec.orientation === 'horizontal'} />\n </>\n )}\n\n {show('series') && selectedSeries && (\n <div className={chartSectionClass} data-section=\"series\" data-series-id={selectedSeries.id}>\n <h4 className=\"text-xs font-semibold text-foreground\">Series</h4>\n <Field label=\"Name\" htmlFor={`${idBase}-series-name`}>\n <ChartCommitInput id={`${idBase}-series-name`} value={selectedSeries.name} data-option=\"series.name\" className={chartInputClass} onCommit={(name) => void controller.updateSeries(selectedSeries.id, { name })} />\n </Field>\n <Field label=\"Colour\" htmlFor={`${idBase}-series-color`}>\n <div className=\"flex items-center gap-1\">\n <input\n id={`${idBase}-series-color`}\n type=\"color\"\n value={chartColorInputValue(chartSeriesColor(spec, seriesIndex))}\n data-option=\"series.color\"\n className=\"h-7 w-9 shrink-0 cursor-pointer rounded border border-input bg-background p-0.5\"\n onPointerDown={() => controller.beginGesture(`color:${selectedSeries.id}`)}\n onBlur={() => controller.endGesture()}\n onChange={(e) => controller.updateSeries(selectedSeries.id, { color: e.currentTarget.value })}\n />\n {selectedSeries.color && (\n <button type=\"button\" className={chartButtonClass} data-action=\"reset-color\" onClick={() => controller.updateSeries(selectedSeries.id, { color: null })}>\n Palette\n </button>\n )}\n </div>\n </Field>\n {cartesian && (\n <Field label=\"Draw as\" htmlFor={`${idBase}-series-type`}>\n <select\n id={`${idBase}-series-type`}\n className={chartInputClass}\n value={selectedSeries.type ?? ''}\n data-option=\"series.type\"\n onChange={(e) => controller.updateSeries(selectedSeries.id, { type: (e.currentTarget.value || null) as any })}\n >\n <option value=\"\">Chart type</option>\n {CHART_SERIES_TYPES.map((t) => (\n <option key={t} value={t}>\n {CHART_TYPE_LABELS[t]}\n </option>\n ))}\n </select>\n </Field>\n )}\n <div className=\"flex flex-wrap items-center gap-1\">\n <Toggle label=\"Hidden\" name=\"series.hidden\" checked={!!selectedSeries.hidden} onChange={(hidden) => controller.updateSeries(selectedSeries.id, { hidden })} />\n <span className=\"flex-1\" />\n <button type=\"button\" className={chartButtonClass} disabled={seriesIndex <= 0} aria-label=\"Move series earlier\" data-action=\"series-up\" onClick={() => controller.moveSeries(selectedSeries.id, seriesIndex - 1)}>\n ↑\n </button>\n <button type=\"button\" className={chartButtonClass} disabled={seriesIndex >= spec.series.length - 1} aria-label=\"Move series later\" data-action=\"series-down\" onClick={() => controller.moveSeries(selectedSeries.id, seriesIndex + 1)}>\n ↓\n </button>\n <button type=\"button\" className={`${chartButtonClass} text-destructive`} data-action=\"series-delete\" onClick={() => controller.removeSeries(selectedSeries.id)}>\n Delete\n </button>\n </div>\n </div>\n )}\n </div>\n );\n}\n","import React from 'react';\nimport { describeChartSelection, type ChartController } from '@pixerate/editor/chart';\nimport { ChartCanvas, type ChartCanvasProps } from './ChartCanvas';\nimport { ChartDataGrid } from './ChartDataGrid';\nimport { ChartInspector } from './ChartInspector';\nimport { useChartState } from './useChartEditor';\nimport { chartButtonClass } from './styles';\n\nexport interface ChartEditorProps {\n controller: ChartController;\n /** The settings sidebar (default `true`). */\n showInspector?: boolean;\n /** The data grid under the chart (default `true`). */\n showDataGrid?: boolean;\n /** Undo / redo and the selection readout (default `true`). */\n showToolbar?: boolean;\n /** Chart height in pixels (default 380). */\n height?: number;\n canvasProps?: Omit<ChartCanvasProps, 'controller' | 'height'>;\n className?: string;\n}\n\n/** Toolbar, chart, settings sidebar and data grid for a `ChartController`. */\nexport function ChartEditor({ controller, showInspector = true, showDataGrid = true, showToolbar = true, height = 380, canvasProps, className }: ChartEditorProps) {\n const state = useChartState(controller);\n return (\n <div className={`flex flex-col gap-2 ${className ?? ''}`} data-chart-editor=\"\">\n {showToolbar && (\n <div className=\"flex items-center gap-1\" data-chart-toolbar=\"\">\n <button type=\"button\" className={chartButtonClass} disabled={!state.canUndo} title={state.undoLabel ? `Undo ${state.undoLabel}` : 'Undo'} data-action=\"undo\" onClick={() => controller.undo()}>\n Undo\n </button>\n <button type=\"button\" className={chartButtonClass} disabled={!state.canRedo} title={state.redoLabel ? `Redo ${state.redoLabel}` : 'Redo'} data-action=\"redo\" onClick={() => controller.redo()}>\n Redo\n </button>\n <span className=\"ml-2 truncate text-xs text-muted-foreground\" data-chart-selection=\"\" aria-live=\"polite\">\n {describeChartSelection(controller, state.selection)}\n </span>\n </div>\n )}\n {state.issues.length > 0 && (\n <p role=\"alert\" className=\"rounded-md border border-destructive/40 bg-destructive/10 px-2 py-1 text-xs text-destructive\" data-chart-issues=\"\">\n {state.issues.map((i) => i.message).join(' ')}\n </p>\n )}\n <div className=\"flex min-h-0 flex-col gap-2 md:flex-row\">\n <div className=\"min-w-0 flex-1 rounded-md border border-border bg-background p-1\">\n <ChartCanvas controller={controller} height={height} {...canvasProps} />\n </div>\n {showInspector && <ChartInspector controller={controller} className=\"w-full shrink-0 overflow-y-auto rounded-md border border-border p-3 md:w-64\" />}\n </div>\n {showDataGrid && <ChartDataGrid controller={controller} />}\n </div>\n );\n}\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useRef","useEffect","useMemo","useEffect","useRef","useState","jsx","useState","useRef","useEffect","chartColorInputValue","chartSeriesColor","Fragment","jsx","jsxs","chartColorInputValue","chartSeriesColor","describeChartSelection","jsx","jsxs","describeChartSelection"]}
1
+ {"version":3,"sources":["../../src/chart/useChartEditor.ts","../../src/chart/styles.ts","../../src/chart/ChartCanvas.tsx","../../src/chart/ChartDataGrid.tsx","../../src/chart/ChartInspector.tsx","../../src/chart/ChartEditor.tsx","../../src/chart/ChartStreamingView.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\nimport type { ToolRegistry } from '@pixerate/editor/tools';\nimport {\n ChartController,\n ChartDirector,\n ChartPresence,\n createChartCommands,\n createChartToolProvider,\n layoutChart,\n type ChartScene,\n type ChartToolProviderOptions,\n type ChartActionResult,\n type ChartCommandOptions,\n type ChartControllerOptions,\n type ChartSelection,\n type ChartSpecPatch,\n type ChartState,\n type ChartType,\n} from '@pixerate/editor/chart';\n\n/** A `ChartController` created once for the component's lifetime. */\nexport function useChartController(options: ChartControllerOptions = {}): ChartController {\n const ref = useRef<ChartController | null>(null);\n if (!ref.current) ref.current = new ChartController(options);\n return ref.current;\n}\n\n/** The controller's state (re-renders on every change). */\nexport function useChartState(controller: ChartController): ChartState {\n return useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);\n}\n\nexport interface UseChartEditorResult {\n controller: ChartController;\n state: ChartState;\n spec: ChartState['spec'];\n selection: ChartSelection | null;\n update: (patch: ChartSpecPatch) => ChartActionResult;\n setType: (type: ChartType) => ChartActionResult;\n setValue: (seriesId: string, index: number, value: unknown) => ChartActionResult;\n select: (selection: ChartSelection | null) => void;\n undo: () => void;\n redo: () => void;\n}\n\n/**\n * Subscribes to a chart controller and exposes its state with bound actions. Pass options\n * instead of a controller to create one for the component's lifetime.\n */\nexport function useChartEditor(controllerOrOptions: ChartController | ChartControllerOptions = {}): UseChartEditorResult {\n const own = useRef<ChartController | null>(null);\n let controller: ChartController;\n if (controllerOrOptions instanceof ChartController) controller = controllerOrOptions;\n else {\n if (!own.current) own.current = new ChartController(controllerOrOptions);\n controller = own.current;\n }\n const state = useChartState(controller);\n const actions = useMemo(\n () => ({\n update: (patch: ChartSpecPatch) => controller.update(patch),\n setType: (type: ChartType) => controller.setType(type),\n setValue: (seriesId: string, index: number, value: unknown) => controller.setValue(seriesId, index, value),\n select: (selection: ChartSelection | null) => controller.select(selection),\n undo: () => void controller.undo(),\n redo: () => void controller.redo(),\n }),\n [controller],\n );\n return { controller, state, spec: state.spec, selection: state.selection, ...actions };\n}\n\n/** Anything with `register(specs) → unregister` (a `CommandRegistry`). */\nexport interface ChartCommandTarget {\n register(specs: any): () => void;\n}\n\n/**\n * Registers the controller's palette / agent commands (`chart.describe`, `chart.update`,\n * `chart.setValues`, …) in `registry` while mounted.\n */\nexport function useChartCommands(registry: ChartCommandTarget | null | undefined, controller: ChartController, options: ChartCommandOptions = {}): void {\n const { prefix, group, scope } = options;\n useEffect(() => {\n if (!registry) return;\n return registry.register(createChartCommands(controller, { prefix, group, scope }));\n }, [registry, controller, prefix, group, scope]);\n}\n\n/**\n * Registers the chart's agent tools (`createChartToolProvider`) with a `ToolRegistry` while\n * mounted. Options are read when the controller or registry changes.\n */\nexport function useChartToolProvider(registry: ToolRegistry | null | undefined, controller: ChartController, options: ChartToolProviderOptions = {}): void {\n const latest = useRef(options);\n latest.current = options;\n const { id, namespace } = options;\n useEffect(() => {\n if (!registry) return;\n return registry.register(createChartToolProvider(controller, { ...latest.current, id, namespace }));\n }, [registry, controller, id, namespace]);\n}\n\n/**\n * A `ChartPresence` and `ChartDirector` for a chart: pass `presence` and `sceneRef` to\n * `ChartCanvas`, and `director` to `useChartToolProvider` so agent edits are acted out with a\n * cursor.\n */\nexport function useChartDirector(controller: ChartController, options: { speed?: number; size?: { width: number; height: number } } = {}) {\n const sceneRef = useRef<ChartScene | null>(null);\n const ref = useRef<{ presence: ChartPresence; director: ChartDirector } | null>(null);\n if (!ref.current) {\n const presence = new ChartPresence();\n const size = options.size ?? { width: 640, height: 400 };\n const director = new ChartDirector(controller, presence, { scene: () => sceneRef.current ?? layoutChart(controller.getSpec(), size), speed: options.speed });\n ref.current = { presence, director };\n }\n return { ...ref.current, sceneRef };\n}\n","// Class names shared by the chart components (the same as the Svelte package's).\nexport const chartInputClass =\n 'h-7 w-full min-w-0 rounded-md border border-input bg-background px-2 text-xs text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50';\nexport const chartButtonClass =\n 'inline-flex h-7 items-center justify-center gap-1 rounded-md border border-input bg-background px-2 text-xs text-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50';\nexport const chartIconButtonClass =\n 'inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-40';\nexport const chartSegmentClass = (active: boolean) =>\n `inline-flex h-7 flex-1 items-center justify-center rounded px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary ${\n active ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'\n }`;\nexport const chartLabelClass = 'text-[11px] font-medium text-muted-foreground';\nexport const chartSectionClass = 'space-y-2 border-b border-border pb-3 last:border-b-0';\nexport const chartCellClass =\n 'h-7 w-full min-w-[4.5rem] bg-transparent px-2 text-right text-xs tabular-nums text-foreground focus-visible:bg-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-primary';\n","import React, { useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\nimport {\n CSS_VARIABLE_CHART_THEME,\n chartClientToScene,\n chartTextBaseline,\n chartTextTransform,\n describeChartSelection,\n handleChartKey,\n layoutChart,\n startChartPointDrag,\n type ChartController,\n type ChartMark,\n type ChartPointDrag,\n type ChartPresence,\n type ChartScene,\n type ChartTextMeasure,\n type ChartTheme,\n} from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\n\nexport interface ChartCanvasProps {\n controller: ChartController;\n /** Scene width; with `responsive` this is only the fallback before the container is measured (default 640). */\n width?: number;\n /** Scene height in pixels (default 400). */\n height?: number;\n /** Follow the container's width (default `true`). */\n responsive?: boolean;\n /** Colours and type (default: shadcn-style CSS variables). */\n theme?: Partial<ChartTheme>;\n /** Click to select, drag bars and points, keyboard editing (default `true`). */\n editable?: boolean;\n /** Text width for layout (default: an estimate). */\n measureText?: ChartTextMeasure;\n emptyMessage?: string;\n className?: string;\n /** Agent cursors to draw over the chart (see `ChartDirector`). */\n presence?: ChartPresence;\n /** Receives the scene as drawn (e.g. for `ChartDirector`'s `scene`). */\n sceneRef?: { current: ChartScene | null };\n}\n\n/** SVG attributes for one mark (colours go in `style` so CSS variables work). */\nexport function renderChartMark(mark: ChartMark, fontFamily: string, interactive: boolean): React.ReactNode {\n const common = {\n 'data-role': mark.role,\n 'data-chart-key': mark.target ? mark.key : undefined,\n 'data-selected': mark.selected ? '' : undefined,\n opacity: mark.opacity,\n pointerEvents: mark.role === 'selection' || mark.role === 'drag-readout' || (!mark.target && mark.role !== 'background') ? ('none' as const) : undefined,\n cursor: interactive && mark.target && mark.role !== 'background' ? 'pointer' : undefined,\n };\n switch (mark.kind) {\n case 'rect':\n return <rect key={mark.key} {...common} x={mark.x} y={mark.y} width={mark.width} height={mark.height} rx={mark.radius} style={{ fill: mark.fill, stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n case 'path':\n return (\n <path\n key={mark.key}\n {...common}\n d={mark.d}\n strokeLinejoin=\"round\"\n strokeLinecap=\"round\"\n strokeDasharray={mark.dash}\n style={{ fill: mark.fill ?? 'none', stroke: mark.stroke, strokeWidth: mark.strokeWidth }}\n />\n );\n case 'circle':\n return <circle key={mark.key} {...common} cx={mark.cx} cy={mark.cy} r={mark.r} style={{ fill: mark.fill, stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n case 'line':\n return <line key={mark.key} {...common} x1={mark.x1} y1={mark.y1} x2={mark.x2} y2={mark.y2} strokeDasharray={mark.dash} style={{ stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n case 'text':\n return (\n <text\n key={mark.key}\n {...common}\n x={mark.x}\n y={mark.y}\n textAnchor={mark.anchor}\n dominantBaseline={chartTextBaseline(mark.baseline)}\n transform={chartTextTransform(mark)}\n style={{ fill: mark.fill, fontSize: mark.size, fontWeight: mark.weight, fontFamily, userSelect: 'none' }}\n >\n {mark.text}\n </text>\n );\n }\n}\n\n/** Agent cursors and notes, drawn in scene coordinates inside the chart's SVG. */\nexport function ChartPresenceLayer({ presence }: { presence: ChartPresence }) {\n const { actors } = useSyncExternalStore(presence.subscribe, presence.getState, presence.getState);\n return (\n <g data-chart-presence=\"\" pointerEvents=\"none\">\n {actors.map((a) => (\n <g key={a.id} transform={`translate(${a.x} ${a.y})`} data-actor={a.id}>\n <path d=\"M0,0 L0,14 L4,10.5 L7,17 L9.5,16 L6.5,9.5 L11.5,9.5 Z\" style={{ fill: a.color, stroke: '#ffffff', strokeWidth: 1 }} transform={a.pressed ? 'scale(0.9)' : undefined} />\n <g transform=\"translate(13 16)\">\n <rect x={0} y={0} rx={4} height={18} width={Math.max(28, (a.message ?? a.name).length * 6.4 + 12)} style={{ fill: a.color }} />\n <text x={6} y={9} dominantBaseline=\"central\" style={{ fill: '#ffffff', fontSize: 11, fontWeight: 600, fontFamily: 'inherit' }}>\n {a.message ?? a.name}\n </text>\n </g>\n </g>\n ))}\n </g>\n );\n}\n\n/** A laid-out scene as an SVG (no interaction): for read-only views, streaming and exports. */\nexport function ChartSceneSvg({ scene, label, className }: { scene: ChartScene; label?: string; className?: string }) {\n return (\n <svg width={scene.width} height={scene.height} viewBox={`0 0 ${scene.width} ${scene.height}`} role=\"img\" aria-label={label} className={`block max-w-full ${className ?? ''}`}>\n {scene.marks.map((m) => renderChartMark(m, scene.theme.fontFamily, false))}\n </svg>\n );\n}\n\ninterface Frozen {\n valueDomain: ChartPointDrag['valueDomain'];\n valueDomain2: ChartPointDrag['valueDomain2'] | null;\n xDomain: ChartPointDrag['xDomain'] | null;\n readout: ChartPointDrag['target'];\n}\n\n/**\n * Draws a chart controller's spec as SVG. Click a mark to select it, drag a bar or point to\n * change its value (one undo step; Alt for fine steps, Shift to keep one axis on scatter\n * charts, Ctrl / ⌘ to skip snapping, Escape to cancel), and with the chart focused use\n * ← → ↑ ↓, Delete and Escape (see `handleChartKey`).\n */\nexport function ChartCanvas({ controller, width = 640, height = 400, responsive = true, theme, editable = true, measureText, emptyMessage, className, presence, sceneRef }: ChartCanvasProps) {\n const state = useChartState(controller);\n const wrapper = useRef<HTMLDivElement>(null);\n const svg = useRef<SVGSVGElement>(null);\n const drag = useRef<ChartPointDrag | null>(null);\n const [measured, setMeasured] = useState<number | null>(null);\n // Frozen while a point is dragged so the axes do not rescale under the pointer.\n const [frozen, setFrozen] = useState<Frozen | null>(null);\n\n useEffect(() => {\n const el = wrapper.current;\n if (!responsive || !el || typeof ResizeObserver === 'undefined') return;\n const observer = new ResizeObserver(([entry]) => {\n const w = Math.round(entry.contentRect.width);\n if (w > 0) setMeasured(w);\n });\n observer.observe(el);\n return () => observer.disconnect();\n }, [responsive]);\n\n const sceneWidth = (responsive && measured) || width;\n const fullTheme = useMemo(() => ({ ...CSS_VARIABLE_CHART_THEME, ...theme }), [theme]);\n const scene = useMemo(\n () =>\n layoutChart(state.spec, {\n width: sceneWidth,\n height,\n theme: fullTheme,\n selection: editable ? state.selection : null,\n measureText,\n emptyMessage,\n valueDomain: frozen?.valueDomain,\n valueDomain2: frozen?.valueDomain2,\n xDomain: frozen?.xDomain,\n readout: frozen?.readout,\n }),\n [state.spec, state.selection, sceneWidth, height, fullTheme, editable, measureText, emptyMessage, frozen],\n );\n if (sceneRef) sceneRef.current = scene;\n const byKey = useMemo(() => new Map(scene.marks.map((m) => [m.key, m])), [scene]);\n\n useEffect(() => () => drag.current?.end(), []);\n\n const scenePoint = (e: React.PointerEvent) => chartClientToScene(scene, svg.current!.getBoundingClientRect(), e.clientX, e.clientY);\n\n const onPointerDown = (e: React.PointerEvent<SVGSVGElement>) => {\n if (!editable || e.button !== 0) return;\n const key = (e.target as Element).closest?.('[data-chart-key]')?.getAttribute('data-chart-key');\n const target = key ? byKey.get(key)?.target : undefined;\n controller.select(target ?? null);\n drag.current = startChartPointDrag(controller, scene, target, scenePoint(e));\n if (drag.current) {\n const d = drag.current;\n setFrozen({ valueDomain: d.valueDomain, valueDomain2: d.valueDomain2 ?? null, xDomain: d.xDomain ?? null, readout: d.target });\n svg.current?.setPointerCapture?.(e.pointerId);\n }\n };\n const onPointerMove = (e: React.PointerEvent<SVGSVGElement>) => {\n if (drag.current) drag.current.move(scenePoint(e), { fine: e.altKey, lockAxis: e.shiftKey, noSnap: e.ctrlKey || e.metaKey });\n };\n const endDrag = () => {\n drag.current?.end();\n drag.current = null;\n setFrozen(null);\n };\n const onKeyDown = (e: React.KeyboardEvent<SVGSVGElement>) => {\n if (drag.current && e.key === 'Escape') {\n drag.current.cancel();\n drag.current = null;\n setFrozen(null);\n e.preventDefault();\n return;\n }\n if (editable && handleChartKey(controller, scene, e)) e.preventDefault();\n };\n\n const label = state.spec.title || 'Chart';\n return (\n <div ref={wrapper} className={`w-full ${className ?? ''}`} data-chart-canvas=\"\">\n <svg\n ref={svg}\n width={sceneWidth}\n height={height}\n viewBox={`0 0 ${scene.width} ${scene.height}`}\n role=\"img\"\n aria-label={editable ? `${label}. ${describeChartSelection(controller, state.selection)}` : label}\n tabIndex={editable ? 0 : undefined}\n className=\"block max-w-full touch-none select-none rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n onPointerDown={onPointerDown}\n onPointerMove={onPointerMove}\n onPointerUp={endDrag}\n onPointerCancel={endDrag}\n onKeyDown={onKeyDown}\n >\n {scene.marks.map((m) => renderChartMark(m, scene.theme.fontFamily, editable))}\n {presence && <ChartPresenceLayer presence={presence} />}\n </svg>\n </div>\n );\n}\n","import React, { useEffect, useRef, useState } from 'react';\nimport { chartColorInputValue, chartSeriesColor, formatChartNumber, type ChartController } from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\nimport { chartButtonClass, chartCellClass, chartIconButtonClass, chartInputClass } from './styles';\n\ntype CommitInputProps = {\n value: string;\n /** Called with the typed text. Return `false` to show the stored value again (a refused edit). */\n onCommit: (value: string) => boolean | void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'>;\n\n/** A text box that commits on blur or Enter and resets on Escape. Follows `value` unless the user is typing. */\nexport function ChartCommitInput({ value, onCommit, onKeyDown, onBlur, ...rest }: CommitInputProps) {\n const [draft, setDraft] = useState(value);\n const typing = useRef(false);\n useEffect(() => {\n if (!typing.current) setDraft(value);\n }, [value]);\n const commit = () => {\n if (!typing.current) return;\n typing.current = false;\n if (draft === value) return;\n if (onCommit(draft) === false) setDraft(value);\n };\n return (\n <input\n {...rest}\n value={draft}\n onChange={(e) => {\n typing.current = true;\n setDraft(e.currentTarget.value);\n }}\n onBlur={(e) => {\n onBlur?.(e);\n commit();\n }}\n onKeyDown={(e) => {\n onKeyDown?.(e);\n if (e.defaultPrevented) return;\n if (e.key === 'Enter') {\n e.preventDefault();\n commit();\n } else if (e.key === 'Escape') {\n typing.current = false;\n setDraft(value);\n }\n }}\n />\n );\n}\n\nexport interface ChartDataGridProps {\n controller: ChartController;\n /** Header of the category column (default \"Category\"). */\n categoryHeader?: string;\n /** Hide the add / delete buttons. */\n readOnly?: boolean;\n className?: string;\n}\n\n/**\n * The chart's data as an editable grid: categories down the side, one column per series\n * (name, colour, show / hide, delete). Cells take numbers as people type them (`1,200`,\n * `12%`, blank for a gap); pasting TSV or CSV fills and grows the grid from the cell.\n */\nexport function ChartDataGrid({ controller, categoryHeader = 'Category', readOnly = false, className }: ChartDataGridProps) {\n const { spec, selection } = useChartState(controller);\n const paste = (row: number, column: number) => (e: React.ClipboardEvent<HTMLInputElement>) => {\n const text = e.clipboardData?.getData('text/plain') ?? '';\n if (!/[\\t\\n]/.test(text.replace(/\\n$/, ''))) return;\n e.preventDefault();\n controller.pasteCells(row, column, text);\n };\n return (\n <div className={`overflow-auto rounded-md border border-border ${className ?? ''}`} data-chart-grid=\"\">\n <table className=\"w-full border-collapse text-xs\">\n <thead className=\"bg-muted/50\">\n <tr>\n <th className=\"border-b border-r border-border px-2 py-1 text-left font-medium text-muted-foreground\">{categoryHeader}</th>\n {spec.series.map((s, si) => {\n const color = chartSeriesColor(spec, si);\n const selected = selection?.kind === 'series' && selection.seriesId === s.id;\n return (\n <th key={s.id} data-series-id={s.id} className={`border-b border-r border-border px-1 py-1 font-medium ${selected ? 'bg-primary/10' : ''}`}>\n <div className=\"flex items-center gap-1\">\n <input\n type=\"color\"\n aria-label={`${s.name} colour`}\n value={chartColorInputValue(color)}\n disabled={readOnly}\n onPointerDown={() => controller.beginGesture(`color:${s.id}`)}\n onChange={(e) => controller.updateSeries(s.id, { color: e.currentTarget.value })}\n onBlur={() => controller.endGesture()}\n className=\"h-5 w-5 shrink-0 cursor-pointer rounded border-0 bg-transparent p-0\"\n />\n <ChartCommitInput\n value={s.name}\n aria-label=\"Series name\"\n onFocus={() => controller.select({ kind: 'series', seriesId: s.id })}\n onCommit={(name) => void controller.updateSeries(s.id, { name })}\n className={`${chartInputClass} h-6 min-w-[5rem] border-transparent bg-transparent font-medium ${s.hidden ? 'text-muted-foreground line-through' : ''}`}\n />\n {!readOnly && (\n <>\n <button\n type=\"button\"\n className={chartIconButtonClass}\n title={s.hidden ? 'Show series' : 'Hide series'}\n aria-label={s.hidden ? `Show ${s.name}` : `Hide ${s.name}`}\n aria-pressed={!s.hidden}\n data-action=\"toggle-series\"\n onClick={() => controller.toggleSeries(s.id)}\n >\n {s.hidden ? '○' : '●'}\n </button>\n <button type=\"button\" className={chartIconButtonClass} title=\"Delete series\" aria-label={`Delete ${s.name}`} data-action=\"remove-series\" onClick={() => controller.removeSeries(s.id)}>\n ×\n </button>\n </>\n )}\n </div>\n </th>\n );\n })}\n {!readOnly && (\n <th className=\"w-8 border-b border-border px-1\">\n <button type=\"button\" className={chartIconButtonClass} title=\"Add series\" aria-label=\"Add series\" data-action=\"add-series\" onClick={() => controller.addSeries()}>\n +\n </button>\n </th>\n )}\n </tr>\n </thead>\n <tbody>\n {spec.categories.map((category, i) => {\n const rowSelected = selection?.kind === 'category' && selection.index === i;\n return (\n <tr key={i} data-category-index={i} className={rowSelected ? 'bg-primary/10' : undefined}>\n <th className=\"border-b border-r border-border p-0 text-left font-normal\">\n <ChartCommitInput\n value={category}\n aria-label={`Category ${i + 1}`}\n onFocus={() => controller.select({ kind: 'category', index: i })}\n onPaste={paste(i, -1)}\n onCommit={(label) => void controller.renameCategory(i, label)}\n className={`${chartCellClass} text-left`}\n />\n </th>\n {spec.series.map((s) => {\n const value = s.values[i];\n const selected = selection?.kind === 'point' && selection.seriesId === s.id && selection.index === i;\n return (\n <td key={s.id} className={`border-b border-r border-border p-0 ${selected ? 'bg-primary/10' : ''}`}>\n <ChartCommitInput\n value={value === null || value === undefined ? '' : String(value)}\n inputMode=\"decimal\"\n aria-label={`${s.name}, ${category}`}\n title={value === null ? undefined : formatChartNumber(value, spec.yAxis.format)}\n data-cell={`${s.id}:${i}`}\n onFocus={() => controller.select({ kind: 'point', seriesId: s.id, index: i })}\n onPaste={paste(i, spec.series.indexOf(s))}\n onCommit={(text) => controller.setValue(s.id, i, text).ok}\n className={chartCellClass}\n />\n </td>\n );\n })}\n {!readOnly && (\n <td className=\"border-b border-border px-1\">\n <button type=\"button\" className={chartIconButtonClass} title=\"Delete category\" aria-label={`Delete ${category}`} data-action=\"remove-category\" onClick={() => controller.removeCategory(i)}>\n ×\n </button>\n </td>\n )}\n </tr>\n );\n })}\n </tbody>\n </table>\n {!readOnly && (\n <div className=\"p-1\">\n <button type=\"button\" className={`${chartButtonClass} h-6 border-dashed`} data-action=\"add-category\" onClick={() => controller.addCategory()}>\n + Add category\n </button>\n </div>\n )}\n </div>\n );\n}\n","import React, { useId } from 'react';\nimport {\n CHART_COLOR_SCHEMES,\n CHART_LABEL_POSITIONS,\n CHART_LAYOUT_PRESETS,\n CHART_MARKERS,\n CHART_TRENDLINE_TYPES,\n checkChartColors,\n chartFamily,\n chartSupportsTrendlines,\n chartTrendlineName,\n CHART_CURVES,\n CHART_LEGEND_POSITIONS,\n CHART_NUMBER_STYLES,\n CHART_SERIES_TYPES,\n CHART_STACKINGS,\n CHART_TYPE_LABELS,\n CHART_TYPES,\n chartColorInputValue,\n chartSeriesColor,\n chartSeriesType,\n isCartesianChart,\n type ChartAxis,\n type ChartController,\n type ChartNumberFormat,\n} from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\nimport { ChartCommitInput } from './ChartDataGrid';\nimport { chartButtonClass, chartInputClass, chartLabelClass, chartSectionClass, chartSegmentClass } from './styles';\n\nexport interface ChartInspectorProps {\n controller: ChartController;\n /** Which sections to show (default: all that apply to the chart). */\n sections?: readonly ChartInspectorSection[];\n className?: string;\n}\n\nexport type ChartInspectorSection = 'type' | 'style' | 'titles' | 'options' | 'legend' | 'axes' | 'series';\n\nconst cap = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nfunction Field({ label, htmlFor, children }: { label: string; htmlFor?: string; children: React.ReactNode }) {\n return (\n <div className=\"flex items-center gap-2\">\n <label htmlFor={htmlFor} className={`${chartLabelClass} w-20 shrink-0`}>\n {label}\n </label>\n <div className=\"min-w-0 flex-1\">{children}</div>\n </div>\n );\n}\n\nfunction Toggle({ label, checked, onChange, name }: { label: string; checked: boolean; onChange: (checked: boolean) => void; name: string }) {\n return (\n <label className=\"flex cursor-pointer items-center gap-2 text-xs text-foreground\">\n <input type=\"checkbox\" className=\"h-3.5 w-3.5 accent-primary\" checked={checked} data-option={name} onChange={(e) => onChange(e.currentTarget.checked)} />\n {label}\n </label>\n );\n}\n\nfunction Select<T extends string>({ id, value, options, onChange, name, labels }: { id?: string; value: T; options: readonly T[]; onChange: (value: T) => void; name: string; labels?: Partial<Record<T, string>> }) {\n return (\n <select id={id} className={chartInputClass} value={value} data-option={name} onChange={(e) => onChange(e.currentTarget.value as T)}>\n {options.map((o) => (\n <option key={o} value={o}>\n {labels?.[o] ?? cap(o)}\n </option>\n ))}\n </select>\n );\n}\n\nfunction AxisSection({ controller, axis, value, idBase, horizontal, numeric = false }: { controller: ChartController; axis: 'x' | 'y' | 'y2'; value: ChartAxis; idBase: string; horizontal: boolean; numeric?: boolean }) {\n const set = (patch: Partial<ChartAxis>) => controller.setAxis(axis, patch);\n const setFormat = (patch: Partial<ChartNumberFormat>) => set({ format: { ...value.format, ...patch } });\n const bound = (key: 'min' | 'max') => (\n <ChartCommitInput\n id={`${idBase}-${axis}-${key}`}\n value={value[key] === null ? '' : String(value[key])}\n placeholder=\"Auto\"\n inputMode=\"decimal\"\n data-option={`${axis}Axis.${key}`}\n className={chartInputClass}\n onCommit={(text) => set({ [key]: text.trim() === '' ? null : Number(text) }).ok}\n />\n );\n const name = axis === 'x' ? (numeric ? 'X axis' : 'Category axis') : axis === 'y' ? 'Value axis' : 'Secondary axis';\n const valueAxis = axis !== 'x' || numeric;\n const key = axis === 'y2' ? 'yAxis2' : `${axis}Axis`;\n return (\n <div className={chartSectionClass} data-section={`axis-${axis}`}>\n <div className=\"flex items-center justify-between\">\n <h4 className=\"text-xs font-semibold text-foreground\">\n {name}\n <span className=\"ml-1 font-normal text-muted-foreground\">({axis === 'x' ? (horizontal ? 'left' : 'bottom') : axis === 'y2' ? (horizontal ? 'top' : 'right') : horizontal ? 'bottom' : 'left'})</span>\n </h4>\n <Toggle label=\"Show\" name={`${axis}Axis.show`} checked={value.show} onChange={(show) => set({ show })} />\n </div>\n <Field label=\"Title\" htmlFor={`${idBase}-${axis}-title`}>\n <ChartCommitInput id={`${idBase}-${axis}-title`} value={value.title} data-option={`${axis}Axis.title`} className={chartInputClass} onCommit={(title) => void set({ title })} />\n </Field>\n <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n <Toggle label=\"Grid lines\" name={`${key}.gridlines`} checked={value.gridlines} onChange={(gridlines) => set({ gridlines })} />\n {axis === 'x' && !numeric && <Toggle label=\"Dates\" name=\"xAxis.kind\" checked={value.kind === 'date'} onChange={(dates) => set({ kind: dates ? 'date' : undefined } as Partial<ChartAxis>)} />}\n </div>\n {valueAxis && (\n <Field label=\"Step\" htmlFor={`${idBase}-${axis}-step`}>\n <ChartCommitInput\n id={`${idBase}-${axis}-step`}\n value={value.step === null ? '' : String(value.step)}\n placeholder=\"Auto\"\n inputMode=\"decimal\"\n data-option={`${key}.step`}\n className={chartInputClass}\n onCommit={(text) => set({ step: text.trim() === '' ? null : Number(text) }).ok}\n />\n </Field>\n )}\n {valueAxis && (\n <>\n <Field label=\"Min / max\">\n <div className=\"flex gap-1\">\n {bound('min')}\n {bound('max')}\n </div>\n </Field>\n <Field label=\"Format\" htmlFor={`${idBase}-${axis}-format`}>\n <div className=\"flex gap-1\">\n <Select id={`${idBase}-${axis}-format`} name={`${key}.format.style`} value={value.format.style ?? 'number'} options={CHART_NUMBER_STYLES} onChange={(style) => setFormat({ style })} />\n <ChartCommitInput\n value={value.format.decimals === undefined ? '' : String(value.format.decimals)}\n placeholder=\"Auto\"\n aria-label=\"Decimals\"\n title=\"Decimals\"\n inputMode=\"numeric\"\n data-option={`${key}.format.decimals`}\n className={`${chartInputClass} w-14 shrink-0`}\n onCommit={(text) => {\n const format = { ...value.format };\n if (text.trim() === '') delete format.decimals;\n else format.decimals = Number(text);\n return set({ format }).ok;\n }}\n />\n </div>\n </Field>\n {value.format.style === 'currency' && (\n <Field label=\"Currency\" htmlFor={`${idBase}-${axis}-currency`}>\n <ChartCommitInput id={`${idBase}-${axis}-currency`} value={value.format.currency ?? 'USD'} data-option={`${key}.format.currency`} className={chartInputClass} onCommit={(currency) => void setFormat({ currency: currency.toUpperCase() })} />\n </Field>\n )}\n <Field label=\"Code\" htmlFor={`${idBase}-${axis}-code`}>\n <ChartCommitInput\n id={`${idBase}-${axis}-code`}\n value={value.format.code ?? ''}\n placeholder={'e.g. #,##0.0,,\"M\"'}\n data-option={`${key}.format.code`}\n className={chartInputClass}\n onCommit={(code) => {\n const format = { ...value.format };\n if (code.trim()) format.code = code.trim();\n else delete format.code;\n return set({ format }).ok;\n }}\n />\n </Field>\n </>\n )}\n </div>\n );\n}\n\n/**\n * Settings for a chart controller: type, titles, stacking and line options, legend, both\n * axes and the selected series. Every change is one undo step.\n */\nexport function ChartInspector({ controller, sections, className }: ChartInspectorProps) {\n const { spec, selectedSeries } = useChartState(controller);\n const idBase = useId();\n const show = (section: ChartInspectorSection) => !sections || sections.includes(section);\n const cartesian = isCartesianChart(spec.type);\n const family = chartFamily(spec);\n const hasAxes = family === 'cartesian' || family === 'xy' || family === 'waterfall' || family === 'histogram' || family === 'box';\n const types = spec.series.map((s) => chartSeriesType(spec, s));\n const usesSecondary = family === 'cartesian' && spec.series.some((s) => s.axis === 'secondary' && !s.hidden);\n const colorCheck = checkChartColors(spec.series.filter((s) => !s.hidden).map((s) => chartSeriesColor(spec, spec.series.indexOf(s))));\n const hasBars = cartesian && types.includes('bar');\n const hasLines = cartesian && types.some((t) => t === 'line' || t === 'area');\n const seriesIndex = selectedSeries ? spec.series.findIndex((s) => s.id === selectedSeries.id) : -1;\n\n return (\n <div className={`space-y-3 text-xs ${className ?? ''}`} data-chart-inspector=\"\">\n {show('type') && (\n <div className={chartSectionClass} data-section=\"type\">\n <div className=\"grid grid-cols-3 gap-0.5 rounded-md bg-muted p-0.5\" role=\"radiogroup\" aria-label=\"Chart type\">\n {CHART_TYPES.map((type) => (\n <button key={type} type=\"button\" role=\"radio\" aria-checked={spec.type === type} data-chart-type={type} className={chartSegmentClass(spec.type === type)} onClick={() => controller.setType(type)}>\n {CHART_TYPE_LABELS[type]}\n </button>\n ))}\n </div>\n </div>\n )}\n\n {show('style') && (\n <div className={chartSectionClass} data-section=\"style\">\n <Field label=\"Layout\" htmlFor={`${idBase}-layout`}>\n <select id={`${idBase}-layout`} className={chartInputClass} value=\"\" data-option=\"preset.layout\" onChange={(e) => e.currentTarget.value && controller.applyPreset({ layout: e.currentTarget.value })}>\n <option value=\"\">Quick layout…</option>\n {CHART_LAYOUT_PRESETS.map((p) => (\n <option key={p.id} value={p.id} title={p.description}>\n {p.label}\n </option>\n ))}\n </select>\n </Field>\n <Field label=\"Colours\" htmlFor={`${idBase}-colors`}>\n <select id={`${idBase}-colors`} className={chartInputClass} value={CHART_COLOR_SCHEMES.find((c) => c.palette.join() === spec.palette.join())?.id ?? ''} data-option=\"preset.colors\" onChange={(e) => e.currentTarget.value && controller.applyPreset({ colors: e.currentTarget.value })}>\n <option value=\"\">Custom</option>\n {CHART_COLOR_SCHEMES.map((c) => (\n <option key={c.id} value={c.id} title={c.description}>\n {c.label}\n </option>\n ))}\n </select>\n </Field>\n {!colorCheck.ok && (\n <p className=\"text-[11px] leading-snug text-amber-600 dark:text-amber-400\" data-chart-color-warning=\"\">\n {colorCheck.issues[0]}\n </p>\n )}\n <button type=\"button\" className={chartButtonClass} data-action=\"transpose\" onClick={() => controller.transpose()}>\n Switch rows and columns\n </button>\n </div>\n )}\n\n {show('titles') && (\n <div className={chartSectionClass} data-section=\"titles\">\n <Field label=\"Title\" htmlFor={`${idBase}-title`}>\n <ChartCommitInput id={`${idBase}-title`} value={spec.title} data-option=\"title\" className={chartInputClass} onCommit={(title) => void controller.setTitle(title)} />\n </Field>\n <Field label=\"Subtitle\" htmlFor={`${idBase}-subtitle`}>\n <ChartCommitInput id={`${idBase}-subtitle`} value={spec.subtitle} data-option=\"subtitle\" className={chartInputClass} onCommit={(subtitle) => void controller.setSubtitle(subtitle)} />\n </Field>\n </div>\n )}\n\n {show('options') && (\n <div className={chartSectionClass} data-section=\"options\">\n {cartesian && (\n <Field label=\"Stacking\" htmlFor={`${idBase}-stacking`}>\n <Select id={`${idBase}-stacking`} name=\"stacking\" value={spec.stacking} options={CHART_STACKINGS} labels={{ none: 'None', stacked: 'Stacked', percent: '100%' }} onChange={(stacking) => controller.update({ stacking })} />\n </Field>\n )}\n {hasBars && (\n <Field label=\"Bars\">\n <div className=\"flex gap-0.5 rounded-md bg-muted p-0.5\">\n {(['vertical', 'horizontal'] as const).map((o) => (\n <button key={o} type=\"button\" aria-pressed={spec.orientation === o} data-option={`orientation.${o}`} className={chartSegmentClass(spec.orientation === o)} onClick={() => controller.update({ orientation: o })}>\n {cap(o)}\n </button>\n ))}\n </div>\n </Field>\n )}\n {hasLines && (\n <Field label=\"Lines\" htmlFor={`${idBase}-curve`}>\n <Select id={`${idBase}-curve`} name=\"curve\" value={spec.curve} options={CHART_CURVES} onChange={(curve) => controller.update({ curve })} />\n </Field>\n )}\n {spec.type === 'donut' && (\n <Field label=\"Hole\" htmlFor={`${idBase}-hole`}>\n <input\n id={`${idBase}-hole`}\n type=\"range\"\n min={0}\n max={0.9}\n step={0.05}\n value={spec.innerRadius}\n data-option=\"innerRadius\"\n className=\"w-full accent-primary\"\n onPointerDown={() => controller.beginGesture('innerRadius')}\n onPointerUp={() => controller.endGesture()}\n onChange={(e) => controller.update({ innerRadius: Number(e.currentTarget.value) })}\n />\n </Field>\n )}\n {hasBars && (\n <Field label=\"Spacing\" htmlFor={`${idBase}-gap`}>\n <input\n id={`${idBase}-gap`}\n type=\"range\"\n min={0}\n max={0.9}\n step={0.02}\n value={spec.gapWidth}\n data-option=\"gapWidth\"\n className=\"w-full accent-primary\"\n onPointerDown={() => controller.beginGesture('gapWidth')}\n onPointerUp={() => controller.endGesture()}\n onChange={(e) => controller.update({ gapWidth: Number(e.currentTarget.value) })}\n />\n </Field>\n )}\n {spec.dataLabels && hasBars && (\n <Field label=\"Labels\" htmlFor={`${idBase}-label-position`}>\n <Select id={`${idBase}-label-position`} name=\"labelPosition\" value={spec.labelPosition} options={CHART_LABEL_POSITIONS} onChange={(labelPosition) => controller.update({ labelPosition })} />\n </Field>\n )}\n {spec.type === 'histogram' && (\n <Field label=\"Bins\" htmlFor={`${idBase}-bins`}>\n <ChartCommitInput id={`${idBase}-bins`} value={spec.bins === null ? '' : String(spec.bins)} placeholder=\"Auto\" inputMode=\"numeric\" data-option=\"bins\" className={chartInputClass} onCommit={(text) => controller.update({ bins: text.trim() === '' ? null : Number(text) }).ok} />\n </Field>\n )}\n <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n {spec.type === 'waterfall' && <Toggle label=\"Total bar\" name=\"showTotal\" checked={spec.showTotal} onChange={(showTotal) => controller.update({ showTotal })} />}\n {hasLines && <Toggle label=\"Points\" name=\"points\" checked={spec.points} onChange={(points) => controller.update({ points })} />}\n <Toggle label=\"Data labels\" name=\"dataLabels\" checked={spec.dataLabels} onChange={(dataLabels) => controller.update({ dataLabels })} />\n </div>\n </div>\n )}\n\n {show('legend') && (\n <div className={chartSectionClass} data-section=\"legend\">\n <div className=\"flex items-center justify-between\">\n <h4 className=\"text-xs font-semibold text-foreground\">Legend</h4>\n <Toggle label=\"Show\" name=\"legend.show\" checked={spec.legend.show} onChange={(v) => controller.setLegend({ show: v })} />\n </div>\n {spec.legend.show && (\n <div className=\"flex gap-0.5 rounded-md bg-muted p-0.5\">\n {CHART_LEGEND_POSITIONS.map((p) => (\n <button key={p} type=\"button\" aria-pressed={spec.legend.position === p} data-option={`legend.${p}`} className={chartSegmentClass(spec.legend.position === p)} onClick={() => controller.setLegend({ position: p })}>\n {cap(p)}\n </button>\n ))}\n </div>\n )}\n </div>\n )}\n\n {show('axes') && hasAxes && (\n <>\n {family !== 'box' && family !== 'histogram' && <AxisSection controller={controller} axis=\"x\" value={spec.xAxis} idBase={idBase} horizontal={spec.orientation === 'horizontal'} numeric={family === 'xy'} />}\n <AxisSection controller={controller} axis=\"y\" value={spec.yAxis} idBase={idBase} horizontal={spec.orientation === 'horizontal'} />\n {usesSecondary && <AxisSection controller={controller} axis=\"y2\" value={spec.yAxis2} idBase={idBase} horizontal={spec.orientation === 'horizontal'} />}\n </>\n )}\n\n {show('series') && selectedSeries && (\n <div className={chartSectionClass} data-section=\"series\" data-series-id={selectedSeries.id}>\n <h4 className=\"text-xs font-semibold text-foreground\">Series</h4>\n <Field label=\"Name\" htmlFor={`${idBase}-series-name`}>\n <ChartCommitInput id={`${idBase}-series-name`} value={selectedSeries.name} data-option=\"series.name\" className={chartInputClass} onCommit={(name) => void controller.updateSeries(selectedSeries.id, { name })} />\n </Field>\n <Field label=\"Colour\" htmlFor={`${idBase}-series-color`}>\n <div className=\"flex items-center gap-1\">\n <input\n id={`${idBase}-series-color`}\n type=\"color\"\n value={chartColorInputValue(chartSeriesColor(spec, seriesIndex))}\n data-option=\"series.color\"\n className=\"h-7 w-9 shrink-0 cursor-pointer rounded border border-input bg-background p-0.5\"\n onPointerDown={() => controller.beginGesture(`color:${selectedSeries.id}`)}\n onBlur={() => controller.endGesture()}\n onChange={(e) => controller.updateSeries(selectedSeries.id, { color: e.currentTarget.value })}\n />\n {selectedSeries.color && (\n <button type=\"button\" className={chartButtonClass} data-action=\"reset-color\" onClick={() => controller.updateSeries(selectedSeries.id, { color: null })}>\n Palette\n </button>\n )}\n </div>\n </Field>\n {cartesian && (\n <Field label=\"Draw as\" htmlFor={`${idBase}-series-type`}>\n <select\n id={`${idBase}-series-type`}\n className={chartInputClass}\n value={selectedSeries.type ?? ''}\n data-option=\"series.type\"\n onChange={(e) => controller.updateSeries(selectedSeries.id, { type: (e.currentTarget.value || null) as any })}\n >\n <option value=\"\">Chart type</option>\n {CHART_SERIES_TYPES.map((t) => (\n <option key={t} value={t}>\n {CHART_TYPE_LABELS[t]}\n </option>\n ))}\n </select>\n </Field>\n )}\n {(cartesian || family === 'xy') && ['line', 'area', 'scatter'].includes(chartSeriesType(spec, selectedSeries)) && (\n <Field label=\"Marker\" htmlFor={`${idBase}-series-marker`}>\n <select\n id={`${idBase}-series-marker`}\n className={chartInputClass}\n value={selectedSeries.marker ?? ''}\n data-option=\"series.marker\"\n onChange={(e) => controller.updateSeries(selectedSeries.id, { marker: (e.currentTarget.value || null) as any })}\n >\n <option value=\"\">Default</option>\n {CHART_MARKERS.map((m) => (\n <option key={m} value={m}>\n {cap(m)}\n </option>\n ))}\n </select>\n </Field>\n )}\n {chartSupportsTrendlines(spec.type, spec.stacking) && (\n <div className=\"space-y-1\" data-section=\"trendlines\">\n {(selectedSeries.trendlines ?? []).map((t, i) => (\n <div key={i} className=\"flex items-center gap-1\" data-trendline={i}>\n <span className=\"flex-1 truncate text-muted-foreground\">{chartTrendlineName(t, selectedSeries.name)}</span>\n <Toggle label=\"R²\" name={`trendline.${i}.showR2`} checked={!!t.showR2} onChange={(showR2) => controller.updateTrendline(selectedSeries.id, i, { showR2 })} />\n <button type=\"button\" className={chartButtonClass} aria-label=\"Delete trendline\" data-action=\"trendline-delete\" onClick={() => controller.removeTrendline(selectedSeries.id, i)}>\n ×\n </button>\n </div>\n ))}\n <select\n className={chartInputClass}\n value=\"\"\n aria-label=\"Add trendline\"\n data-option=\"trendline.add\"\n onChange={(e) => e.currentTarget.value && controller.addTrendline(selectedSeries.id, { type: e.currentTarget.value as any })}\n >\n <option value=\"\">Add trendline…</option>\n {CHART_TRENDLINE_TYPES.map((t) => (\n <option key={t} value={t}>\n {cap(t.replace('-', ' '))}\n </option>\n ))}\n </select>\n </div>\n )}\n <div className=\"flex flex-wrap items-center gap-1\">\n <Toggle label=\"Hidden\" name=\"series.hidden\" checked={!!selectedSeries.hidden} onChange={(hidden) => controller.updateSeries(selectedSeries.id, { hidden })} />\n {family === 'cartesian' && <Toggle label=\"Secondary axis\" name=\"series.axis\" checked={selectedSeries.axis === 'secondary'} onChange={(secondary) => controller.updateSeries(selectedSeries.id, { axis: secondary ? 'secondary' : null })} />}\n <span className=\"flex-1\" />\n <button type=\"button\" className={chartButtonClass} disabled={seriesIndex <= 0} aria-label=\"Move series earlier\" data-action=\"series-up\" onClick={() => controller.moveSeries(selectedSeries.id, seriesIndex - 1)}>\n ↑\n </button>\n <button type=\"button\" className={chartButtonClass} disabled={seriesIndex >= spec.series.length - 1} aria-label=\"Move series later\" data-action=\"series-down\" onClick={() => controller.moveSeries(selectedSeries.id, seriesIndex + 1)}>\n ↓\n </button>\n <button type=\"button\" className={`${chartButtonClass} text-destructive`} data-action=\"series-delete\" onClick={() => controller.removeSeries(selectedSeries.id)}>\n Delete\n </button>\n </div>\n </div>\n )}\n </div>\n );\n}\n","import React from 'react';\nimport { describeChartSelection, type ChartController } from '@pixerate/editor/chart';\nimport { ChartCanvas, type ChartCanvasProps } from './ChartCanvas';\nimport { ChartDataGrid } from './ChartDataGrid';\nimport { ChartInspector } from './ChartInspector';\nimport { useChartState } from './useChartEditor';\nimport { chartButtonClass } from './styles';\n\nexport interface ChartEditorProps {\n controller: ChartController;\n /** The settings sidebar (default `true`). */\n showInspector?: boolean;\n /** The data grid under the chart (default `true`). */\n showDataGrid?: boolean;\n /** Undo / redo and the selection readout (default `true`). */\n showToolbar?: boolean;\n /** Chart height in pixels (default 380). */\n height?: number;\n canvasProps?: Omit<ChartCanvasProps, 'controller' | 'height'>;\n className?: string;\n}\n\n/** Toolbar, chart, settings sidebar and data grid for a `ChartController`. */\nexport function ChartEditor({ controller, showInspector = true, showDataGrid = true, showToolbar = true, height = 380, canvasProps, className }: ChartEditorProps) {\n const state = useChartState(controller);\n return (\n <div className={`flex flex-col gap-2 ${className ?? ''}`} data-chart-editor=\"\">\n {showToolbar && (\n <div className=\"flex items-center gap-1\" data-chart-toolbar=\"\">\n <button type=\"button\" className={chartButtonClass} disabled={!state.canUndo} title={state.undoLabel ? `Undo ${state.undoLabel}` : 'Undo'} data-action=\"undo\" onClick={() => controller.undo()}>\n Undo\n </button>\n <button type=\"button\" className={chartButtonClass} disabled={!state.canRedo} title={state.redoLabel ? `Redo ${state.redoLabel}` : 'Redo'} data-action=\"redo\" onClick={() => controller.redo()}>\n Redo\n </button>\n <span className=\"ml-2 truncate text-xs text-muted-foreground\" data-chart-selection=\"\" aria-live=\"polite\">\n {describeChartSelection(controller, state.selection)}\n </span>\n </div>\n )}\n {state.issues.length > 0 && (\n <p role=\"alert\" className=\"rounded-md border border-destructive/40 bg-destructive/10 px-2 py-1 text-xs text-destructive\" data-chart-issues=\"\">\n {state.issues.map((i) => i.message).join(' ')}\n </p>\n )}\n <div className=\"flex min-h-0 flex-col gap-2 md:flex-row\">\n <div className=\"min-w-0 flex-1 rounded-md border border-border bg-background p-1\">\n <ChartCanvas controller={controller} height={height} {...canvasProps} />\n </div>\n {showInspector && <ChartInspector controller={controller} className=\"w-full shrink-0 overflow-y-auto rounded-md border border-border p-3 md:w-64\" />}\n </div>\n {showDataGrid && <ChartDataGrid controller={controller} />}\n </div>\n );\n}\n","import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n CSS_VARIABLE_CHART_THEME,\n ChartStream,\n blendChartScenes,\n easeChartTween,\n layoutChart,\n layoutSparkline,\n type ChartScene,\n type ChartSparklineOptions,\n type ChartStreamFormat,\n type ChartTheme,\n type ChartValue,\n} from '@pixerate/editor/chart';\nimport { ChartSceneSvg } from './ChartCanvas';\n\nexport interface ChartStreamingViewProps {\n /** Mermaid (xychart-beta, pie, radar-beta) or a JSON chart spec, as far as it has arrived. */\n source: string;\n /** Nothing more will arrive: the final chart is drawn at once and problems are reported. */\n complete?: boolean;\n format?: ChartStreamFormat;\n width?: number;\n height?: number;\n theme?: Partial<ChartTheme>;\n /** How often a new layout is adopted while streaming (ms, default 300). */\n adoptInterval?: number;\n /** Tween length between layouts (ms, default 450; 0 to switch at once). */\n tween?: number;\n /** Shown before anything can be drawn. */\n placeholder?: React.ReactNode;\n /** Called with the parse problems once `complete`. */\n onIssues?: (issues: { message: string; line?: number }[]) => void;\n className?: string;\n}\n\n/**\n * Draws a chart whose source is still arriving (e.g. from a model): series appear as their\n * values come in, the value axis only grows so it does not jump, and each new layout tweens\n * from the last. Read-only; load the final spec into a `ChartController` to edit it.\n */\nexport function ChartStreamingView({ source, complete = false, format = 'auto', width = 640, height = 360, theme, adoptInterval = 300, tween = 450, placeholder, onIssues, className }: ChartStreamingViewProps) {\n const stream = useMemo(() => new ChartStream(format), [format]);\n const fullTheme = useMemo(() => ({ ...CSS_VARIABLE_CHART_THEME, ...theme }), [theme]);\n const [scene, setScene] = useState<ChartScene | null>(null);\n const shown = useRef<ChartScene | null>(null);\n const lastAdopt = useRef(0);\n const frame = useRef<number | null>(null);\n const pending = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n const adopt = () => {\n const read = stream.update(source, complete);\n if (complete && onIssues) onIssues(read.issues);\n if (!read.spec) return;\n const next = layoutChart(read.spec, { width, height, theme: fullTheme, valueDomain: read.valueDomain });\n const from = shown.current;\n lastAdopt.current = Date.now();\n if (frame.current !== null) cancelAnimationFrame(frame.current);\n if (!from || tween <= 0 || typeof requestAnimationFrame === 'undefined') {\n shown.current = next;\n setScene(next);\n return;\n }\n const start = performance.now();\n const step = () => {\n const t = easeChartTween((performance.now() - start) / tween);\n const s = blendChartScenes(from, next, t);\n shown.current = s;\n setScene(s);\n frame.current = t < 1 ? requestAnimationFrame(step) : null;\n };\n frame.current = requestAnimationFrame(step);\n };\n if (pending.current) clearTimeout(pending.current);\n const wait = complete ? 0 : Math.max(0, adoptInterval - (Date.now() - lastAdopt.current));\n if (wait === 0) adopt();\n else pending.current = setTimeout(adopt, wait);\n return () => {\n if (pending.current) clearTimeout(pending.current);\n };\n }, [source, complete, stream, width, height, fullTheme, adoptInterval, tween, onIssues]);\n\n useEffect(() => () => {\n if (frame.current !== null) cancelAnimationFrame(frame.current);\n }, []);\n\n return (\n <div className={className} data-chart-streaming={complete ? 'complete' : 'streaming'} aria-busy={!complete}>\n {scene ? <ChartSceneSvg scene={scene} label={complete ? undefined : 'Chart loading'} /> : (placeholder ?? <div style={{ height }} className=\"flex items-center justify-center text-xs text-muted-foreground\">Drawing chart…</div>)}\n </div>\n );\n}\n\nexport interface ChartSparklineProps extends Omit<ChartSparklineOptions, 'width' | 'height'> {\n values: readonly ChartValue[];\n width?: number;\n height?: number;\n /** Accessible label (default: first and last value). */\n label?: string;\n className?: string;\n}\n\n/** A word-sized chart: line, column or win/loss. */\nexport function ChartSparkline({ values, width = 80, height = 20, label, className, ...options }: ChartSparklineProps) {\n const scene = useMemo(() => layoutSparkline(values, { ...options, width, height }), [values, width, height, options.kind, options.color, options.negativeColor, options.markers, options.highLow, options.min, options.max]);\n const present = values.filter((v): v is number => v !== null);\n return <ChartSceneSvg scene={scene} label={label ?? (present.length ? `Trend from ${present[0]} to ${present[present.length - 1]}` : 'No data')} className={`inline-block align-middle ${className ?? ''}`} />;\n}\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useSyncExternalStore","layoutChart","useSyncExternalStore","useRef","useEffect","useMemo","layoutChart","useEffect","useRef","useState","jsx","jsxs","useState","useRef","useEffect","chartColorInputValue","chartSeriesColor","Fragment","jsx","jsxs","key","chartSeriesColor","chartColorInputValue","describeChartSelection","jsx","jsxs","describeChartSelection","useEffect","useMemo","useRef","useState","CSS_VARIABLE_CHART_THEME","layoutChart","jsx","useMemo","CSS_VARIABLE_CHART_THEME","useState","useRef","useEffect","layoutChart"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pixerate/editor-react",
3
- "version": "0.35.1",
3
+ "version": "0.36.0",
4
4
  "description": "React bindings and prompt/rich-text components for @pixerate/editor",
5
5
  "author": "Pixerate",
6
6
  "license": "MIT",
@@ -115,7 +115,7 @@
115
115
  },
116
116
  "peerDependencies": {
117
117
  "@dagrejs/dagre": "^1.1.8",
118
- "@pixerate/editor": ">=0.46.1 <1.0.0-0",
118
+ "@pixerate/editor": ">=0.47.0 <1.0.0-0",
119
119
  "@tiptap/core": "^2.11.5",
120
120
  "@tiptap/pm": "^2.11.5",
121
121
  "@tiptap/react": "^2.11.5",
@@ -142,7 +142,7 @@
142
142
  "tsup": "^8.4.0",
143
143
  "typescript": "^5.7.3",
144
144
  "vitest": "^4.1.11",
145
- "@pixerate/editor": "0.46.1"
145
+ "@pixerate/editor": "0.47.0"
146
146
  },
147
147
  "scripts": {
148
148
  "build": "tsup",