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

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 (312) hide show
  1. package/README.md +120 -0
  2. package/dist/MosaicChartBuilder.d.ts +48 -13
  3. package/dist/MosaicChartBuilder.d.ts.map +1 -1
  4. package/dist/MosaicChartBuilder.js +28 -30
  5. package/dist/MosaicChartBuilder.js.map +1 -1
  6. package/dist/MosaicSlice.d.ts +11 -0
  7. package/dist/MosaicSlice.d.ts.map +1 -1
  8. package/dist/MosaicSlice.js +73 -10
  9. package/dist/MosaicSlice.js.map +1 -1
  10. package/dist/ResponsivePlot.d.ts +23 -0
  11. package/dist/ResponsivePlot.d.ts.map +1 -0
  12. package/dist/ResponsivePlot.js +43 -0
  13. package/dist/ResponsivePlot.js.map +1 -0
  14. package/dist/VgPlotChart.d.ts +18 -2
  15. package/dist/VgPlotChart.d.ts.map +1 -1
  16. package/dist/VgPlotChart.js +112 -26
  17. package/dist/VgPlotChart.js.map +1 -1
  18. package/dist/chart-builders/ChartBuilderActions.d.ts +6 -0
  19. package/dist/chart-builders/ChartBuilderActions.d.ts.map +1 -0
  20. package/dist/chart-builders/ChartBuilderActions.js +28 -0
  21. package/dist/chart-builders/ChartBuilderActions.js.map +1 -0
  22. package/dist/chart-builders/ChartBuilderContent.d.ts +13 -11
  23. package/dist/chart-builders/ChartBuilderContent.d.ts.map +1 -1
  24. package/dist/chart-builders/ChartBuilderContent.js +21 -52
  25. package/dist/chart-builders/ChartBuilderContent.js.map +1 -1
  26. package/dist/chart-builders/ChartBuilderContext.d.ts +9 -4
  27. package/dist/chart-builders/ChartBuilderContext.d.ts.map +1 -1
  28. package/dist/chart-builders/ChartBuilderContext.js +5 -0
  29. package/dist/chart-builders/ChartBuilderContext.js.map +1 -1
  30. package/dist/chart-builders/ChartBuilderDialog.d.ts +31 -6
  31. package/dist/chart-builders/ChartBuilderDialog.d.ts.map +1 -1
  32. package/dist/chart-builders/ChartBuilderDialog.js +25 -10
  33. package/dist/chart-builders/ChartBuilderDialog.js.map +1 -1
  34. package/dist/chart-builders/ChartBuilderFields.d.ts +6 -0
  35. package/dist/chart-builders/ChartBuilderFields.d.ts.map +1 -0
  36. package/dist/chart-builders/ChartBuilderFields.js +25 -0
  37. package/dist/chart-builders/ChartBuilderFields.js.map +1 -0
  38. package/dist/chart-builders/ChartBuilderRoot.d.ts +27 -0
  39. package/dist/chart-builders/ChartBuilderRoot.d.ts.map +1 -0
  40. package/dist/chart-builders/ChartBuilderRoot.js +61 -0
  41. package/dist/chart-builders/ChartBuilderRoot.js.map +1 -0
  42. package/dist/chart-builders/ChartBuilderTypeGrid.d.ts +7 -0
  43. package/dist/chart-builders/ChartBuilderTypeGrid.d.ts.map +1 -0
  44. package/dist/chart-builders/ChartBuilderTypeGrid.js +23 -0
  45. package/dist/chart-builders/ChartBuilderTypeGrid.js.map +1 -0
  46. package/dist/chart-builders/FieldSelectorInput.d.ts.map +1 -1
  47. package/dist/chart-builders/FieldSelectorInput.js +2 -2
  48. package/dist/chart-builders/FieldSelectorInput.js.map +1 -1
  49. package/dist/chart-builders/builders.d.ts +28 -1
  50. package/dist/chart-builders/builders.d.ts.map +1 -1
  51. package/dist/chart-builders/builders.js +44 -273
  52. package/dist/chart-builders/builders.js.map +1 -1
  53. package/dist/chart-builders/chartSpecTitle.d.ts +3 -4
  54. package/dist/chart-builders/chartSpecTitle.d.ts.map +1 -1
  55. package/dist/chart-builders/chartSpecTitle.js +3 -5
  56. package/dist/chart-builders/chartSpecTitle.js.map +1 -1
  57. package/dist/chart-builders/chartTypeUtils.d.ts +17 -0
  58. package/dist/chart-builders/chartTypeUtils.d.ts.map +1 -0
  59. package/dist/chart-builders/chartTypeUtils.js +55 -0
  60. package/dist/chart-builders/chartTypeUtils.js.map +1 -0
  61. package/dist/chart-builders/constants.d.ts +7 -0
  62. package/dist/chart-builders/constants.d.ts.map +1 -0
  63. package/dist/chart-builders/constants.js +34 -0
  64. package/dist/chart-builders/constants.js.map +1 -0
  65. package/dist/chart-builders/createChartBuilderStore.d.ts +11 -0
  66. package/dist/chart-builders/createChartBuilderStore.d.ts.map +1 -0
  67. package/dist/chart-builders/createChartBuilderStore.js +26 -0
  68. package/dist/chart-builders/createChartBuilderStore.js.map +1 -0
  69. package/dist/chart-builders/describeChartSpecs.d.ts +5 -3
  70. package/dist/chart-builders/describeChartSpecs.d.ts.map +1 -1
  71. package/dist/chart-builders/describeChartSpecs.js +11 -8
  72. package/dist/chart-builders/describeChartSpecs.js.map +1 -1
  73. package/dist/chart-builders/hooks/useChartFieldForm.d.ts +13 -0
  74. package/dist/chart-builders/hooks/useChartFieldForm.d.ts.map +1 -0
  75. package/dist/chart-builders/hooks/useChartFieldForm.js +12 -0
  76. package/dist/chart-builders/hooks/useChartFieldForm.js.map +1 -0
  77. package/dist/chart-builders/types.d.ts +12 -29
  78. package/dist/chart-builders/types.d.ts.map +1 -1
  79. package/dist/chart-builders/types.js +16 -1
  80. package/dist/chart-builders/types.js.map +1 -1
  81. package/dist/chart-types/base-types.d.ts +54 -0
  82. package/dist/chart-types/base-types.d.ts.map +1 -0
  83. package/dist/chart-types/base-types.js +6 -0
  84. package/dist/chart-types/base-types.js.map +1 -0
  85. package/dist/chart-types/box-plot/definition.d.ts +4 -0
  86. package/dist/chart-types/box-plot/definition.d.ts.map +1 -0
  87. package/dist/chart-types/box-plot/definition.js +45 -0
  88. package/dist/chart-types/box-plot/definition.js.map +1 -0
  89. package/dist/chart-types/box-plot/index.d.ts +3 -0
  90. package/dist/chart-types/box-plot/index.d.ts.map +1 -0
  91. package/dist/chart-types/box-plot/index.js +3 -0
  92. package/dist/chart-types/box-plot/index.js.map +1 -0
  93. package/dist/chart-types/box-plot/schema.d.ts +17 -0
  94. package/dist/chart-types/box-plot/schema.d.ts.map +1 -0
  95. package/dist/chart-types/box-plot/schema.js +12 -0
  96. package/dist/chart-types/box-plot/schema.js.map +1 -0
  97. package/dist/chart-types/bubble-chart/definition.d.ts +4 -0
  98. package/dist/chart-types/bubble-chart/definition.d.ts.map +1 -0
  99. package/dist/chart-types/bubble-chart/definition.js +48 -0
  100. package/dist/chart-types/bubble-chart/definition.js.map +1 -0
  101. package/dist/chart-types/bubble-chart/index.d.ts +3 -0
  102. package/dist/chart-types/bubble-chart/index.d.ts.map +1 -0
  103. package/dist/chart-types/bubble-chart/index.js +3 -0
  104. package/dist/chart-types/bubble-chart/index.js.map +1 -0
  105. package/dist/chart-types/bubble-chart/schema.d.ts +17 -0
  106. package/dist/chart-types/bubble-chart/schema.d.ts.map +1 -0
  107. package/dist/chart-types/bubble-chart/schema.js +12 -0
  108. package/dist/chart-types/bubble-chart/schema.js.map +1 -0
  109. package/dist/chart-types/count-plot/definition.d.ts +4 -0
  110. package/dist/chart-types/count-plot/definition.d.ts.map +1 -0
  111. package/dist/chart-types/count-plot/definition.js +50 -0
  112. package/dist/chart-types/count-plot/definition.js.map +1 -0
  113. package/dist/chart-types/count-plot/index.d.ts +3 -0
  114. package/dist/chart-types/count-plot/index.d.ts.map +1 -0
  115. package/dist/chart-types/count-plot/index.js +3 -0
  116. package/dist/chart-types/count-plot/index.js.map +1 -0
  117. package/dist/chart-types/count-plot/schema.d.ts +15 -0
  118. package/dist/chart-types/count-plot/schema.d.ts.map +1 -0
  119. package/dist/chart-types/count-plot/schema.js +11 -0
  120. package/dist/chart-types/count-plot/schema.js.map +1 -0
  121. package/dist/chart-types/custom-spec/definition.d.ts +4 -0
  122. package/dist/chart-types/custom-spec/definition.d.ts.map +1 -0
  123. package/dist/chart-types/custom-spec/definition.js +28 -0
  124. package/dist/chart-types/custom-spec/definition.js.map +1 -0
  125. package/dist/chart-types/custom-spec/index.d.ts +3 -0
  126. package/dist/chart-types/custom-spec/index.d.ts.map +1 -0
  127. package/dist/chart-types/custom-spec/index.js +3 -0
  128. package/dist/chart-types/custom-spec/index.js.map +1 -0
  129. package/dist/chart-types/custom-spec/schema.d.ts +11 -0
  130. package/dist/chart-types/custom-spec/schema.d.ts.map +1 -0
  131. package/dist/chart-types/custom-spec/schema.js +9 -0
  132. package/dist/chart-types/custom-spec/schema.js.map +1 -0
  133. package/dist/chart-types/ecdf/definition.d.ts +4 -0
  134. package/dist/chart-types/ecdf/definition.d.ts.map +1 -0
  135. package/dist/chart-types/ecdf/definition.js +47 -0
  136. package/dist/chart-types/ecdf/definition.js.map +1 -0
  137. package/dist/chart-types/ecdf/index.d.ts +3 -0
  138. package/dist/chart-types/ecdf/index.d.ts.map +1 -0
  139. package/dist/chart-types/ecdf/index.js +3 -0
  140. package/dist/chart-types/ecdf/index.js.map +1 -0
  141. package/dist/chart-types/ecdf/schema.d.ts +15 -0
  142. package/dist/chart-types/ecdf/schema.d.ts.map +1 -0
  143. package/dist/chart-types/ecdf/schema.js +11 -0
  144. package/dist/chart-types/ecdf/schema.js.map +1 -0
  145. package/dist/chart-types/heatmap/definition.d.ts +4 -0
  146. package/dist/chart-types/heatmap/definition.d.ts.map +1 -0
  147. package/dist/chart-types/heatmap/definition.js +49 -0
  148. package/dist/chart-types/heatmap/definition.js.map +1 -0
  149. package/dist/chart-types/heatmap/index.d.ts +3 -0
  150. package/dist/chart-types/heatmap/index.d.ts.map +1 -0
  151. package/dist/chart-types/heatmap/index.js +3 -0
  152. package/dist/chart-types/heatmap/index.js.map +1 -0
  153. package/dist/chart-types/heatmap/schema.d.ts +17 -0
  154. package/dist/chart-types/heatmap/schema.d.ts.map +1 -0
  155. package/dist/chart-types/heatmap/schema.js +12 -0
  156. package/dist/chart-types/heatmap/schema.js.map +1 -0
  157. package/dist/chart-types/histogram/definition.d.ts +4 -0
  158. package/dist/chart-types/histogram/definition.d.ts.map +1 -0
  159. package/dist/chart-types/histogram/definition.js +49 -0
  160. package/dist/chart-types/histogram/definition.js.map +1 -0
  161. package/dist/chart-types/histogram/index.d.ts +3 -0
  162. package/dist/chart-types/histogram/index.d.ts.map +1 -0
  163. package/dist/chart-types/histogram/index.js +3 -0
  164. package/dist/chart-types/histogram/index.js.map +1 -0
  165. package/dist/chart-types/histogram/schema.d.ts +15 -0
  166. package/dist/chart-types/histogram/schema.d.ts.map +1 -0
  167. package/dist/chart-types/histogram/schema.js +11 -0
  168. package/dist/chart-types/histogram/schema.js.map +1 -0
  169. package/dist/chart-types/index.d.ts +109 -0
  170. package/dist/chart-types/index.d.ts.map +1 -0
  171. package/dist/chart-types/index.js +70 -0
  172. package/dist/chart-types/index.js.map +1 -0
  173. package/dist/chart-types/line-chart/definition.d.ts +4 -0
  174. package/dist/chart-types/line-chart/definition.d.ts.map +1 -0
  175. package/dist/chart-types/line-chart/definition.js +46 -0
  176. package/dist/chart-types/line-chart/definition.js.map +1 -0
  177. package/dist/chart-types/line-chart/index.d.ts +3 -0
  178. package/dist/chart-types/line-chart/index.d.ts.map +1 -0
  179. package/dist/chart-types/line-chart/index.js +3 -0
  180. package/dist/chart-types/line-chart/index.js.map +1 -0
  181. package/dist/chart-types/line-chart/schema.d.ts +17 -0
  182. package/dist/chart-types/line-chart/schema.d.ts.map +1 -0
  183. package/dist/chart-types/line-chart/schema.js +12 -0
  184. package/dist/chart-types/line-chart/schema.js.map +1 -0
  185. package/dist/chart-types/registry.d.ts +5 -0
  186. package/dist/chart-types/registry.d.ts.map +1 -0
  187. package/dist/chart-types/registry.js +28 -0
  188. package/dist/chart-types/registry.js.map +1 -0
  189. package/dist/dashboard/DashboardPanelErrorBoundary.d.ts +17 -0
  190. package/dist/dashboard/DashboardPanelErrorBoundary.d.ts.map +1 -0
  191. package/dist/dashboard/DashboardPanelErrorBoundary.js +21 -0
  192. package/dist/dashboard/DashboardPanelErrorBoundary.js.map +1 -0
  193. package/dist/dashboard/MosaicDashboard.d.ts +2 -4
  194. package/dist/dashboard/MosaicDashboard.d.ts.map +1 -1
  195. package/dist/dashboard/MosaicDashboard.js +42 -19
  196. package/dist/dashboard/MosaicDashboard.js.map +1 -1
  197. package/dist/dashboard/MosaicDashboardContext.d.ts +1 -0
  198. package/dist/dashboard/MosaicDashboardContext.d.ts.map +1 -1
  199. package/dist/dashboard/MosaicDashboardContext.js.map +1 -1
  200. package/dist/dashboard/MosaicDashboardPanel.d.ts +3 -0
  201. package/dist/dashboard/MosaicDashboardPanel.d.ts.map +1 -0
  202. package/dist/dashboard/MosaicDashboardPanel.js +26 -0
  203. package/dist/dashboard/MosaicDashboardPanel.js.map +1 -0
  204. package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts +8 -0
  205. package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts.map +1 -0
  206. package/dist/dashboard/MosaicDashboardPanelDragOverlay.js +17 -0
  207. package/dist/dashboard/MosaicDashboardPanelDragOverlay.js.map +1 -0
  208. package/dist/dashboard/MosaicDashboardPanelHeader.d.ts +13 -0
  209. package/dist/dashboard/MosaicDashboardPanelHeader.d.ts.map +1 -0
  210. package/dist/dashboard/MosaicDashboardPanelHeader.js +30 -0
  211. package/dist/dashboard/MosaicDashboardPanelHeader.js.map +1 -0
  212. package/dist/dashboard/MosaicDashboardPanelLayout.d.ts +10 -0
  213. package/dist/dashboard/MosaicDashboardPanelLayout.d.ts.map +1 -0
  214. package/dist/dashboard/MosaicDashboardPanelLayout.js +25 -0
  215. package/dist/dashboard/MosaicDashboardPanelLayout.js.map +1 -0
  216. package/dist/dashboard/MosaicDashboardPanels.d.ts +2 -0
  217. package/dist/dashboard/MosaicDashboardPanels.d.ts.map +1 -0
  218. package/dist/dashboard/MosaicDashboardPanels.js +52 -0
  219. package/dist/dashboard/MosaicDashboardPanels.js.map +1 -0
  220. package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.d.ts +3 -0
  221. package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.d.ts.map +1 -0
  222. package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js +32 -0
  223. package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js.map +1 -0
  224. package/dist/dashboard/MosaicDashboardSlice.d.ts +482 -27
  225. package/dist/dashboard/MosaicDashboardSlice.d.ts.map +1 -1
  226. package/dist/dashboard/MosaicDashboardSlice.js +478 -93
  227. package/dist/dashboard/MosaicDashboardSlice.js.map +1 -1
  228. package/dist/dashboard/MosaicDashboardToolbar.d.ts.map +1 -1
  229. package/dist/dashboard/MosaicDashboardToolbar.js +69 -7
  230. package/dist/dashboard/MosaicDashboardToolbar.js.map +1 -1
  231. package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.d.ts +4 -0
  232. package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.d.ts.map +1 -0
  233. package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.js +29 -0
  234. package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.js.map +1 -0
  235. package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.d.ts +3 -0
  236. package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.d.ts.map +1 -0
  237. package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.js +68 -0
  238. package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.js.map +1 -0
  239. package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts.map +1 -1
  240. package/dist/dashboard/VgPlotSpecPopoverEditor.js +2 -2
  241. package/dist/dashboard/VgPlotSpecPopoverEditor.js.map +1 -1
  242. package/dist/dashboard/chart-settings/ChartSettings.d.ts +39 -0
  243. package/dist/dashboard/chart-settings/ChartSettings.d.ts.map +1 -0
  244. package/dist/dashboard/chart-settings/ChartSettings.js +90 -0
  245. package/dist/dashboard/chart-settings/ChartSettings.js.map +1 -0
  246. package/dist/dashboard/chart-settings/ChartSettingsContext.d.ts +20 -0
  247. package/dist/dashboard/chart-settings/ChartSettingsContext.d.ts.map +1 -0
  248. package/dist/dashboard/chart-settings/ChartSettingsContext.js +14 -0
  249. package/dist/dashboard/chart-settings/ChartSettingsContext.js.map +1 -0
  250. package/dist/dashboard/chart-settings/ChartSettingsPanel.d.ts +11 -0
  251. package/dist/dashboard/chart-settings/ChartSettingsPanel.d.ts.map +1 -0
  252. package/dist/dashboard/chart-settings/ChartSettingsPanel.js +8 -0
  253. package/dist/dashboard/chart-settings/ChartSettingsPanel.js.map +1 -0
  254. package/dist/dashboard/chart-settings/ChartTypeSelector.d.ts +11 -0
  255. package/dist/dashboard/chart-settings/ChartTypeSelector.d.ts.map +1 -0
  256. package/dist/dashboard/chart-settings/ChartTypeSelector.js +17 -0
  257. package/dist/dashboard/chart-settings/ChartTypeSelector.js.map +1 -0
  258. package/dist/dashboard/chart-settings/DynamicChartSettings.d.ts +11 -0
  259. package/dist/dashboard/chart-settings/DynamicChartSettings.d.ts.map +1 -0
  260. package/dist/dashboard/chart-settings/DynamicChartSettings.js +19 -0
  261. package/dist/dashboard/chart-settings/DynamicChartSettings.js.map +1 -0
  262. package/dist/dashboard/chart-settings/index.d.ts +6 -0
  263. package/dist/dashboard/chart-settings/index.d.ts.map +1 -0
  264. package/dist/dashboard/chart-settings/index.js +6 -0
  265. package/dist/dashboard/chart-settings/index.js.map +1 -0
  266. package/dist/dashboard/chart-settings/useTableColumns.d.ts +3 -0
  267. package/dist/dashboard/chart-settings/useTableColumns.d.ts.map +1 -0
  268. package/dist/dashboard/chart-settings/useTableColumns.js +12 -0
  269. package/dist/dashboard/chart-settings/useTableColumns.js.map +1 -0
  270. package/dist/dashboard/defaultPanelRenderers.d.ts +3 -0
  271. package/dist/dashboard/defaultPanelRenderers.d.ts.map +1 -0
  272. package/dist/dashboard/defaultPanelRenderers.js +11 -0
  273. package/dist/dashboard/defaultPanelRenderers.js.map +1 -0
  274. package/dist/dashboard/generateMosaicChartSpec.d.ts +15 -0
  275. package/dist/dashboard/generateMosaicChartSpec.d.ts.map +1 -0
  276. package/dist/dashboard/generateMosaicChartSpec.js +30 -0
  277. package/dist/dashboard/generateMosaicChartSpec.js.map +1 -0
  278. package/dist/editor/MosaicChartDisplay.d.ts.map +1 -1
  279. package/dist/editor/MosaicChartDisplay.js +6 -1
  280. package/dist/editor/MosaicChartDisplay.js.map +1 -1
  281. package/dist/index.d.ts +31 -5
  282. package/dist/index.d.ts.map +1 -1
  283. package/dist/index.js +21 -2
  284. package/dist/index.js.map +1 -1
  285. package/dist/profiler/useMosaicProfiler.d.ts.map +1 -1
  286. package/dist/profiler/useMosaicProfiler.js.map +1 -1
  287. package/dist/tableInterop.js.map +1 -1
  288. package/dist/useMosaicClient.d.ts +4 -15
  289. package/dist/useMosaicClient.d.ts.map +1 -1
  290. package/dist/useMosaicClient.js +10 -4
  291. package/dist/useMosaicClient.js.map +1 -1
  292. package/package.json +15 -9
  293. package/dist/chart-builders/createMosaicChartTool.d.ts +0 -45
  294. package/dist/chart-builders/createMosaicChartTool.d.ts.map +0 -1
  295. package/dist/chart-builders/createMosaicChartTool.js +0 -109
  296. package/dist/chart-builders/createMosaicChartTool.js.map +0 -1
  297. package/dist/dashboard/MosaicDashboardChartPanel.d.ts +0 -3
  298. package/dist/dashboard/MosaicDashboardChartPanel.d.ts.map +0 -1
  299. package/dist/dashboard/MosaicDashboardChartPanel.js +0 -49
  300. package/dist/dashboard/MosaicDashboardChartPanel.js.map +0 -1
  301. package/dist/dashboard/MosaicDashboardCharts.d.ts +0 -3
  302. package/dist/dashboard/MosaicDashboardCharts.d.ts.map +0 -1
  303. package/dist/dashboard/MosaicDashboardCharts.js +0 -45
  304. package/dist/dashboard/MosaicDashboardCharts.js.map +0 -1
  305. package/dist/dashboard/MosaicDashboardProfiler.d.ts +0 -3
  306. package/dist/dashboard/MosaicDashboardProfiler.d.ts.map +0 -1
  307. package/dist/dashboard/MosaicDashboardProfiler.js +0 -21
  308. package/dist/dashboard/MosaicDashboardProfiler.js.map +0 -1
  309. package/dist/use-mosaic.d.ts +0 -11
  310. package/dist/use-mosaic.d.ts.map +0 -1
  311. package/dist/use-mosaic.js +0 -42
  312. package/dist/use-mosaic.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"MosaicDashboardSlice.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardSlice.ts"],"names":[],"mappings":"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","sourcesContent":["import {createId} from '@paralleldrive/cuid2';\nimport {DbSliceState} from '@sqlrooms/db';\nimport {type DuckDbSliceState} from '@sqlrooms/duckdb';\nimport type {LayoutMosaicSubNode} from '@sqlrooms/layout-config';\nimport {LayoutMosaicSubNode as LayoutMosaicSubNodeSchema} from '@sqlrooms/layout-config';\nimport {LayoutSliceState} from '@sqlrooms/layout';\nimport {\n BaseRoomStoreState,\n createSlice,\n SliceFunctions,\n useBaseRoomStore,\n} from '@sqlrooms/room-store';\nimport {produce} from 'immer';\nimport {z} from 'zod';\nimport {type MosaicSliceState} from '../MosaicSlice';\n\nexport const DEFAULT_MOSAIC_DASHBOARD_CHART_VGPLOT = JSON.stringify(\n {\n $schema: 'https://idl.uw.edu/mosaic/schema/latest.json',\n meta: {\n title: 'New Chart',\n description:\n 'Use the chart builder or edit the spec directly to visualize DuckDB tables.',\n },\n data: {\n sample: {\n type: 'table',\n query: `\n SELECT * FROM (\n VALUES\n ('A', 12),\n ('B', 26),\n ('C', 18),\n ('D', 9)\n ) AS t(category, amount)\n `,\n },\n },\n plot: [\n {\n mark: 'barY',\n data: {from: 'sample'},\n x: 'category',\n y: 'amount',\n fill: 'category',\n },\n ],\n xLabel: 'Category',\n yLabel: 'Amount',\n width: 560,\n height: 320,\n },\n null,\n 2,\n);\n\nexport const DEFAULT_MOSAIC_DASHBOARD_CHART_SPEC = JSON.parse(\n DEFAULT_MOSAIC_DASHBOARD_CHART_VGPLOT,\n) as Record<string, unknown>;\n\nexport const MosaicDashboardChartConfig = z.object({\n id: z.string(),\n title: z.string().default('Chart'),\n vgplot: z\n .object({})\n .passthrough()\n .default(DEFAULT_MOSAIC_DASHBOARD_CHART_SPEC),\n});\nexport type MosaicDashboardChartConfig = z.infer<\n typeof MosaicDashboardChartConfig\n>;\n\nexport const MosaicDashboardEntry = z.object({\n id: z.string(),\n title: z.string().default('Dashboard'),\n selectedTable: z.string().optional(),\n charts: z.array(MosaicDashboardChartConfig).default([]),\n layout: LayoutMosaicSubNodeSchema.nullable().default(null),\n updatedAt: z.number().default(0),\n});\nexport type MosaicDashboardEntry = z.infer<typeof MosaicDashboardEntry>;\n\nexport const MosaicDashboardSliceConfig = z.object({\n dashboardsById: z.record(z.string(), MosaicDashboardEntry).default({}),\n});\nexport type MosaicDashboardSliceConfig = z.infer<\n typeof MosaicDashboardSliceConfig\n>;\n\nexport type MosaicDashboardSliceState = {\n mosaicDashboard: SliceFunctions & {\n config: MosaicDashboardSliceConfig;\n createDashboard: (title?: string) => string;\n ensureDashboard: (dashboardId: string, title?: string) => void;\n removeDashboard: (dashboardId: string) => void;\n getDashboard: (dashboardId: string) => MosaicDashboardEntry | undefined;\n setSelectedTable: (dashboardId: string, tableName: string) => void;\n addChart: (\n dashboardId: string,\n chart: MosaicDashboardChartConfig,\n ) => MosaicDashboardChartConfig['id'];\n updateChart: (\n dashboardId: string,\n chartId: string,\n patch: Partial<Pick<MosaicDashboardChartConfig, 'title' | 'vgplot'>>,\n ) => void;\n removeChart: (dashboardId: string, chartId: string) => void;\n setLayout: (\n dashboardId: string,\n layout: LayoutMosaicSubNode | null,\n ) => void;\n };\n};\n\nexport type MosaicDashboardStoreState = BaseRoomStoreState &\n DbSliceState &\n DuckDbSliceState &\n LayoutSliceState &\n MosaicSliceState &\n MosaicDashboardSliceState;\n\nfunction appendPanelToLayout(\n layout: LayoutMosaicSubNode | null,\n panelId: string,\n): LayoutMosaicSubNode {\n if (!layout) {\n return panelId;\n }\n return {\n type: 'split',\n direction: 'row',\n children: [layout, panelId],\n };\n}\n\nfunction removePanelFromLayout(\n layout: LayoutMosaicSubNode | null,\n panelId: string,\n): LayoutMosaicSubNode | null {\n if (!layout) return null;\n if (typeof layout === 'string') {\n return layout === panelId ? null : layout;\n }\n\n const nextChildren = layout.children\n .map((child: LayoutMosaicSubNode) => removePanelFromLayout(child, panelId))\n .filter((child): child is LayoutMosaicSubNode => child !== null);\n\n if (nextChildren.length === 0) return null;\n if (nextChildren.length === 1) {\n const onlyChild = nextChildren[0];\n return onlyChild ?? null;\n }\n\n return {\n ...layout,\n children: nextChildren,\n };\n}\n\nfunction collectPanelIds(\n layout: LayoutMosaicSubNode | null,\n panelIds = new Set<string>(),\n) {\n if (!layout) return panelIds;\n if (typeof layout === 'string') {\n panelIds.add(layout);\n return panelIds;\n }\n for (const child of layout.children) {\n collectPanelIds(child, panelIds);\n }\n return panelIds;\n}\n\nfunction ensureLayoutContainsPanels(\n layout: LayoutMosaicSubNode | null,\n panelIds: string[],\n): LayoutMosaicSubNode | null {\n let nextLayout = layout;\n const existing = collectPanelIds(layout);\n\n for (const panelId of panelIds) {\n if (!existing.has(panelId)) {\n nextLayout = appendPanelToLayout(nextLayout, panelId);\n existing.add(panelId);\n }\n }\n\n return nextLayout;\n}\n\nexport function getMosaicDashboardPanelId(\n dashboardId: string,\n chartId: string,\n): string {\n return `dashboard:${dashboardId}:chart:${chartId}`;\n}\n\nexport function getMosaicDashboardMosaicId(dashboardId: string): string {\n return `dashboard:${dashboardId}:mosaic`;\n}\n\nexport function getMosaicDashboardSelectionName(dashboardId: string): string {\n return `dashboard:${dashboardId}:brush`;\n}\n\nexport function parseMosaicDashboardChartId(\n dashboardId: string,\n panelId: string,\n): string | undefined {\n const prefix = `dashboard:${dashboardId}:chart:`;\n return panelId.startsWith(prefix) ? panelId.slice(prefix.length) : undefined;\n}\n\nexport function createDefaultMosaicDashboardConfig(\n props?: Partial<MosaicDashboardSliceConfig>,\n): MosaicDashboardSliceConfig {\n return MosaicDashboardSliceConfig.parse({\n dashboardsById: {},\n ...props,\n });\n}\n\nexport function createMosaicDashboardSlice(\n props: {config?: Partial<MosaicDashboardSliceConfig>} = {},\n) {\n return createSlice<MosaicDashboardSliceState, MosaicDashboardStoreState>(\n (set, get) => ({\n mosaicDashboard: {\n config: createDefaultMosaicDashboardConfig(props.config),\n\n createDashboard(title) {\n const dashboardId = createId();\n get().mosaicDashboard.ensureDashboard(dashboardId, title);\n return dashboardId;\n },\n\n ensureDashboard(dashboardId, title) {\n set((state) =>\n produce(state, (draft) => {\n const existing =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (existing) {\n if (title && existing.title !== title) {\n existing.title = title;\n existing.updatedAt = Date.now();\n }\n return;\n }\n draft.mosaicDashboard.config.dashboardsById[dashboardId] = {\n id: dashboardId,\n title: title ?? 'Dashboard',\n selectedTable: undefined,\n charts: [],\n layout: null,\n updatedAt: Date.now(),\n };\n }),\n );\n },\n\n removeDashboard(dashboardId) {\n set((state) =>\n produce(state, (draft) => {\n delete draft.mosaicDashboard.config.dashboardsById[dashboardId];\n }),\n );\n },\n\n getDashboard(dashboardId) {\n return get().mosaicDashboard.config.dashboardsById[dashboardId];\n },\n\n setSelectedTable(dashboardId, tableName) {\n get().mosaicDashboard.ensureDashboard(dashboardId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n dashboard.selectedTable = tableName;\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n\n addChart(dashboardId, chart) {\n get().mosaicDashboard.ensureDashboard(dashboardId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n dashboard.charts.push(chart);\n dashboard.layout = appendPanelToLayout(\n dashboard.layout,\n getMosaicDashboardPanelId(dashboardId, chart.id),\n );\n dashboard.updatedAt = Date.now();\n }),\n );\n return chart.id;\n },\n\n updateChart(dashboardId, chartId, patch) {\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n const chart = dashboard.charts.find(\n (item) => item.id === chartId,\n );\n if (!chart) return;\n\n Object.assign(chart, patch);\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n\n removeChart(dashboardId, chartId) {\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n dashboard.charts = dashboard.charts.filter(\n (chart) => chart.id !== chartId,\n );\n dashboard.layout = removePanelFromLayout(\n dashboard.layout,\n getMosaicDashboardPanelId(dashboardId, chartId),\n );\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n\n setLayout(dashboardId, layout) {\n get().mosaicDashboard.ensureDashboard(dashboardId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n const chartPanelIds = dashboard.charts.map((chart) =>\n getMosaicDashboardPanelId(dashboardId, chart.id),\n );\n\n dashboard.layout = ensureLayoutContainsPanels(\n layout,\n chartPanelIds,\n );\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n },\n }),\n );\n}\n\nexport function useStoreWithMosaicDashboard<T>(\n selector: (state: MosaicDashboardStoreState) => T,\n): T {\n return useBaseRoomStore<BaseRoomStoreState, T>((state) =>\n selector(state as unknown as MosaicDashboardStoreState),\n );\n}\n"]}
1
+ {"version":3,"file":"MosaicDashboardSlice.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardSlice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GAEzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAKL,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,IAAI,gBAAgB,GAC/B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,WAAW,EAEX,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAMtB,OAAO,EACL,0BAA0B,GAE3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,MAAM,kCAAkC,GAAG,QAAQ,CAAC;AAC3D,MAAM,CAAC,MAAM,oCAAoC,GAAG,UAAU,CAAC;AAE/D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAKlE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAChC,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC;AAKH,wBAAwB;AACxB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAChC,CAAC,CAAC;AAGH,sCAAsC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,kCAAkC,CAAC;IACnD,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IAClC,MAAM,EAAE,0BAA0B,CAAC,QAAQ,EAAE;IAC7C,MAAM,EAAE,iBAAiB;CAC1B,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,oCAAoC,CAAC;IACrD,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IAClC,MAAM,EAAE,0BAA0B,CAAC,QAAQ,EAAE;IAC7C,MAAM,EAAE,mBAAmB;CAC5B,CAAC,CAAC;AAGH,0CAA0C;AAC1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IAClC,MAAM,EAAE,0BAA0B,CAAC,QAAQ,EAAE;IAC7C,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;CACtD,CAAC,CAAC;AAGH,yCAAyC;AACzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC;KACxC,kBAAkB,CAAC,MAAM,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;KAC9D,EAAE,CAAC,iBAAiB,CAAC,CAAC;AA6DzB,MAAM,UAAU,sCAAsC,CACpD,KAAa,EACb,MAAyB,EACzB,MAAmC;IAEnC,OAAO,iBAAiB,CAAC,KAAK,CAAC;QAC7B,EAAE,EAAE,QAAQ,EAAE;QACd,IAAI,EAAE,kCAAkC;QACxC,KAAK;QACL,MAAM;QACN,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,wCAAwC,CACtD,UAII,EAAE;IAEN,OAAO;QACL,EAAE,EAAE,QAAQ,EAAE;QACd,IAAI,EAAE,oCAAoC;QAC1C,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,UAAU;QAClC,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,MAAM,EAAE;YACN,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE;SACjC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC3C,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC;IACtC,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,MAAM,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACpC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;IACvD,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACjD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;CACjC,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;CACvE,CAAC,CAAC;AA0EH,8EAA8E;AAC9E,4DAA4D;AAC5D,8EAA8E;AAE9E,SAAS,wBAAwB,CAC/B,WAAmB,EACnB,OAAe;IAEf,OAAO;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC;QACnD,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE;YACL,GAAG,EAAE,sBAAsB;YAC3B,IAAI,EAAE,EAAC,WAAW,EAAE,OAAO,EAAC;SAC7B;KACF,CAAC;AACJ,CAAC;AAED,SAAS,gCAAgC,CACvC,WAAmB,EACnB,MAAoC;IAEpC,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QACpB,yBAAyB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;QAChD,KAAK,CAAC,IAAI;KACX,CAAC,CACH,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAC1B,MAAyB,EACzB,SAA0B;IAE1B,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO;QACL,IAAI,EAAE,OAAO;QACb,EAAE,EAAE,SAAS,QAAQ,EAAE,EAAE;QACzB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;KAC9B,CAAC;AACJ,CAAC;AAED,SAAS,yBAAyB,CAChC,WAAmB,EACnB,SAA2B;IAE3B,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,qCAAqC,CAAC,QAAQ,CAAC,CAAC;IAChE,OAAO;QACL,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,wBAAwB,CAAC,WAAW,CAAC;QACzC,QAAQ;QACR,SAAS,EAAE,GAAG;QACd,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QAChB,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACxB,WAAW,EAAE,UAAU;QACvB,gBAAgB,EAAE,KAAK;QACvB,aAAa,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;QAC1C,OAAO;KACR,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAgB;IACxC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AAChD,CAAC;AAED,SAAS,uBAAuB,CAC9B,OAAe,EACf,MAAwB,EACxB,IAAI,GAAG,EAAE,EACT,SAAkB;IAElB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,GACL,SAAS,KAAK,oCAAoC;QAChD,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,GAAG,CAAC,CAAC;IACZ,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAC1B,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,EAC7C,CAAC,CACF,CAAC;IAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAC1B,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBACnB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;gBACd,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;gBACnB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CACjB,CAAC;YACF,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO;oBACL,CAAC,EAAE,OAAO;oBACV,CAAC;oBACD,CAAC;oBACD,CAAC;oBACD,CAAC;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO;QACL,CAAC,EAAE,OAAO;QACV,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,MAAM;QACT,CAAC;QACD,CAAC;KACF,CAAC;AACJ,CAAC;AAED,SAAS,qCAAqC,CAC5C,QAAsB,EACtB,aAAyC,EACzC,IAA6B,EAC7B,uBAA2D,EAAE;IAE7D,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,IAAI,GAAG,CAC3B,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CACrE,CAAC;IACF,KAAK,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,MAAM,CAAC,OAAO,CACzD,aAAa,IAAI,EAAE,CACpB,EAAE,CAAC;QACF,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,gBAAgB,CAAC,EAAE,EAAE;QAClE,MAAM,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAClD,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,CAAC;QACF,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhE,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChC,MAAM,IAAI,GAAG,uBAAuB,CAClC,OAAO,EACP,UAAU,EACV,wBAAwB,CAAC,IAAI,EAAE,UAAU,CAAC,EAC1C,oBAAoB,CAAC,OAAO,CAAC,CAC9B,CAAC;gBACF,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACtB,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC,CACH,CAAC;AACJ,CAAC;AAED,SAAS,4BAA4B,CACnC,IAAgB,EAChB,gBAA6B;IAE7B,OAAO,gBAAgB,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,0BAA0B,CACjC,MAAyB,EACzB,gBAA6B,EAC7B,QAAsB,EAAE,EACxB,OAAO,IAAI,GAAG,EAAU;IAExB,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAE1B,IAAI,eAAe,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QACzD,IAAI,4BAA4B,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAAE,CAAC;YAC3D,MAAM,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACpC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;gBAClB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACnB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACf,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,iBAAiB,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1D,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpC,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,4BAA4B,CACnC,MAAyB,EACzB,WAAmB,EACnB,gBAA6B,EAC7B,uBAAsD,EAAE;IAExD,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,wBAAwB,GAAG,IAAI,GAAG,CACtC,CAAC,GAAG,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAC1E,CAAC;IACF,MAAM,QAAQ,GAAG,0BAA0B,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAC9E,MAAM,OAAO,GAAG,qCAAqC,CACnD,QAAQ,EACR,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACrD,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClD,oBAAoB,CACrB,CAAC;IAEF,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,OAAO;YACL,GAAG,MAAM;YACT,QAAQ;YACR,OAAO;SACR,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,yBAAyB,CAAC,WAAW,CAAC;QACzC,QAAQ;QACR,OAAO;KACR,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAC9B,MAAyB,EACzB,WAAmB,EACnB,SAA0B,EAC1B,SAAkB,EAClB,uBAAsD,EAAE;IAExD,MAAM,wBAAwB,GAAG;QAC/B,GAAG,oBAAoB;QACvB,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,SAAS,IAAI,oBAAoB,CAAC,SAAS,CAAC,EAAE,CAAC;KAChE,CAAC;IAEF,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,MAAM,oBAAoB,GAAG,aAAa,WAAW,SAAS,CAAC;QAC/D,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAC9B,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAC9C,OAAO,CAAC,UAAU,CAAC,oBAAoB,CAAC,CACzC,CACF,CAAC;QACF,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QACnC,MAAM,gBAAgB,GAAG,4BAA4B,CACnD,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,wBAAwB,CACzB,CAAC;QACF,OAAO,uBAAuB,CAC5B,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,SAAS,EACT,wBAAwB,CACzB,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;QAC9C,IAAI,eAAe,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,KAAK,SAAS,CAAC,EAAE,CAAC;QAC1D,OAAO,KAAK,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC9E,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,MAAM,CAAC,OAAO,CACZ,qCAAqC,CACnC,QAAQ,EACR,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,IAAI,EACX,wBAAwB,CACzB,IAAI,EAAE,CACR,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,gBAAgB,CAAC,EAAE,EAAE;QACvC,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;YAC7D,OAAO,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QACxC,CAAC;QACD,OAAO;YACL,UAAU;YACV;gBACE,GAAG,gBAAgB;gBACnB,uBAAuB,CACrB,SAAS,CAAC,EAAE,EACZ,gBAAgB,EAChB,wBAAwB,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,EACjD,wBAAwB,CAAC,SAAS,CAAC,EAAE,CAAC,CACvC;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CACH,CAAC;IAEF,OAAO;QACL,GAAG,MAAM;QACT,QAAQ;QACR,OAAO;KACR,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAC5B,MAAyB,EACzB,OAAe;IAEf,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,OAAO,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5C,CAAC;IAED,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,OAAO,MAAM,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/C,CAAC;IAED,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ;aACjC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;aACrD,MAAM,CAAC,CAAC,KAAK,EAAuB,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC;QAE1D,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3C,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QAE9D,OAAO,EAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC;IAC7C,CAAC;IAED,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;YACpD,IAAI,eAAe,CAAC,KAAK,CAAC;gBAAE,OAAO,KAAK,KAAK,OAAO,CAAC;YACrD,OAAO,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO;YAChC,CAAC,CAAC,MAAM,CAAC,WAAW,CAChB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAChC,CAAC,CAAC,UAAU,EAAE,gBAAgB,CAAC,EAAE,EAAE,CAAC;gBAClC,UAAU;gBACV,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,OAAO,CAAC;aACtD,CACF,CACF;YACH,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAEnB,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC3C,OAAO,EAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC;IACnE,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,eAAe,CACtB,MAAyB,EACzB,WAAW,IAAI,GAAG,EAAU;IAE5B,IAAI,CAAC,MAAM;QAAE,OAAO,QAAQ,CAAC;IAC7B,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACrB,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACxB,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IACD,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC7B,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,mCAAmC,CAC1C,MAAyB,EACzB,WAAmB,EACnB,QAAkB,EAClB,aAAwC,MAAM,EAC9C,uBAAsD,EAAE;IAExD,IAAI,UAAU,GAAG,MAAM,CAAC;IAExB,IAAI,UAAU,KAAK,MAAM,EAAE,CAAC;QAC1B,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAC9B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACvB,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAChD,CACF,CAAC;QACF,UAAU,GAAG,4BAA4B,CACvC,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,oBAAoB,CACrB,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAC7C,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,GAAG,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QACtE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACjC,MAAM,SAAS,GAAG,wBAAwB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YACjE,UAAU;gBACR,UAAU,KAAK,MAAM;oBACnB,CAAC,CAAC,uBAAuB,CACrB,UAAU,EACV,WAAW,EACX,SAAS,EACT,oBAAoB,CAAC,aAAa,CAAC,EACnC,oBAAoB,CACrB;oBACH,CAAC,CAAC,mBAAmB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;YACjD,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,KAAiC;IAEjC,OAAO,KAAK,CAAC,IAAI,KAAK,kCAAkC,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,WAAmB,EACnB,OAAe;IAEf,OAAO,aAAa,WAAW,UAAU,OAAO,EAAE,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,WAAmB;IAC1D,OAAO,aAAa,WAAW,OAAO,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,WAAmB;IAC1D,OAAO,aAAa,WAAW,OAAO,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,+BAA+B,CAAC,WAAmB;IACjE,OAAO,aAAa,WAAW,QAAQ,CAAC;AAC1C,CAAC;AAED,SAAS,4BAA4B,CACnC,KAAsC;IAEtC,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,0BAA0B,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAAgC,EAChC,WAAmB;IAEnB,KAAK,CAAC,MAAM,CAAC,UAAU,CACrB,+BAA+B,CAAC,WAAW,CAAC,CAC7C,EAAE,KAAK,EAAE,CAAC;AACb,CAAC;AAED,SAAS,+BAA+B,CACtC,KAAiC,EACjC,KAAsD;IAEtD,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,kCAAkC,EAAE,CAAC;QACtD,OAAO,OAAO,CACZ,KAAK,CAAC,MAAM;YACZ,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,CAC7D,CAAC;IACJ,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,iCAAiC,CAC/C,SAA+B,EAC/B,KAAiC;IAEjC,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,IAAI,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;QACtD,OAAO,KAAK,CAAC,MAAM,CAAC;IACtB,CAAC;IACD,OAAO,SAAS,CAAC,aAAa;QAC5B,CAAC,CAAC,EAAC,SAAS,EAAE,SAAS,CAAC,aAAa,EAAC;QACtC,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,kCAAkC,CAChD,KAA2C;IAE3C,OAAO,0BAA0B,CAAC,KAAK,CAAC;QACtC,cAAc,EAAE,EAAE;QAClB,GAAG,KAAK;KACT,CAAC,CAAC;AACL,CAAC;AAWD,MAAM,UAAU,0BAA0B,CACxC,QAAyC,EAAE;IAE3C,OAAO,WAAW,CAChB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QACb,eAAe,EAAE;YACf,MAAM,EAAE,kCAAkC,CAAC,KAAK,CAAC,MAAM,CAAC;YACxD,OAAO,EAAE;gBACP,uBAAuB,EAAE,EAAE;aAC5B;YACD,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;YAC5C,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,EAAE;YAE1C,eAAe,CAAC,KAAK,EAAE,UAAU;gBAC/B,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;gBAC/B,GAAG,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;gBACtE,OAAO,WAAW,CAAC;YACrB,CAAC;YAED,eAAe,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU;gBAC5C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,QAAQ,GACZ,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC3D,IAAI,QAAQ,EAAE,CAAC;wBACb,IAAI,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;4BACtC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;4BACvB,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;wBAClC,CAAC;wBACD,OAAO;oBACT,CAAC;oBACD,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;wBACzD,EAAE,EAAE,WAAW;wBACf,KAAK,EAAE,KAAK,IAAI,WAAW;wBAC3B,UAAU,EAAE,UAAU,IAAI,MAAM;wBAChC,aAAa,EAAE,SAAS;wBACxB,MAAM,EAAE,EAAE;wBACV,MAAM,EACJ,UAAU,KAAK,MAAM;4BACnB,CAAC,CAAC,yBAAyB,CAAC,WAAW,CAAC;4BACxC,CAAC,CAAC,IAAI;wBACV,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;qBACtB,CAAC;gBACJ,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,eAAe,CAAC,WAAW;gBACzB,GAAG,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,WAAW,EAAE;oBACvD,cAAc,EAAE,IAAI;iBACrB,CAAC,CAAC;gBACH,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,OAAO,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;gBAClE,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,YAAY,CAAC,WAAW;gBACtB,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YAClE,CAAC;YAED,SAAS,CAAC,MAAkC;gBAC1C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,KAAK,CAAC,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC;gBACxC,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,gBAAgB,CAAC,WAAW,EAAE,SAAS;gBACrC,GAAG,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;gBACnD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,SAAS,GACb,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC3D,IAAI,CAAC,SAAS;wBAAE,OAAO;oBACvB,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC;oBACpC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACnC,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,qBAAqB,CAAC,IAAI,EAAE,QAAQ;gBAClC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;gBACxD,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,uBAAuB,CAAC,IAAI;gBAC1B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,OAAO,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBACpD,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,QAAQ,CAAC,WAAW,EAAE,KAAK;gBACzB,GAAG,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;gBACnD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,SAAS,GACb,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC3D,IAAI,CAAC,SAAS;wBAAE,OAAO;oBAEvB,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC7B,MAAM,SAAS,GAAG,wBAAwB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;oBAClE,MAAM,oBAAoB,GAAG,gCAAgC,CAC3D,WAAW,EACX,SAAS,CAAC,MAAM,CACjB,CAAC;oBACF,SAAS,CAAC,MAAM;wBACd,SAAS,CAAC,UAAU,KAAK,MAAM;4BAC7B,CAAC,CAAC,uBAAuB,CACrB,SAAS,CAAC,MAAM,EAChB,WAAW,EACX,SAAS,EACT,KAAK,CAAC,IAAI,EACV,oBAAoB,CACrB;4BACH,CAAC,CAAC,mBAAmB,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;oBACvD,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACnC,CAAC,CAAC,CACH,CAAC;gBACF,OAAO,KAAK,CAAC,EAAE,CAAC;YAClB,CAAC;YAED,WAAW,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK;gBACrC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAC1D,WAAW,CACZ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;gBACxD,MAAM,WAAW,GAAG,QAAQ;oBAC1B,CAAC,CAAC,+BAA+B,CAAC,QAAQ,EAAE,KAAK,CAAC;oBAClD,CAAC,CAAC,KAAK,CAAC;gBACV,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,SAAS,GACb,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC3D,IAAI,CAAC,SAAS;wBAAE,OAAO;oBAEvB,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACjC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,OAAO,CACxC,CAAC;oBACF,IAAI,CAAC,KAAK;wBAAE,OAAO;oBAEnB,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;oBAC5B,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACnC,CAAC,CAAC,CACH,CAAC;gBACF,IAAI,WAAW,EAAE,CAAC;oBAChB,GAAG,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC;YAED,WAAW,CAAC,WAAW,EAAE,OAAO;gBAC9B,GAAG,EAAE,CAAC,eAAe,CAAC,iBAAiB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;gBAC9D,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,SAAS,GACb,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC3D,IAAI,CAAC,SAAS;wBAAE,OAAO;oBAEvB,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,CACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAChC,CAAC;oBACF,SAAS,CAAC,MAAM,GAAG,qBAAqB,CACtC,SAAS,CAAC,MAAM,EAChB,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAChD,CAAC;oBACF,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACnC,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YAED,gBAAgB,CAAC,WAAW,EAAE,OAAO;gBACnC,OAAO,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB,CAC1D,yBAAyB,CAAC,WAAW,EAAE,OAAO,CAAC,CAChD,CAAC;YACJ,CAAC;YAED,gBAAgB,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK;gBAC1C,MAAM,cAAc,GAAG,yBAAyB,CAC9C,WAAW,EACX,OAAO,CACR,CAAC;gBACF,MAAM,QAAQ,GACZ,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB,CACnD,cAAc,CACf,CAAC;gBACJ,IAAI,QAAQ,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;oBACnC,4BAA4B,CAAC,QAAQ,CAAC,CAAC;gBACzC,CAAC;gBACD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,eAAe,EAAE;wBACf,GAAG,KAAK,CAAC,eAAe;wBACxB,OAAO,EAAE;4BACP,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO;4BAChC,uBAAuB,EAAE;gCACvB,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB;gCACxD,CAAC,cAAc,CAAC,EAAE,KAAK;6BACxB;yBACF;qBACF;iBACF,CAAC,CAAC,CAAC;YACN,CAAC;YAED,iBAAiB,CAAC,WAAW,EAAE,OAAO;gBACpC,MAAM,cAAc,GAAG,yBAAyB,CAC9C,WAAW,EACX,OAAO,CACR,CAAC;gBACF,MAAM,QAAQ,GACZ,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB,CACnD,cAAc,CACf,CAAC;gBACJ,4BAA4B,CAAC,QAAQ,CAAC,CAAC;gBACvC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACZ,MAAM,2BAA2B,GAAG;wBAClC,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB;qBACzD,CAAC;oBACF,OAAO,2BAA2B,CAAC,cAAc,CAAC,CAAC;oBACnD,OAAO;wBACL,eAAe,EAAE;4BACf,GAAG,KAAK,CAAC,eAAe;4BACxB,OAAO,EAAE;gCACP,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO;gCAChC,uBAAuB,EAAE,2BAA2B;6BACrD;yBACF;qBACF,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC;YAED,qBAAqB,CAAC,WAAW,EAAE,OAAO;gBACxC,MAAM,aAAa,GAAG,aAAa,WAAW,SAAS,CAAC;gBACxD,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CACpC,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB,CACtD,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,EAAE,CAC5B,cAAc,CAAC,UAAU,CAAC,aAAa,CAAC,CACzC,CAAC;gBAEF,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE;oBACpC,4BAA4B,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC,CAAC,CAAC;gBAEH,IAAI,OAAO,EAAE,cAAc,EAAE,CAAC;oBAC5B,uBAAuB,CAAC,GAAG,EAAE,EAAE,WAAW,CAAC,CAAC;gBAC9C,CAAC;gBAED,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACZ,MAAM,2BAA2B,GAAG;wBAClC,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB;qBACzD,CAAC;oBACF,KAAK,MAAM,CAAC,cAAc,CAAC,IAAI,eAAe,EAAE,CAAC;wBAC/C,OAAO,2BAA2B,CAAC,cAAc,CAAC,CAAC;oBACrD,CAAC;oBACD,OAAO;wBACL,eAAe,EAAE;4BACf,GAAG,KAAK,CAAC,eAAe;4BACxB,OAAO,EAAE;gCACP,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO;gCAChC,uBAAuB,EAAE,2BAA2B;6BACrD;yBACF;qBACF,CAAC;gBACJ,CAAC,CAAC,CAAC;YACL,CAAC;YAED,wBAAwB;gBACtB,MAAM,CAAC,MAAM,CACX,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,uBAAuB,CACtD,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;oBAClB,4BAA4B,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC,CAAC,CAAC;gBACH,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACd,eAAe,EAAE;wBACf,GAAG,KAAK,CAAC,eAAe;wBACxB,OAAO,EAAE;4BACP,GAAG,KAAK,CAAC,eAAe,CAAC,OAAO;4BAChC,uBAAuB,EAAE,EAAE;yBAC5B;qBACF;iBACF,CAAC,CAAC,CAAC;YACN,CAAC;YAED,SAAS,CAAC,WAAW,EAAE,MAAM;gBAC3B,GAAG,EAAE,CAAC,eAAe,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;gBACnD,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACZ,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,MAAM,SAAS,GACb,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC3D,IAAI,CAAC,SAAS;wBAAE,OAAO;oBAEvB,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;oBAC3D,MAAM,oBAAoB,GAAG,gCAAgC,CAC3D,WAAW,EACX,SAAS,CAAC,MAAM,CACjB,CAAC;oBACF,SAAS,CAAC,MAAM,GAAG,mCAAmC,CACpD,MAAM,EACN,WAAW,EACX,QAAQ,EACR,SAAS,CAAC,UAAU,EACpB,oBAAoB,CACrB,CAAC;oBACF,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACnC,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;SACF;KACF,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,2BAA2B,CACzC,QAAiD;IAEjD,OAAO,gBAAgB,CAAwB,CAAC,KAAK,EAAE,EAAE,CACvD,QAAQ,CAAC,KAA6C,CAAC,CACxD,CAAC;AACJ,CAAC","sourcesContent":["import {createId} from '@paralleldrive/cuid2';\nimport {DbSliceState} from '@sqlrooms/db';\nimport {type DataTable, type DuckDbSliceState} from '@sqlrooms/duckdb';\nimport {\n DEFAULT_GRID_COLS,\n getGridColsForBreakpoint,\n type LayoutSliceState,\n} from '@sqlrooms/layout';\nimport {\n type LayoutGridItem,\n type LayoutGridNode,\n type LayoutNode,\n type LayoutPanelNode,\n isLayoutGridNode,\n isLayoutNodeKey,\n isLayoutPanelNode,\n isLayoutSplitNode,\n LayoutNode as LayoutNodeSchema,\n} from '@sqlrooms/layout-config';\nimport {\n BaseRoomStoreState,\n createSlice,\n SliceFunctions,\n useBaseRoomStore,\n} from '@sqlrooms/room-store';\nimport {produce} from 'immer';\nimport type {ComponentType} from 'react';\nimport {z} from 'zod';\nimport type {\n ChartBuilderTemplate,\n ChartTypeDefinition,\n} from '../chart-builders/types';\nimport {type MosaicSliceState} from '../MosaicSlice';\nimport {\n destroyRetainedVgPlotChart,\n type RetainedVgPlotChart,\n} from '../VgPlotChart';\nimport {VgPlotChartConfig} from '../chart-types';\n\n/**\n * Panel key used for function-form panel definitions registered by\n * `MosaicDashboardPanels`. Individual dashboard panels are represented as\n * `LayoutPanelNode` entries whose `panel` property carries\n * `{ key: MOSAIC_DASHBOARD_PANEL, meta: { dashboardId, panelId } }`.\n */\nexport const MOSAIC_DASHBOARD_PANEL = 'mosaic-dashboard-panel';\nexport const MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE = 'vgplot';\nexport const MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE = 'profiler';\n\nexport const MosaicDashboardLayoutType = z.enum(['dock', 'grid']);\nexport type MosaicDashboardLayoutType = z.infer<\n typeof MosaicDashboardLayoutType\n>;\n\nexport const MosaicDashboardPanelSource = z.object({\n tableName: z.string().optional(),\n sqlQuery: z.string().optional(),\n});\nexport type MosaicDashboardPanelSource = z.infer<\n typeof MosaicDashboardPanelSource\n>;\n\n// Profiler panel config\nexport const ProfilerPanelConfig = z.object({\n pageSize: z.number().optional(),\n});\nexport type ProfilerPanelConfig = z.infer<typeof ProfilerPanelConfig>;\n\n// Panel configs discriminated by type\nexport const VgPlotPanelConfig = z.object({\n id: z.string(),\n type: z.literal(MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE),\n title: z.string().default('Panel'),\n source: MosaicDashboardPanelSource.optional(),\n config: VgPlotChartConfig,\n});\nexport type VgPlotPanelConfig = z.infer<typeof VgPlotPanelConfig>;\n\nexport const ProfilerPanel = z.object({\n id: z.string(),\n type: z.literal(MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE),\n title: z.string().default('Panel'),\n source: MosaicDashboardPanelSource.optional(),\n config: ProfilerPanelConfig,\n});\nexport type ProfilerPanel = z.infer<typeof ProfilerPanel>;\n\n// Legacy panel for backward compatibility\nexport const LegacyPanelConfig = z.object({\n id: z.string(),\n type: z.string(),\n title: z.string().default('Panel'),\n source: MosaicDashboardPanelSource.optional(),\n config: z.record(z.string(), z.unknown()).default({}),\n});\nexport type LegacyPanelConfig = z.infer<typeof LegacyPanelConfig>;\n\n// Discriminated union of all panel types\nexport const MosaicDashboardPanelConfig = z\n .discriminatedUnion('type', [VgPlotPanelConfig, ProfilerPanel])\n .or(LegacyPanelConfig);\nexport type MosaicDashboardPanelConfig = z.infer<\n typeof MosaicDashboardPanelConfig\n>;\n\nexport type MosaicDashboardPanelRendererProps<\n TPanel extends MosaicDashboardPanelConfig = MosaicDashboardPanelConfig,\n> = {\n dashboardId: string;\n dashboard: MosaicDashboardEntry;\n panel: TPanel;\n selectionName: string;\n resolvedSource?: MosaicDashboardPanelSource;\n};\n\nexport type VgPlotPanelRendererProps =\n MosaicDashboardPanelRendererProps<VgPlotPanelConfig>;\nexport type ProfilerPanelRendererProps =\n MosaicDashboardPanelRendererProps<ProfilerPanel>;\n\nexport type MosaicDashboardPanelRenderer<\n TPanel extends MosaicDashboardPanelConfig = MosaicDashboardPanelConfig,\n> = {\n component: ComponentType<MosaicDashboardPanelRendererProps<TPanel>>;\n headerActions?: ComponentType<MosaicDashboardPanelRendererProps<TPanel>>;\n icon?: ComponentType<{className?: string}>;\n};\n\n// Type-erased renderer for storage (avoids circular dependency issues)\nexport type AnyPanelRenderer = {\n component: ComponentType<any>;\n headerActions?: ComponentType<any>;\n icon?: ComponentType<{className?: string}>;\n};\n\n// Map of panel type string to panel config type\nexport type PanelTypeMap = {\n [MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE]: VgPlotPanelConfig;\n [MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]: ProfilerPanel;\n};\n\n// Panel renderers record - use type-erased renderers for runtime compatibility\nexport type PanelRenderersRecord = Record<string, AnyPanelRenderer>;\n\nexport type MosaicDashboardAddPanelActionContext = {\n dashboardId: string;\n dashboard: MosaicDashboardEntry | undefined;\n selectedTable: DataTable | undefined;\n tables: DataTable[];\n};\n\nexport type MosaicDashboardAddPanelAction = {\n type: string;\n label: string;\n icon?: ComponentType<{className?: string}>;\n isEnabled?: (context: MosaicDashboardAddPanelActionContext) => boolean;\n createPanel: (\n context: MosaicDashboardAddPanelActionContext,\n ) => MosaicDashboardPanelConfig | undefined;\n};\n\nexport function createMosaicDashboardVgPlotPanelConfig(\n title: string,\n config: VgPlotChartConfig,\n source?: MosaicDashboardPanelSource,\n): VgPlotPanelConfig {\n return VgPlotPanelConfig.parse({\n id: createId(),\n type: MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE,\n title,\n source,\n config,\n });\n}\n\nexport function createMosaicDashboardProfilerPanelConfig(\n options: {\n title?: string;\n source?: MosaicDashboardPanelSource;\n pageSize?: number;\n } = {},\n): MosaicDashboardPanelConfig {\n return {\n id: createId(),\n type: MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n title: options.title ?? 'Profiler',\n source: options.source,\n config: {\n pageSize: options.pageSize ?? 10,\n },\n };\n}\n\nexport const MosaicDashboardEntry = z.object({\n id: z.string(),\n title: z.string().default('Dashboard'),\n layoutType: MosaicDashboardLayoutType.default('dock'),\n selectedTable: z.string().optional(),\n panels: z.array(MosaicDashboardPanelConfig).default([]),\n layout: LayoutNodeSchema.nullable().default(null),\n updatedAt: z.number().default(0),\n});\nexport type MosaicDashboardEntry = z.infer<typeof MosaicDashboardEntry>;\n\nexport const MosaicDashboardSliceConfig = z.object({\n dashboardsById: z.record(z.string(), MosaicDashboardEntry).default({}),\n});\nexport type MosaicDashboardSliceConfig = z.infer<\n typeof MosaicDashboardSliceConfig\n>;\n\nexport type MosaicDashboardSliceState = {\n mosaicDashboard: SliceFunctions & {\n config: MosaicDashboardSliceConfig;\n runtime: {\n /**\n * Live vgplot chart instances retained across transient dashboard panel\n * remounts, keyed by `getMosaicDashboardPanelId(dashboardId, panelId)`.\n *\n * This is runtime-only state: entries are never serialized with dashboard\n * config and must be evicted when their panel/dashboard lifecycle ends.\n */\n retainedChartsByPanelId: Record<string, RetainedVgPlotChart>;\n };\n chartBuilders?: ChartBuilderTemplate[];\n chartTypes?: ChartTypeDefinition[];\n addPanelActions: MosaicDashboardAddPanelAction[];\n createDashboard: (\n title?: string,\n layoutType?: MosaicDashboardLayoutType,\n ) => string;\n ensureDashboard: (\n dashboardId: string,\n title?: string,\n layoutType?: MosaicDashboardLayoutType,\n ) => void;\n removeDashboard: (dashboardId: string) => void;\n getDashboard: (dashboardId: string) => MosaicDashboardEntry | undefined;\n setSelectedTable: (dashboardId: string, tableName: string) => void;\n panelRenderers: PanelRenderersRecord;\n registerPanelRenderer: (type: string, renderer: AnyPanelRenderer) => void;\n unregisterPanelRenderer: (type: string) => void;\n addPanel: (\n dashboardId: string,\n panel: MosaicDashboardPanelConfig,\n ) => MosaicDashboardPanelConfig['id'];\n updatePanel: (\n dashboardId: string,\n panelId: string,\n patch: Partial<Omit<MosaicDashboardPanelConfig, 'id'>>,\n ) => void;\n removePanel: (dashboardId: string, panelId: string) => void;\n getRetainedChart: (\n dashboardId: string,\n panelId: string,\n ) => RetainedVgPlotChart | undefined;\n setRetainedChart: (\n dashboardId: string,\n panelId: string,\n chart: RetainedVgPlotChart,\n ) => void;\n evictPanelRuntime: (dashboardId: string, panelId: string) => void;\n evictDashboardRuntime: (\n dashboardId: string,\n options?: {resetSelection?: boolean},\n ) => void;\n clearAllDashboardRuntime: () => void;\n setLayout: (dashboardId: string, layout: LayoutNode | null) => void;\n };\n};\n\nexport type MosaicDashboardStoreState = BaseRoomStoreState &\n DbSliceState &\n DuckDbSliceState &\n LayoutSliceState &\n MosaicSliceState &\n MosaicDashboardSliceState;\n\ntype DashboardPanelTypesByLayoutId = Record<string, string | undefined>;\n\n// ---------------------------------------------------------------------------\n// Layout tree helpers (operate on the new LayoutNode types)\n// ---------------------------------------------------------------------------\n\nfunction createDashboardPanelNode(\n dashboardId: string,\n panelId: string,\n): LayoutPanelNode {\n return {\n type: 'panel',\n id: getMosaicDashboardPanelId(dashboardId, panelId),\n minSize: 200,\n panel: {\n key: MOSAIC_DASHBOARD_PANEL,\n meta: {dashboardId, panelId},\n },\n };\n}\n\nfunction getDashboardPanelTypesByLayoutId(\n dashboardId: string,\n panels: MosaicDashboardPanelConfig[],\n): DashboardPanelTypesByLayoutId {\n return Object.fromEntries(\n panels.map((panel) => [\n getMosaicDashboardPanelId(dashboardId, panel.id),\n panel.type,\n ]),\n );\n}\n\nfunction appendPanelToLayout(\n layout: LayoutNode | null,\n panelNode: LayoutPanelNode,\n): LayoutNode {\n if (!layout) {\n return panelNode;\n }\n return {\n type: 'split',\n id: `split-${createId()}`,\n direction: 'row',\n children: [layout, panelNode],\n };\n}\n\nfunction createDashboardGridLayout(\n dashboardId: string,\n panelNode?: LayoutPanelNode,\n): LayoutGridNode {\n const children = panelNode ? [panelNode] : [];\n const layouts = createDashboardGridLayoutsForChildren(children);\n return {\n type: 'grid',\n id: getMosaicDashboardGridId(dashboardId),\n children,\n rowHeight: 150,\n margin: [12, 12],\n containerPadding: [0, 0],\n compactType: 'vertical',\n preventCollision: false,\n resizeHandles: ['e', 's', 'w', 'se', 'sw'],\n layouts,\n };\n}\n\nfunction getLayoutChildId(node: LayoutNode): string {\n return isLayoutNodeKey(node) ? node : node.id;\n}\n\nfunction createDashboardGridItem(\n panelId: string,\n layout: LayoutGridItem[],\n cols = 12,\n panelType?: string,\n): LayoutGridItem {\n const effectiveCols = Math.max(1, cols);\n const w =\n panelType === MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE\n ? effectiveCols\n : Math.max(1, Math.ceil(effectiveCols / 2));\n const h = 2;\n const bottom = layout.reduce(\n (max, item) => Math.max(max, item.y + item.h),\n 0,\n );\n\n for (let y = 0; y <= bottom; y += 1) {\n for (let x = 0; x <= effectiveCols - w; x += 1) {\n const overlaps = layout.some(\n (item) =>\n x < item.x + item.w &&\n x + w > item.x &&\n y < item.y + item.h &&\n y + h > item.y,\n );\n if (!overlaps) {\n return {\n i: panelId,\n x,\n y,\n w,\n h,\n };\n }\n }\n }\n\n return {\n i: panelId,\n x: 0,\n y: bottom,\n w,\n h,\n };\n}\n\nfunction createDashboardGridLayoutsForChildren(\n children: LayoutNode[],\n sourceLayouts?: LayoutGridNode['layouts'],\n cols?: LayoutGridNode['cols'],\n panelTypesByLayoutId: Record<string, string | undefined> = {},\n): LayoutGridNode['layouts'] {\n const childIds = new Set(children.map((child) => getLayoutChildId(child)));\n const sourceEntries = new Map<string, LayoutGridItem[]>(\n Object.keys(DEFAULT_GRID_COLS).map((breakpoint) => [breakpoint, []]),\n );\n for (const [breakpoint, breakpointLayout] of Object.entries(\n sourceLayouts ?? {},\n )) {\n sourceEntries.set(breakpoint, breakpointLayout);\n }\n\n return Object.fromEntries(\n [...sourceEntries.entries()].map(([breakpoint, breakpointLayout]) => {\n const nextLayout = breakpointLayout.filter((item) =>\n childIds.has(item.i),\n );\n const layoutItemIds = new Set(nextLayout.map((item) => item.i));\n\n for (const child of children) {\n const childId = getLayoutChildId(child);\n if (!layoutItemIds.has(childId)) {\n const item = createDashboardGridItem(\n childId,\n nextLayout,\n getGridColsForBreakpoint(cols, breakpoint),\n panelTypesByLayoutId[childId],\n );\n nextLayout.push(item);\n layoutItemIds.add(childId);\n }\n }\n\n return [breakpoint, nextLayout];\n }),\n );\n}\n\nfunction isExpectedDashboardPanelNode(\n node: LayoutNode,\n expectedPanelIds: Set<string>,\n): boolean {\n return expectedPanelIds.has(getLayoutChildId(node));\n}\n\nfunction collectDashboardPanelNodes(\n layout: LayoutNode | null,\n expectedPanelIds: Set<string>,\n nodes: LayoutNode[] = [],\n seen = new Set<string>(),\n): LayoutNode[] {\n if (!layout) return nodes;\n\n if (isLayoutNodeKey(layout) || isLayoutPanelNode(layout)) {\n if (isExpectedDashboardPanelNode(layout, expectedPanelIds)) {\n const id = getLayoutChildId(layout);\n if (!seen.has(id)) {\n nodes.push(layout);\n seen.add(id);\n }\n }\n return nodes;\n }\n\n if (isLayoutSplitNode(layout) || isLayoutGridNode(layout)) {\n for (const child of layout.children) {\n collectDashboardPanelNodes(child, expectedPanelIds, nodes, seen);\n }\n }\n\n return nodes;\n}\n\nfunction normalizeDashboardGridLayout(\n layout: LayoutNode | null,\n dashboardId: string,\n expectedPanelIds: Set<string>,\n panelTypesByLayoutId: DashboardPanelTypesByLayoutId = {},\n): LayoutGridNode {\n const collectedPanelIds = collectPanelIds(layout);\n const existingExpectedPanelIds = new Set(\n [...expectedPanelIds].filter((panelId) => collectedPanelIds.has(panelId)),\n );\n const children = collectDashboardPanelNodes(layout, existingExpectedPanelIds);\n const layouts = createDashboardGridLayoutsForChildren(\n children,\n isLayoutGridNode(layout) ? layout.layouts : undefined,\n isLayoutGridNode(layout) ? layout.cols : undefined,\n panelTypesByLayoutId,\n );\n\n if (isLayoutGridNode(layout)) {\n return {\n ...layout,\n children,\n layouts,\n };\n }\n\n return {\n ...createDashboardGridLayout(dashboardId),\n children,\n layouts,\n };\n}\n\nfunction appendPanelToGridLayout(\n layout: LayoutNode | null,\n dashboardId: string,\n panelNode: LayoutPanelNode,\n panelType?: string,\n panelTypesByLayoutId: DashboardPanelTypesByLayoutId = {},\n): LayoutGridNode {\n const nextPanelTypesByLayoutId = {\n ...panelTypesByLayoutId,\n [panelNode.id]: panelType ?? panelTypesByLayoutId[panelNode.id],\n };\n\n if (!isLayoutGridNode(layout)) {\n const dashboardPanelPrefix = `dashboard:${dashboardId}:panel:`;\n const expectedPanelIds = new Set(\n [...collectPanelIds(layout)].filter((panelId) =>\n panelId.startsWith(dashboardPanelPrefix),\n ),\n );\n expectedPanelIds.add(panelNode.id);\n const normalizedLayout = normalizeDashboardGridLayout(\n layout,\n dashboardId,\n expectedPanelIds,\n nextPanelTypesByLayoutId,\n );\n return appendPanelToGridLayout(\n normalizedLayout,\n dashboardId,\n panelNode,\n panelType,\n nextPanelTypesByLayoutId,\n );\n }\n\n const hasChild = layout.children.some((child) => {\n if (isLayoutNodeKey(child)) return child === panelNode.id;\n return child.id === panelNode.id;\n });\n const children = hasChild ? layout.children : [...layout.children, panelNode];\n const layouts = Object.fromEntries(\n Object.entries(\n createDashboardGridLayoutsForChildren(\n children,\n layout.layouts,\n layout.cols,\n nextPanelTypesByLayoutId,\n ) ?? {},\n ).map(([breakpoint, breakpointLayout]) => {\n if (breakpointLayout.some((item) => item.i === panelNode.id)) {\n return [breakpoint, breakpointLayout];\n }\n return [\n breakpoint,\n [\n ...breakpointLayout,\n createDashboardGridItem(\n panelNode.id,\n breakpointLayout,\n getGridColsForBreakpoint(layout.cols, breakpoint),\n nextPanelTypesByLayoutId[panelNode.id],\n ),\n ],\n ];\n }),\n );\n\n return {\n ...layout,\n children,\n layouts,\n };\n}\n\nfunction removePanelFromLayout(\n layout: LayoutNode | null,\n panelId: string,\n): LayoutNode | null {\n if (!layout) return null;\n\n if (isLayoutNodeKey(layout)) {\n return layout === panelId ? null : layout;\n }\n\n if (isLayoutPanelNode(layout)) {\n return layout.id === panelId ? null : layout;\n }\n\n if (isLayoutSplitNode(layout)) {\n const nextChildren = layout.children\n .map((child) => removePanelFromLayout(child, panelId))\n .filter((child): child is LayoutNode => child !== null);\n\n if (nextChildren.length === 0) return null;\n if (nextChildren.length === 1) return nextChildren[0] ?? null;\n\n return {...layout, children: nextChildren};\n }\n\n if (isLayoutGridNode(layout)) {\n const nextChildren = layout.children.filter((child) => {\n if (isLayoutNodeKey(child)) return child !== panelId;\n return child.id !== panelId;\n });\n const nextLayouts = layout.layouts\n ? Object.fromEntries(\n Object.entries(layout.layouts).map(\n ([breakpoint, breakpointLayout]) => [\n breakpoint,\n breakpointLayout.filter((item) => item.i !== panelId),\n ],\n ),\n )\n : layout.layouts;\n\n if (nextChildren.length === 0) return null;\n return {...layout, children: nextChildren, layouts: nextLayouts};\n }\n\n return layout;\n}\n\nfunction collectPanelIds(\n layout: LayoutNode | null,\n panelIds = new Set<string>(),\n): Set<string> {\n if (!layout) return panelIds;\n if (isLayoutNodeKey(layout)) {\n panelIds.add(layout);\n return panelIds;\n }\n if (isLayoutPanelNode(layout)) {\n panelIds.add(layout.id);\n return panelIds;\n }\n if (isLayoutSplitNode(layout)) {\n for (const child of layout.children) {\n collectPanelIds(child, panelIds);\n }\n }\n if (isLayoutGridNode(layout)) {\n for (const child of layout.children) {\n collectPanelIds(child, panelIds);\n }\n }\n return panelIds;\n}\n\nfunction ensureLayoutContainsDashboardPanels(\n layout: LayoutNode | null,\n dashboardId: string,\n panelIds: string[],\n layoutType: MosaicDashboardLayoutType = 'dock',\n panelTypesByLayoutId: DashboardPanelTypesByLayoutId = {},\n): LayoutNode | null {\n let nextLayout = layout;\n\n if (layoutType === 'grid') {\n const expectedPanelIds = new Set(\n panelIds.map((panelId) =>\n getMosaicDashboardPanelId(dashboardId, panelId),\n ),\n );\n nextLayout = normalizeDashboardGridLayout(\n nextLayout,\n dashboardId,\n expectedPanelIds,\n panelTypesByLayoutId,\n );\n }\n\n const existing = collectPanelIds(nextLayout);\n for (const panelId of panelIds) {\n const layoutPanelId = getMosaicDashboardPanelId(dashboardId, panelId);\n if (!existing.has(layoutPanelId)) {\n const panelNode = createDashboardPanelNode(dashboardId, panelId);\n nextLayout =\n layoutType === 'grid'\n ? appendPanelToGridLayout(\n nextLayout,\n dashboardId,\n panelNode,\n panelTypesByLayoutId[layoutPanelId],\n panelTypesByLayoutId,\n )\n : appendPanelToLayout(nextLayout, panelNode);\n existing.add(layoutPanelId);\n }\n }\n\n return nextLayout;\n}\n\nexport function isVgPlotPanelConfig(\n panel: MosaicDashboardPanelConfig,\n): panel is VgPlotPanelConfig {\n return panel.type === MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE;\n}\n\nexport function getMosaicDashboardPanelId(\n dashboardId: string,\n panelId: string,\n): string {\n return `dashboard:${dashboardId}:panel:${panelId}`;\n}\n\nexport function getMosaicDashboardDockId(dashboardId: string): string {\n return `dashboard:${dashboardId}:dock`;\n}\n\nexport function getMosaicDashboardGridId(dashboardId: string): string {\n return `dashboard:${dashboardId}:grid`;\n}\n\nexport function getMosaicDashboardSelectionName(dashboardId: string): string {\n return `dashboard:${dashboardId}:brush`;\n}\n\nfunction destroyDashboardRuntimeChart(\n chart: RetainedVgPlotChart | undefined,\n): void {\n if (!chart) return;\n destroyRetainedVgPlotChart(chart);\n}\n\nfunction evictDashboardSelection(\n state: MosaicDashboardStoreState,\n dashboardId: string,\n): void {\n state.mosaic.selections[\n getMosaicDashboardSelectionName(dashboardId)\n ]?.reset();\n}\n\nfunction shouldEvictPanelRuntimeForPatch(\n panel: MosaicDashboardPanelConfig,\n patch: Partial<Omit<MosaicDashboardPanelConfig, 'id'>>,\n): boolean {\n if (patch.type && patch.type !== panel.type) {\n return true;\n }\n\n if (panel.type === MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE) {\n return Boolean(\n patch.config &&\n Object.prototype.hasOwnProperty.call(patch.config, 'vgplot'),\n );\n }\n\n return false;\n}\n\nexport function resolveMosaicDashboardPanelSource(\n dashboard: MosaicDashboardEntry,\n panel: MosaicDashboardPanelConfig,\n): MosaicDashboardPanelSource | undefined {\n if (panel.source?.sqlQuery || panel.source?.tableName) {\n return panel.source;\n }\n return dashboard.selectedTable\n ? {tableName: dashboard.selectedTable}\n : undefined;\n}\n\nexport function createDefaultMosaicDashboardConfig(\n props?: Partial<MosaicDashboardSliceConfig>,\n): MosaicDashboardSliceConfig {\n return MosaicDashboardSliceConfig.parse({\n dashboardsById: {},\n ...props,\n });\n}\n\ntype CreateMosaicDashboardSliceProps = {\n config?: Partial<MosaicDashboardSliceConfig>;\n panelRenderers?: Record<string, MosaicDashboardPanelRenderer>;\n addPanelActions?: MosaicDashboardAddPanelAction[];\n chartTypes?: ChartTypeDefinition[];\n chartBuilders?: ChartBuilderTemplate[];\n};\nexport type {CreateMosaicDashboardSliceProps};\n\nexport function createMosaicDashboardSlice(\n props: CreateMosaicDashboardSliceProps = {},\n) {\n return createSlice<MosaicDashboardSliceState, MosaicDashboardStoreState>(\n (set, get) => ({\n mosaicDashboard: {\n config: createDefaultMosaicDashboardConfig(props.config),\n runtime: {\n retainedChartsByPanelId: {},\n },\n chartBuilders: props.chartBuilders,\n chartTypes: props.chartTypes,\n addPanelActions: props.addPanelActions ?? [],\n panelRenderers: props.panelRenderers ?? {},\n\n createDashboard(title, layoutType) {\n const dashboardId = createId();\n get().mosaicDashboard.ensureDashboard(dashboardId, title, layoutType);\n return dashboardId;\n },\n\n ensureDashboard(dashboardId, title, layoutType) {\n set((state) =>\n produce(state, (draft) => {\n const existing =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (existing) {\n if (title && existing.title !== title) {\n existing.title = title;\n existing.updatedAt = Date.now();\n }\n return;\n }\n draft.mosaicDashboard.config.dashboardsById[dashboardId] = {\n id: dashboardId,\n title: title ?? 'Dashboard',\n layoutType: layoutType ?? 'dock',\n selectedTable: undefined,\n panels: [],\n layout:\n layoutType === 'grid'\n ? createDashboardGridLayout(dashboardId)\n : null,\n updatedAt: Date.now(),\n };\n }),\n );\n },\n\n removeDashboard(dashboardId) {\n get().mosaicDashboard.evictDashboardRuntime(dashboardId, {\n resetSelection: true,\n });\n set((state) =>\n produce(state, (draft) => {\n delete draft.mosaicDashboard.config.dashboardsById[dashboardId];\n }),\n );\n },\n\n getDashboard(dashboardId) {\n return get().mosaicDashboard.config.dashboardsById[dashboardId];\n },\n\n setConfig(config: MosaicDashboardSliceConfig) {\n set((state) =>\n produce(state, (draft) => {\n draft.mosaicDashboard.config = config;\n }),\n );\n },\n\n setSelectedTable(dashboardId, tableName) {\n get().mosaicDashboard.ensureDashboard(dashboardId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n dashboard.selectedTable = tableName;\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n\n registerPanelRenderer(type, renderer) {\n set((state) =>\n produce(state, (draft) => {\n draft.mosaicDashboard.panelRenderers[type] = renderer;\n }),\n );\n },\n\n unregisterPanelRenderer(type) {\n set((state) =>\n produce(state, (draft) => {\n delete draft.mosaicDashboard.panelRenderers[type];\n }),\n );\n },\n\n addPanel(dashboardId, panel) {\n get().mosaicDashboard.ensureDashboard(dashboardId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n dashboard.panels.push(panel);\n const panelNode = createDashboardPanelNode(dashboardId, panel.id);\n const panelTypesByLayoutId = getDashboardPanelTypesByLayoutId(\n dashboardId,\n dashboard.panels,\n );\n dashboard.layout =\n dashboard.layoutType === 'grid'\n ? appendPanelToGridLayout(\n dashboard.layout,\n dashboardId,\n panelNode,\n panel.type,\n panelTypesByLayoutId,\n )\n : appendPanelToLayout(dashboard.layout, panelNode);\n dashboard.updatedAt = Date.now();\n }),\n );\n return panel.id;\n },\n\n updatePanel(dashboardId, panelId, patch) {\n const existing = get().mosaicDashboard.config.dashboardsById[\n dashboardId\n ]?.panels.find((candidate) => candidate.id === panelId);\n const shouldEvict = existing\n ? shouldEvictPanelRuntimeForPatch(existing, patch)\n : false;\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n const panel = dashboard.panels.find(\n (candidate) => candidate.id === panelId,\n );\n if (!panel) return;\n\n Object.assign(panel, patch);\n dashboard.updatedAt = Date.now();\n }),\n );\n if (shouldEvict) {\n get().mosaicDashboard.evictPanelRuntime(dashboardId, panelId);\n }\n },\n\n removePanel(dashboardId, panelId) {\n get().mosaicDashboard.evictPanelRuntime(dashboardId, panelId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n dashboard.panels = dashboard.panels.filter(\n (panel) => panel.id !== panelId,\n );\n dashboard.layout = removePanelFromLayout(\n dashboard.layout,\n getMosaicDashboardPanelId(dashboardId, panelId),\n );\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n\n getRetainedChart(dashboardId, panelId) {\n return get().mosaicDashboard.runtime.retainedChartsByPanelId[\n getMosaicDashboardPanelId(dashboardId, panelId)\n ];\n },\n\n setRetainedChart(dashboardId, panelId, chart) {\n const runtimePanelId = getMosaicDashboardPanelId(\n dashboardId,\n panelId,\n );\n const previous =\n get().mosaicDashboard.runtime.retainedChartsByPanelId[\n runtimePanelId\n ];\n if (previous && previous !== chart) {\n destroyDashboardRuntimeChart(previous);\n }\n set((state) => ({\n mosaicDashboard: {\n ...state.mosaicDashboard,\n runtime: {\n ...state.mosaicDashboard.runtime,\n retainedChartsByPanelId: {\n ...state.mosaicDashboard.runtime.retainedChartsByPanelId,\n [runtimePanelId]: chart,\n },\n },\n },\n }));\n },\n\n evictPanelRuntime(dashboardId, panelId) {\n const runtimePanelId = getMosaicDashboardPanelId(\n dashboardId,\n panelId,\n );\n const existing =\n get().mosaicDashboard.runtime.retainedChartsByPanelId[\n runtimePanelId\n ];\n destroyDashboardRuntimeChart(existing);\n set((state) => {\n const nextRetainedChartsByPanelId = {\n ...state.mosaicDashboard.runtime.retainedChartsByPanelId,\n };\n delete nextRetainedChartsByPanelId[runtimePanelId];\n return {\n mosaicDashboard: {\n ...state.mosaicDashboard,\n runtime: {\n ...state.mosaicDashboard.runtime,\n retainedChartsByPanelId: nextRetainedChartsByPanelId,\n },\n },\n };\n });\n },\n\n evictDashboardRuntime(dashboardId, options) {\n const runtimePrefix = `dashboard:${dashboardId}:panel:`;\n const existingEntries = Object.entries(\n get().mosaicDashboard.runtime.retainedChartsByPanelId,\n ).filter(([runtimePanelId]) =>\n runtimePanelId.startsWith(runtimePrefix),\n );\n\n existingEntries.forEach(([, chart]) => {\n destroyDashboardRuntimeChart(chart);\n });\n\n if (options?.resetSelection) {\n evictDashboardSelection(get(), dashboardId);\n }\n\n set((state) => {\n const nextRetainedChartsByPanelId = {\n ...state.mosaicDashboard.runtime.retainedChartsByPanelId,\n };\n for (const [runtimePanelId] of existingEntries) {\n delete nextRetainedChartsByPanelId[runtimePanelId];\n }\n return {\n mosaicDashboard: {\n ...state.mosaicDashboard,\n runtime: {\n ...state.mosaicDashboard.runtime,\n retainedChartsByPanelId: nextRetainedChartsByPanelId,\n },\n },\n };\n });\n },\n\n clearAllDashboardRuntime() {\n Object.values(\n get().mosaicDashboard.runtime.retainedChartsByPanelId,\n ).forEach((chart) => {\n destroyDashboardRuntimeChart(chart);\n });\n set((state) => ({\n mosaicDashboard: {\n ...state.mosaicDashboard,\n runtime: {\n ...state.mosaicDashboard.runtime,\n retainedChartsByPanelId: {},\n },\n },\n }));\n },\n\n setLayout(dashboardId, layout) {\n get().mosaicDashboard.ensureDashboard(dashboardId);\n set((state) =>\n produce(state, (draft) => {\n const dashboard =\n draft.mosaicDashboard.config.dashboardsById[dashboardId];\n if (!dashboard) return;\n\n const panelIds = dashboard.panels.map((panel) => panel.id);\n const panelTypesByLayoutId = getDashboardPanelTypesByLayoutId(\n dashboardId,\n dashboard.panels,\n );\n dashboard.layout = ensureLayoutContainsDashboardPanels(\n layout,\n dashboardId,\n panelIds,\n dashboard.layoutType,\n panelTypesByLayoutId,\n );\n dashboard.updatedAt = Date.now();\n }),\n );\n },\n },\n }),\n );\n}\n\nexport function useStoreWithMosaicDashboard<T>(\n selector: (state: MosaicDashboardStoreState) => T,\n): T {\n return useBaseRoomStore<BaseRoomStoreState, T>((state) =>\n selector(state as unknown as MosaicDashboardStoreState),\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"MosaicDashboardToolbar.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA2E1C,CAAC"}
1
+ {"version":3,"file":"MosaicDashboardToolbar.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAW1D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAgN1C,CAAC"}
@@ -1,19 +1,81 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
3
- import { Check, ChevronsUpDown, Plus } from 'lucide-react';
4
- import { useMemo, useState } from 'react';
2
+ import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
3
+ import { BarChart3, Check, ChevronsUpDown, Plus, TableProperties, } from 'lucide-react';
4
+ import { useEffect, useMemo, useState } from 'react';
5
5
  import { useMosaicDashboardContext } from './MosaicDashboardContext';
6
- import { useStoreWithMosaicDashboard } from './MosaicDashboardSlice';
6
+ import { createMosaicDashboardProfilerPanelConfig, getMosaicDashboardSelectionName, MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
7
7
  export const MosaicDashboardToolbar = () => {
8
- const { dashboardId, canCreateChart, openBuilder } = useMosaicDashboardContext();
8
+ const { dashboardId, canCreateChart, addDefaultChart } = useMosaicDashboardContext();
9
9
  const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
10
10
  const setSelectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setSelectedTable);
11
+ const addPanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanel);
12
+ const panelRenderers = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.panelRenderers);
13
+ const addPanelActions = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.addPanelActions);
14
+ const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
15
+ const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);
16
+ const dashboardSelection = useStoreWithMosaicDashboard((state) => state.mosaic.selections[dashboardSelectionName]);
11
17
  const tables = useStoreWithMosaicDashboard((state) => state.db.tables);
12
18
  const tablesWithColumns = useMemo(() => tables.filter((table) => table.columns && table.columns.length > 0), [tables]);
19
+ const selectedTable = useMemo(() => tablesWithColumns.find((table) => table.tableName === dashboard?.selectedTable), [dashboard?.selectedTable, tablesWithColumns]);
13
20
  const [tablePickerOpen, setTablePickerOpen] = useState(false);
14
- return (_jsxs("div", { className: "flex items-center justify-between border-b px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h3", { className: "text-sm font-medium", children: dashboard?.title || 'Dashboard' }), _jsxs(Popover, { open: tablePickerOpen, onOpenChange: setTablePickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", role: "combobox", "aria-expanded": tablePickerOpen, className: "w-[200px] justify-between", children: [_jsx("span", { className: "truncate", children: dashboard?.selectedTable || 'Select table…' }), _jsx(ChevronsUpDown, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search tables\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No tables found." }), _jsx(CommandGroup, { children: tablesWithColumns.map((table) => (_jsxs(CommandItem, { value: table.tableName, onSelect: (value) => {
21
+ const canAddProfiler = Boolean(dashboard?.selectedTable &&
22
+ panelRenderers[MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE]);
23
+ const addPanelActionContext = useMemo(() => ({
24
+ dashboardId,
25
+ dashboard,
26
+ selectedTable,
27
+ tables: tablesWithColumns,
28
+ }), [dashboard, dashboardId, selectedTable, tablesWithColumns]);
29
+ const addPanelActionEntries = useMemo(() => addPanelActions.map((action) => ({
30
+ action,
31
+ enabled: action.isEnabled
32
+ ? action.isEnabled(addPanelActionContext)
33
+ : true,
34
+ })), [addPanelActionContext, addPanelActions]);
35
+ const canAddCustomPanel = addPanelActionEntries.some((entry) => entry.enabled);
36
+ const canAddAnyPanel = canCreateChart || canAddProfiler || canAddCustomPanel;
37
+ const [selectionVersion, setSelectionVersion] = useState(0);
38
+ useEffect(() => {
39
+ if (!dashboardSelection) {
40
+ getSelection(dashboardSelectionName, 'crossfilter');
41
+ }
42
+ }, [dashboardSelection, dashboardSelectionName, getSelection]);
43
+ useEffect(() => {
44
+ if (!dashboardSelection) {
45
+ return;
46
+ }
47
+ const handleSelectionChange = () => {
48
+ setSelectionVersion((value) => value + 1);
49
+ };
50
+ dashboardSelection.addEventListener('value', handleSelectionChange);
51
+ return () => {
52
+ dashboardSelection.removeEventListener('value', handleSelectionChange);
53
+ };
54
+ }, [dashboardSelection]);
55
+ const hasActiveFilters = useMemo(() => Boolean(dashboardSelection?.clauses.length), [dashboardSelection, selectionVersion]);
56
+ const handleAddProfiler = () => {
57
+ const panel = dashboard?.selectedTable
58
+ ? createMosaicDashboardProfilerPanelConfig({
59
+ source: { tableName: dashboard.selectedTable },
60
+ })
61
+ : createMosaicDashboardProfilerPanelConfig();
62
+ addPanel(dashboardId, panel);
63
+ };
64
+ const handleAddCustomPanel = (action) => {
65
+ const panel = action.createPanel(addPanelActionContext);
66
+ if (panel) {
67
+ addPanel(dashboardId, panel);
68
+ }
69
+ };
70
+ const handleResetFilters = () => {
71
+ dashboardSelection?.reset();
72
+ };
73
+ return (_jsxs("div", { className: "flex items-center justify-between border-b px-5 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Popover, { open: tablePickerOpen, onOpenChange: setTablePickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", role: "combobox", "aria-expanded": tablePickerOpen, className: "w-[200px] justify-between", children: [_jsx("span", { className: "truncate", children: dashboard?.selectedTable || 'Select table…' }), _jsx(ChevronsUpDown, { className: "ml-1 h-3.5 w-3.5 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", children: _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: "Search tables\u2026" }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No tables found." }), _jsx(CommandGroup, { children: tablesWithColumns.map((table) => (_jsxs(CommandItem, { value: table.tableName, onSelect: (value) => {
15
74
  setSelectedTable(dashboardId, value);
16
75
  setTablePickerOpen(false);
17
- }, children: [_jsx(Check, { className: `mr-2 h-3.5 w-3.5 ${dashboard?.selectedTable === table.tableName ? 'opacity-100' : 'opacity-0'}` }), table.tableName] }, table.tableName))) })] })] }) })] })] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: openBuilder, disabled: !canCreateChart, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add Chart"] })] }));
76
+ }, children: [_jsx(Check, { className: `mr-2 h-3.5 w-3.5 ${dashboard?.selectedTable === table.tableName ? 'opacity-100' : 'opacity-0'}` }), table.tableName] }, table.tableName))) })] })] }) })] }), _jsx(Button, { variant: "link", size: "sm", className: "h-8 px-0", disabled: !hasActiveFilters, onClick: handleResetFilters, children: "Reset filters" })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", variant: "outline", disabled: !canAddAnyPanel, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add"] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: addDefaultChart, disabled: !canCreateChart, children: [_jsx(BarChart3, { className: "mr-2 h-4 w-4" }), "Chart"] }), _jsxs(DropdownMenuItem, { onClick: handleAddProfiler, disabled: !canAddProfiler, children: [_jsx(TableProperties, { className: "mr-2 h-4 w-4" }), "Profiler"] }), addPanelActionEntries.map(({ action, enabled }) => {
77
+ const Icon = action.icon;
78
+ return (_jsxs(DropdownMenuItem, { onClick: () => handleAddCustomPanel(action), disabled: !enabled, children: [Icon ? _jsx(Icon, { className: "mr-2 h-4 w-4" }) : null, action.label] }, action.type));
79
+ })] })] }) })] }));
18
80
  };
19
81
  //# sourceMappingURL=MosaicDashboardToolbar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Button,\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {Check, ChevronsUpDown, Plus} from 'lucide-react';\nimport React, {useMemo, useState} from 'react';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {useStoreWithMosaicDashboard} from './MosaicDashboardSlice';\n\nexport const MosaicDashboardToolbar: React.FC = () => {\n const {dashboardId, canCreateChart, openBuilder} =\n useMosaicDashboardContext();\n const dashboard = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n );\n const setSelectedTable = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.setSelectedTable,\n );\n const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n const tablesWithColumns = useMemo(\n () => tables.filter((table) => table.columns && table.columns.length > 0),\n [tables],\n );\n const [tablePickerOpen, setTablePickerOpen] = useState(false);\n\n return (\n <div className=\"flex items-center justify-between border-b px-3 py-2\">\n <div className=\"flex items-center gap-2\">\n <h3 className=\"text-sm font-medium\">\n {dashboard?.title || 'Dashboard'}\n </h3>\n <Popover open={tablePickerOpen} onOpenChange={setTablePickerOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n size=\"sm\"\n role=\"combobox\"\n aria-expanded={tablePickerOpen}\n className=\"w-[200px] justify-between\"\n >\n <span className=\"truncate\">\n {dashboard?.selectedTable || 'Select table…'}\n </span>\n <ChevronsUpDown className=\"ml-1 h-3.5 w-3.5 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[220px] p-0\" align=\"start\">\n <Command>\n <CommandInput placeholder=\"Search tables…\" />\n <CommandList>\n <CommandEmpty>No tables found.</CommandEmpty>\n <CommandGroup>\n {tablesWithColumns.map((table) => (\n <CommandItem\n key={table.tableName}\n value={table.tableName}\n onSelect={(value) => {\n setSelectedTable(dashboardId, value);\n setTablePickerOpen(false);\n }}\n >\n <Check\n className={`mr-2 h-3.5 w-3.5 ${dashboard?.selectedTable === table.tableName ? 'opacity-100' : 'opacity-0'}`}\n />\n {table.tableName}\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={openBuilder}\n disabled={!canCreateChart}\n >\n <Plus className=\"mr-1 h-4 w-4\" />\n Add Chart\n </Button>\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"MosaicDashboardToolbar.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Button,\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {\n BarChart3,\n Check,\n ChevronsUpDown,\n Plus,\n TableProperties,\n} from 'lucide-react';\nimport React, {useEffect, useMemo, useState} from 'react';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {\n type MosaicDashboardAddPanelAction,\n type MosaicDashboardAddPanelActionContext,\n createMosaicDashboardProfilerPanelConfig,\n getMosaicDashboardSelectionName,\n MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nexport const MosaicDashboardToolbar: React.FC = () => {\n const {dashboardId, canCreateChart, addDefaultChart} =\n useMosaicDashboardContext();\n const dashboard = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n );\n const setSelectedTable = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.setSelectedTable,\n );\n const addPanel = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.addPanel,\n );\n const panelRenderers = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.panelRenderers,\n );\n const addPanelActions = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.addPanelActions,\n );\n const getSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.getSelection,\n );\n const dashboardSelectionName = getMosaicDashboardSelectionName(dashboardId);\n const dashboardSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.selections[dashboardSelectionName],\n );\n const tables = useStoreWithMosaicDashboard((state) => state.db.tables);\n const tablesWithColumns = useMemo(\n () => tables.filter((table) => table.columns && table.columns.length > 0),\n [tables],\n );\n const selectedTable = useMemo(\n () =>\n tablesWithColumns.find(\n (table) => table.tableName === dashboard?.selectedTable,\n ),\n [dashboard?.selectedTable, tablesWithColumns],\n );\n const [tablePickerOpen, setTablePickerOpen] = useState(false);\n const canAddProfiler = Boolean(\n dashboard?.selectedTable &&\n panelRenderers[MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE],\n );\n const addPanelActionContext = useMemo<MosaicDashboardAddPanelActionContext>(\n () => ({\n dashboardId,\n dashboard,\n selectedTable,\n tables: tablesWithColumns,\n }),\n [dashboard, dashboardId, selectedTable, tablesWithColumns],\n );\n const addPanelActionEntries = useMemo(\n () =>\n addPanelActions.map((action) => ({\n action,\n enabled: action.isEnabled\n ? action.isEnabled(addPanelActionContext)\n : true,\n })),\n [addPanelActionContext, addPanelActions],\n );\n const canAddCustomPanel = addPanelActionEntries.some(\n (entry) => entry.enabled,\n );\n const canAddAnyPanel = canCreateChart || canAddProfiler || canAddCustomPanel;\n const [selectionVersion, setSelectionVersion] = useState(0);\n\n useEffect(() => {\n if (!dashboardSelection) {\n getSelection(dashboardSelectionName, 'crossfilter');\n }\n }, [dashboardSelection, dashboardSelectionName, getSelection]);\n\n useEffect(() => {\n if (!dashboardSelection) {\n return;\n }\n\n const handleSelectionChange = () => {\n setSelectionVersion((value) => value + 1);\n };\n\n dashboardSelection.addEventListener('value', handleSelectionChange);\n return () => {\n dashboardSelection.removeEventListener('value', handleSelectionChange);\n };\n }, [dashboardSelection]);\n\n const hasActiveFilters = useMemo(\n () => Boolean(dashboardSelection?.clauses.length),\n [dashboardSelection, selectionVersion],\n );\n\n const handleAddProfiler = () => {\n const panel = dashboard?.selectedTable\n ? createMosaicDashboardProfilerPanelConfig({\n source: {tableName: dashboard.selectedTable},\n })\n : createMosaicDashboardProfilerPanelConfig();\n addPanel(dashboardId, panel);\n };\n\n const handleAddCustomPanel = (action: MosaicDashboardAddPanelAction) => {\n const panel = action.createPanel(addPanelActionContext);\n if (panel) {\n addPanel(dashboardId, panel);\n }\n };\n\n const handleResetFilters = () => {\n dashboardSelection?.reset();\n };\n\n return (\n <div className=\"flex items-center justify-between border-b px-5 py-2\">\n <div className=\"flex items-center gap-2\">\n <Popover open={tablePickerOpen} onOpenChange={setTablePickerOpen}>\n <PopoverTrigger asChild>\n <Button\n variant=\"outline\"\n size=\"sm\"\n role=\"combobox\"\n aria-expanded={tablePickerOpen}\n className=\"w-[200px] justify-between\"\n >\n <span className=\"truncate\">\n {dashboard?.selectedTable || 'Select table…'}\n </span>\n <ChevronsUpDown className=\"ml-1 h-3.5 w-3.5 shrink-0 opacity-50\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-[220px] p-0\" align=\"start\">\n <Command>\n <CommandInput placeholder=\"Search tables…\" />\n <CommandList>\n <CommandEmpty>No tables found.</CommandEmpty>\n <CommandGroup>\n {tablesWithColumns.map((table) => (\n <CommandItem\n key={table.tableName}\n value={table.tableName}\n onSelect={(value) => {\n setSelectedTable(dashboardId, value);\n setTablePickerOpen(false);\n }}\n >\n <Check\n className={`mr-2 h-3.5 w-3.5 ${dashboard?.selectedTable === table.tableName ? 'opacity-100' : 'opacity-0'}`}\n />\n {table.tableName}\n </CommandItem>\n ))}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n <Button\n variant=\"link\"\n size=\"sm\"\n className=\"h-8 px-0\"\n disabled={!hasActiveFilters}\n onClick={handleResetFilters}\n >\n Reset filters\n </Button>\n </div>\n <div className=\"flex items-center gap-2\">\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button size=\"sm\" variant=\"outline\" disabled={!canAddAnyPanel}>\n <Plus className=\"mr-1 h-4 w-4\" />\n Add\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem\n onClick={addDefaultChart}\n disabled={!canCreateChart}\n >\n <BarChart3 className=\"mr-2 h-4 w-4\" />\n Chart\n </DropdownMenuItem>\n <DropdownMenuItem\n onClick={handleAddProfiler}\n disabled={!canAddProfiler}\n >\n <TableProperties className=\"mr-2 h-4 w-4\" />\n Profiler\n </DropdownMenuItem>\n {addPanelActionEntries.map(({action, enabled}) => {\n const Icon = action.icon;\n return (\n <DropdownMenuItem\n key={action.type}\n onClick={() => handleAddCustomPanel(action)}\n disabled={!enabled}\n >\n {Icon ? <Icon className=\"mr-2 h-4 w-4\" /> : null}\n {action.label}\n </DropdownMenuItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </div>\n );\n};\n"]}
@@ -0,0 +1,4 @@
1
+ import { type FC } from 'react';
2
+ import { type VgPlotPanelRendererProps } from './MosaicDashboardSlice';
3
+ export declare const MosaicDashboardVgPlotHeaderActions: FC<VgPlotPanelRendererProps>;
4
+ //# sourceMappingURL=MosaicDashboardVgPlotHeaderActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MosaicDashboardVgPlotHeaderActions.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotHeaderActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAE3C,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,wBAAwB,CAAC;AAShC,eAAO,MAAM,kCAAkC,EAAE,EAAE,CACjD,wBAAwB,CA6CzB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { Button, Tooltip, TooltipContent, TooltipTrigger } from '@sqlrooms/ui';
3
+ import { SettingsIcon } from 'lucide-react';
4
+ import { useCallback } from 'react';
5
+ import { VgPlotSpecPopoverEditor } from './VgPlotSpecPopoverEditor';
6
+ import { useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
7
+ function getVgPlotSpec(panel) {
8
+ const spec = panel.config.vgplot;
9
+ return spec && typeof spec === 'object' && !Array.isArray(spec)
10
+ ? spec
11
+ : null;
12
+ }
13
+ export const MosaicDashboardVgPlotHeaderActions = ({ dashboardId, panel }) => {
14
+ const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
15
+ const spec = getVgPlotSpec(panel);
16
+ const isSettingsOpen = Boolean(panel.config.settingsOpen);
17
+ const handleSpecApply = useCallback((newSpec) => {
18
+ updatePanel(dashboardId, panel.id, {
19
+ config: { ...panel.config, vgplot: newSpec },
20
+ });
21
+ }, [dashboardId, panel.config, panel.id, updatePanel]);
22
+ const handleToggleSettings = useCallback(() => {
23
+ updatePanel(dashboardId, panel.id, {
24
+ config: { ...panel.config, settingsOpen: !isSettingsOpen },
25
+ });
26
+ }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);
27
+ return (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "data-[state=active]:bg-accent h-6 w-6", "aria-label": "Chart settings", onClick: handleToggleSettings, "data-state": isSettingsOpen ? 'active' : 'inactive', children: _jsx(SettingsIcon, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Chart settings" })] }), spec ? (_jsx(VgPlotSpecPopoverEditor, { value: spec, onApply: handleSpecApply })) : null] }));
28
+ };
29
+ //# sourceMappingURL=MosaicDashboardVgPlotHeaderActions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MosaicDashboardVgPlotHeaderActions.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotHeaderActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAU,WAAW,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAGL,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAEhC,SAAS,aAAa,CAAC,KAAwB;IAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IACjC,OAAO,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC7D,CAAC,CAAE,IAAgC;QACnC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,CAAC,MAAM,kCAAkC,GAE3C,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,EAAE,EAAE;IAC3B,MAAM,WAAW,GAAG,2BAA2B,CAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,WAAW,CAC7C,CAAC;IACF,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAE1D,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,OAAgC,EAAE,EAAE;QACnC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC;SAC3C,CAAC,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CACnD,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE;YACjC,MAAM,EAAE,EAAC,GAAG,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,cAAc,EAAC;SACzD,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,8BACE,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,gBACtC,gBAAgB,EAC3B,OAAO,EAAE,oBAAoB,gBACjB,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,YAElD,KAAC,YAAY,IAAC,SAAS,EAAC,aAAa,GAAG,GACjC,GACM,EACjB,KAAC,cAAc,iCAAgC,IACvC,EACT,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,uBAAuB,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,GAAI,CACnE,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, Tooltip, TooltipContent, TooltipTrigger} from '@sqlrooms/ui';\nimport {SettingsIcon} from 'lucide-react';\nimport {type FC, useCallback} from 'react';\nimport {VgPlotSpecPopoverEditor} from './VgPlotSpecPopoverEditor';\nimport {\n VgPlotPanelConfig,\n type VgPlotPanelRendererProps,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nfunction getVgPlotSpec(panel: VgPlotPanelConfig) {\n const spec = panel.config.vgplot;\n return spec && typeof spec === 'object' && !Array.isArray(spec)\n ? (spec as Record<string, unknown>)\n : null;\n}\n\nexport const MosaicDashboardVgPlotHeaderActions: FC<\n VgPlotPanelRendererProps\n> = ({dashboardId, panel}) => {\n const updatePanel = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.updatePanel,\n );\n const spec = getVgPlotSpec(panel);\n const isSettingsOpen = Boolean(panel.config.settingsOpen);\n\n const handleSpecApply = useCallback(\n (newSpec: Record<string, unknown>) => {\n updatePanel(dashboardId, panel.id, {\n config: {...panel.config, vgplot: newSpec},\n });\n },\n [dashboardId, panel.config, panel.id, updatePanel],\n );\n\n const handleToggleSettings = useCallback(() => {\n updatePanel(dashboardId, panel.id, {\n config: {...panel.config, settingsOpen: !isSettingsOpen},\n });\n }, [dashboardId, isSettingsOpen, panel.config, panel.id, updatePanel]);\n\n return (\n <>\n <Tooltip>\n <TooltipTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"data-[state=active]:bg-accent h-6 w-6\"\n aria-label=\"Chart settings\"\n onClick={handleToggleSettings}\n data-state={isSettingsOpen ? 'active' : 'inactive'}\n >\n <SettingsIcon className=\"h-3.5 w-3.5\" />\n </Button>\n </TooltipTrigger>\n <TooltipContent>Chart settings</TooltipContent>\n </Tooltip>\n {spec ? (\n <VgPlotSpecPopoverEditor value={spec} onApply={handleSpecApply} />\n ) : null}\n </>\n );\n};\n"]}
@@ -0,0 +1,3 @@
1
+ import { type MosaicDashboardPanelRenderer, type VgPlotPanelConfig } from './MosaicDashboardSlice';
2
+ export declare const mosaicDashboardVgPlotPanelRenderer: MosaicDashboardPanelRenderer<VgPlotPanelConfig>;
3
+ //# sourceMappingURL=MosaicDashboardVgPlotPanelRenderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MosaicDashboardVgPlotPanelRenderer.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotPanelRenderer.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,4BAA4B,EACjC,KAAK,iBAAiB,EAGvB,MAAM,wBAAwB,CAAC;AAwIhC,eAAO,MAAM,kCAAkC,EAAE,4BAA4B,CAAC,iBAAiB,CAK5F,CAAC"}
@@ -0,0 +1,68 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { SpinnerPane } from '@sqlrooms/ui';
3
+ import { BarChart3Icon } from 'lucide-react';
4
+ import { useCallback, useEffect, useMemo } from 'react';
5
+ import { VgPlotChart } from '../VgPlotChart';
6
+ import { ChartSettingsPanel } from './chart-settings';
7
+ import { MosaicDashboardPanelLayout } from './MosaicDashboardPanelLayout';
8
+ import { MosaicDashboardVgPlotHeaderActions } from './MosaicDashboardVgPlotHeaderActions';
9
+ import { useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
10
+ function toRenderableMosaicSpec(vgplot) {
11
+ try {
12
+ if (!vgplot || typeof vgplot !== 'object' || Array.isArray(vgplot)) {
13
+ return null;
14
+ }
15
+ const vgplotRecord = vgplot;
16
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
17
+ const { $schema, ...mosaicSpec } = vgplotRecord;
18
+ return mosaicSpec;
19
+ }
20
+ catch (error) {
21
+ console.error('[toRenderableMosaicSpec] Failed to parse spec:', error);
22
+ return null;
23
+ }
24
+ }
25
+ const MosaicDashboardVgPlotRenderer = ({ dashboardId, panel, selectionName, }) => {
26
+ const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
27
+ const brushSelection = useStoreWithMosaicDashboard((state) => state.mosaic.selections[selectionName]);
28
+ const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
29
+ const retainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.getRetainedChart(dashboardId, panel.id));
30
+ const setRetainedChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setRetainedChart);
31
+ const spec = useMemo(() => toRenderableMosaicSpec(panel.config.vgplot), [panel.config.vgplot]);
32
+ const updatePanel = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updatePanel);
33
+ const isSettingsOpen = panel.config.settingsOpen;
34
+ const handleOpenChange = useCallback((isOpen) => {
35
+ updatePanel(dashboardId, panel.id, {
36
+ config: { ...panel.config, settingsOpen: isOpen },
37
+ });
38
+ }, [dashboardId, panel.config, panel.id, updatePanel]);
39
+ useEffect(() => {
40
+ if (!brushSelection) {
41
+ getSelection(selectionName, 'crossfilter');
42
+ }
43
+ }, [brushSelection, getSelection, selectionName]);
44
+ const params = useMemo(() => brushSelection
45
+ ? new Map([['brush', brushSelection]])
46
+ : undefined, [brushSelection]);
47
+ const retention = useMemo(() => ({
48
+ chart: retainedChart,
49
+ setChart: (chart) => setRetainedChart(dashboardId, panel.id, chart),
50
+ }), [dashboardId, panel.id, retainedChart, setRetainedChart]);
51
+ const tableName = panel.source?.tableName;
52
+ const handleSettingsChange = useCallback((config) => {
53
+ updatePanel(dashboardId, panel.id, {
54
+ config,
55
+ });
56
+ }, [dashboardId, panel.id, updatePanel]);
57
+ const settingsContent = (_jsx(ChartSettingsPanel, { tableName: tableName, config: panel.config, onChange: handleSettingsChange, onClose: () => handleOpenChange(false) }));
58
+ const chartContent = (_jsx("div", { className: "h-full overflow-auto p-2", children: connection.status === 'loading' ? (_jsx(SpinnerPane, { className: "h-full w-full" })) : connection.status === 'ready' && spec && params ? (_jsx("div", { className: "bg-background text-foreground flex h-full w-full items-center justify-center rounded-md p-2", children: _jsx(VgPlotChart, { spec: spec, params: params, retention: retention }) })) : connection.status === 'ready' && spec ? (_jsx(SpinnerPane, { className: "h-full w-full" })) : (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: connection.status === 'error'
59
+ ? 'Mosaic connection failed'
60
+ : 'No valid chart spec' })) }));
61
+ return (_jsx("div", { className: "h-full min-h-0", children: _jsx(MosaicDashboardPanelLayout, { isOpen: isSettingsOpen, onIsOpenChange: handleOpenChange, settings: settingsContent, content: chartContent }) }));
62
+ };
63
+ export const mosaicDashboardVgPlotPanelRenderer = {
64
+ component: MosaicDashboardVgPlotRenderer,
65
+ headerActions: MosaicDashboardVgPlotHeaderActions,
66
+ icon: BarChart3Icon,
67
+ };
68
+ //# sourceMappingURL=MosaicDashboardVgPlotPanelRenderer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MosaicDashboardVgPlotPanelRenderer.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardVgPlotPanelRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport type {Selection} from '@uwdata/mosaic-core';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {BarChart3Icon} from 'lucide-react';\nimport {type FC, useCallback, useEffect, useMemo} from 'react';\nimport {VgPlotChart} from '../VgPlotChart';\nimport {ChartSettingsPanel} from './chart-settings';\nimport {MosaicDashboardPanelLayout} from './MosaicDashboardPanelLayout';\nimport {MosaicDashboardVgPlotHeaderActions} from './MosaicDashboardVgPlotHeaderActions';\nimport {\n type MosaicDashboardPanelRenderer,\n type VgPlotPanelConfig,\n type VgPlotPanelRendererProps,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {VgPlotChartConfig} from '../chart-types';\n\nfunction toRenderableMosaicSpec(vgplot: unknown): Spec | null {\n try {\n if (!vgplot || typeof vgplot !== 'object' || Array.isArray(vgplot)) {\n return null;\n }\n\n const vgplotRecord = vgplot as Spec;\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const {$schema, ...mosaicSpec} = vgplotRecord;\n\n return mosaicSpec;\n } catch (error) {\n console.error('[toRenderableMosaicSpec] Failed to parse spec:', error);\n return null;\n }\n}\n\nconst MosaicDashboardVgPlotRenderer: FC<VgPlotPanelRendererProps> = ({\n dashboardId,\n panel,\n selectionName,\n}) => {\n const connection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.connection,\n );\n const brushSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.selections[selectionName],\n );\n const getSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.getSelection,\n );\n const retainedChart = useStoreWithMosaicDashboard((state) =>\n state.mosaicDashboard.getRetainedChart(dashboardId, panel.id),\n );\n const setRetainedChart = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.setRetainedChart,\n );\n\n const spec = useMemo(\n () => toRenderableMosaicSpec(panel.config.vgplot),\n [panel.config.vgplot],\n );\n\n const updatePanel = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.updatePanel,\n );\n const isSettingsOpen = panel.config.settingsOpen;\n\n const handleOpenChange = useCallback(\n (isOpen: boolean) => {\n updatePanel(dashboardId, panel.id, {\n config: {...panel.config, settingsOpen: isOpen},\n });\n },\n [dashboardId, panel.config, panel.id, updatePanel],\n );\n\n useEffect(() => {\n if (!brushSelection) {\n getSelection(selectionName, 'crossfilter');\n }\n }, [brushSelection, getSelection, selectionName]);\n\n const params = useMemo(\n () =>\n brushSelection\n ? new Map<string, Selection>([['brush', brushSelection]])\n : undefined,\n [brushSelection],\n );\n\n const retention = useMemo(\n () => ({\n chart: retainedChart,\n setChart: (chart: NonNullable<typeof retainedChart>) =>\n setRetainedChart(dashboardId, panel.id, chart),\n }),\n [dashboardId, panel.id, retainedChart, setRetainedChart],\n );\n\n const tableName = panel.source?.tableName;\n\n const handleSettingsChange = useCallback(\n (config: VgPlotChartConfig) => {\n updatePanel(dashboardId, panel.id, {\n config,\n });\n },\n [dashboardId, panel.id, updatePanel],\n );\n\n const settingsContent = (\n <ChartSettingsPanel\n tableName={tableName}\n config={panel.config}\n onChange={handleSettingsChange}\n onClose={() => handleOpenChange(false)}\n />\n );\n\n const chartContent = (\n <div className=\"h-full overflow-auto p-2\">\n {connection.status === 'loading' ? (\n <SpinnerPane className=\"h-full w-full\" />\n ) : connection.status === 'ready' && spec && params ? (\n <div className=\"bg-background text-foreground flex h-full w-full items-center justify-center rounded-md p-2\">\n <VgPlotChart spec={spec} params={params} retention={retention} />\n </div>\n ) : connection.status === 'ready' && spec ? (\n <SpinnerPane className=\"h-full w-full\" />\n ) : (\n <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n {connection.status === 'error'\n ? 'Mosaic connection failed'\n : 'No valid chart spec'}\n </div>\n )}\n </div>\n );\n\n return (\n <div className=\"h-full min-h-0\">\n <MosaicDashboardPanelLayout\n isOpen={isSettingsOpen}\n onIsOpenChange={handleOpenChange}\n settings={settingsContent}\n content={chartContent}\n />\n </div>\n );\n};\n\nexport const mosaicDashboardVgPlotPanelRenderer: MosaicDashboardPanelRenderer<VgPlotPanelConfig> =\n {\n component: MosaicDashboardVgPlotRenderer,\n headerActions: MosaicDashboardVgPlotHeaderActions,\n icon: BarChart3Icon,\n };\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"VgPlotSpecPopoverEditor.d.ts","sourceRoot":"","sources":["../../src/dashboard/VgPlotSpecPopoverEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,4BAA4B;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CAkF7B,CAAC"}
1
+ {"version":3,"file":"VgPlotSpecPopoverEditor.d.ts","sourceRoot":"","sources":["../../src/dashboard/VgPlotSpecPopoverEditor.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,4BAA4B;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CAuF7B,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, Popover, PopoverContent, PopoverTrigger } from '@sqlrooms/ui';
2
+ import { Button, Popover, PopoverContent, PopoverTrigger, Tooltip, TooltipContent, TooltipTrigger, } from '@sqlrooms/ui';
3
3
  import { PencilIcon } from 'lucide-react';
4
4
  import { useCallback, useState } from 'react';
5
5
  import { MosaicCodeMirrorEditor } from '../editor/MosaicCodeMirrorEditor';
@@ -32,7 +32,7 @@ export const VgPlotSpecPopoverEditor = ({ value, onApply }) => {
32
32
  catch {
33
33
  // ignore
34
34
  }
35
- return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", title: "Edit spec", children: _jsx(PencilIcon, { className: "h-3.5 w-3.5" }) }) }), _jsx(PopoverContent, { side: "bottom", align: "end", className: "w-[500px] p-0", onInteractOutside: (event) => {
35
+ return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", "aria-label": "Edit spec", children: _jsx(PencilIcon, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Edit spec" })] }), _jsx(PopoverContent, { side: "bottom", align: "end", className: "w-[500px] p-0", onInteractOutside: (event) => {
36
36
  if (isDirty)
37
37
  event.preventDefault();
38
38
  }, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "h-72 overflow-hidden", children: _jsx(MosaicCodeMirrorEditor, { value: draft, onChange: (nextValue) => setDraft(nextValue ?? ''), className: "h-full", enableSchemaValidation: true }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t p-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setOpen(false), children: "Cancel" }), _jsx(Button, { size: "sm", disabled: !isDirty || !isValidJson, onClick: handleApply, children: "Apply" })] })] }) })] }));
@@ -1 +1 @@
1
- {"version":3,"file":"VgPlotSpecPopoverEditor.js","sourceRoot":"","sources":["../../src/dashboard/VgPlotSpecPopoverEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button, Popover, PopoverContent, PopoverTrigger} from '@sqlrooms/ui';\nimport {PencilIcon} from 'lucide-react';\nimport React, {useCallback, useState} from 'react';\nimport {MosaicCodeMirrorEditor} from '../editor/MosaicCodeMirrorEditor';\n\ninterface VgPlotSpecPopoverEditorProps {\n value: Record<string, unknown>;\n onApply: (value: Record<string, unknown>) => void;\n}\n\nexport const VgPlotSpecPopoverEditor: React.FC<\n VgPlotSpecPopoverEditorProps\n> = ({value, onApply}) => {\n const [open, setOpen] = useState(false);\n const [draft, setDraft] = useState(() => JSON.stringify(value, null, 2));\n\n const handleOpenChange = useCallback(\n (nextOpen: boolean) => {\n setOpen(nextOpen);\n if (nextOpen) {\n setDraft(JSON.stringify(value, null, 2));\n }\n },\n [value],\n );\n\n const handleApply = useCallback(() => {\n try {\n const parsed = JSON.parse(draft);\n onApply(parsed as Record<string, unknown>);\n setOpen(false);\n } catch {\n // Invalid JSON — keep the editor open.\n }\n }, [draft, onApply]);\n\n const serializedValue = JSON.stringify(value, null, 2);\n const isDirty = draft !== serializedValue;\n let isValidJson = false;\n try {\n JSON.parse(draft);\n isValidJson = true;\n } catch {\n // ignore\n }\n\n return (\n <Popover open={open} onOpenChange={handleOpenChange}>\n <PopoverTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"h-6 w-6\"\n title=\"Edit spec\"\n >\n <PencilIcon className=\"h-3.5 w-3.5\" />\n </Button>\n </PopoverTrigger>\n <PopoverContent\n side=\"bottom\"\n align=\"end\"\n className=\"w-[500px] p-0\"\n onInteractOutside={(event) => {\n if (isDirty) event.preventDefault();\n }}\n >\n <div className=\"flex flex-col\">\n <div className=\"h-72 overflow-hidden\">\n <MosaicCodeMirrorEditor\n value={draft}\n onChange={(nextValue: string | undefined) =>\n setDraft(nextValue ?? '')\n }\n className=\"h-full\"\n enableSchemaValidation\n />\n </div>\n <div className=\"flex items-center justify-end gap-2 border-t p-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(false)}>\n Cancel\n </Button>\n <Button\n size=\"sm\"\n disabled={!isDirty || !isValidJson}\n onClick={handleApply}\n >\n Apply\n </Button>\n </div>\n </div>\n </PopoverContent>\n </Popover>\n );\n};\n"]}
1
+ {"version":3,"file":"VgPlotSpecPopoverEditor.js","sourceRoot":"","sources":["../../src/dashboard/VgPlotSpecPopoverEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Button,\n Popover,\n PopoverContent,\n PopoverTrigger,\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from '@sqlrooms/ui';\nimport {PencilIcon} from 'lucide-react';\nimport React, {useCallback, useState} from 'react';\nimport {MosaicCodeMirrorEditor} from '../editor/MosaicCodeMirrorEditor';\n\ninterface VgPlotSpecPopoverEditorProps {\n value: Record<string, unknown>;\n onApply: (value: Record<string, unknown>) => void;\n}\n\nexport const VgPlotSpecPopoverEditor: React.FC<\n VgPlotSpecPopoverEditorProps\n> = ({value, onApply}) => {\n const [open, setOpen] = useState(false);\n const [draft, setDraft] = useState(() => JSON.stringify(value, null, 2));\n\n const handleOpenChange = useCallback(\n (nextOpen: boolean) => {\n setOpen(nextOpen);\n if (nextOpen) {\n setDraft(JSON.stringify(value, null, 2));\n }\n },\n [value],\n );\n\n const handleApply = useCallback(() => {\n try {\n const parsed = JSON.parse(draft);\n onApply(parsed as Record<string, unknown>);\n setOpen(false);\n } catch {\n // Invalid JSON — keep the editor open.\n }\n }, [draft, onApply]);\n\n const serializedValue = JSON.stringify(value, null, 2);\n const isDirty = draft !== serializedValue;\n let isValidJson = false;\n try {\n JSON.parse(draft);\n isValidJson = true;\n } catch {\n // ignore\n }\n\n return (\n <Popover open={open} onOpenChange={handleOpenChange}>\n <Tooltip>\n <TooltipTrigger asChild>\n <PopoverTrigger asChild>\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"h-6 w-6\"\n aria-label=\"Edit spec\"\n >\n <PencilIcon className=\"h-3.5 w-3.5\" />\n </Button>\n </PopoverTrigger>\n </TooltipTrigger>\n <TooltipContent>Edit spec</TooltipContent>\n </Tooltip>\n <PopoverContent\n side=\"bottom\"\n align=\"end\"\n className=\"w-[500px] p-0\"\n onInteractOutside={(event) => {\n if (isDirty) event.preventDefault();\n }}\n >\n <div className=\"flex flex-col\">\n <div className=\"h-72 overflow-hidden\">\n <MosaicCodeMirrorEditor\n value={draft}\n onChange={(nextValue: string | undefined) =>\n setDraft(nextValue ?? '')\n }\n className=\"h-full\"\n enableSchemaValidation\n />\n </div>\n <div className=\"flex items-center justify-end gap-2 border-t p-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(false)}>\n Cancel\n </Button>\n <Button\n size=\"sm\"\n disabled={!isDirty || !isValidJson}\n onClick={handleApply}\n >\n Apply\n </Button>\n </div>\n </div>\n </PopoverContent>\n </Popover>\n );\n};\n"]}
@@ -0,0 +1,39 @@
1
+ /**
2
+ * Chart settings compound component for configuring chart types and their parameters.
3
+ *
4
+ * @example
5
+ * ```tsx
6
+ * <ChartSettings.Root
7
+ * tableName={tableName}
8
+ * config={config}
9
+ * columns={columns}
10
+ * onChange={handleChange}
11
+ * >
12
+ * <ChartSettings.TypeSelector />
13
+ * <ChartSettings.Fields />
14
+ * </ChartSettings.Root>
15
+ * ```
16
+ */
17
+ import { type FC, type PropsWithChildren } from 'react';
18
+ import type { TableColumn } from '@sqlrooms/duckdb';
19
+ import { type VgPlotChartConfig } from '../../chart-types';
20
+ interface ChartSettingsRootProps {
21
+ tableName?: string;
22
+ config: VgPlotChartConfig;
23
+ columns: TableColumn[];
24
+ onChange: (config: VgPlotChartConfig) => void;
25
+ }
26
+ type ChartSettingsHeaderProps = PropsWithChildren<{
27
+ onClose?: () => void;
28
+ }>;
29
+ export declare const ChartSettings: {
30
+ Root: FC<PropsWithChildren<ChartSettingsRootProps>>;
31
+ Header: FC<ChartSettingsHeaderProps>;
32
+ Content: FC<{
33
+ children?: import("react").ReactNode | undefined;
34
+ }>;
35
+ TypeSelector: FC;
36
+ Fields: FC;
37
+ };
38
+ export {};
39
+ //# sourceMappingURL=ChartSettings.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChartSettings.d.ts","sourceRoot":"","sources":["../../../src/dashboard/chart-settings/ChartSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAO5E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,KAAK,iBAAiB,EAAuB,MAAM,mBAAmB,CAAC;AAM/E,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAqBD,KAAK,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,CAAC;AAiHH,eAAO,MAAM,aAAa;;;;;;;;CAMzB,CAAC"}