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

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 (454) hide show
  1. package/README.md +209 -0
  2. package/dist/MosaicChartBuilder.d.ts +44 -13
  3. package/dist/MosaicChartBuilder.d.ts.map +1 -1
  4. package/dist/MosaicChartBuilder.js +22 -30
  5. package/dist/MosaicChartBuilder.js.map +1 -1
  6. package/dist/MosaicSlice.d.ts +28 -10
  7. package/dist/MosaicSlice.d.ts.map +1 -1
  8. package/dist/MosaicSlice.js +77 -11
  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/boxplot/BoxPlotClient.d.ts +58 -0
  19. package/dist/boxplot/BoxPlotClient.d.ts.map +1 -0
  20. package/dist/boxplot/BoxPlotClient.js +264 -0
  21. package/dist/boxplot/BoxPlotClient.js.map +1 -0
  22. package/dist/chart/MosaicDashboardChart.d.ts +14 -0
  23. package/dist/chart/MosaicDashboardChart.d.ts.map +1 -0
  24. package/dist/chart/MosaicDashboardChart.js +21 -0
  25. package/dist/chart/MosaicDashboardChart.js.map +1 -0
  26. package/dist/chart/MosaicDashboardChartContent.d.ts +16 -0
  27. package/dist/chart/MosaicDashboardChartContent.d.ts.map +1 -0
  28. package/dist/chart/MosaicDashboardChartContent.js +18 -0
  29. package/dist/chart/MosaicDashboardChartContent.js.map +1 -0
  30. package/dist/chart/MosaicDashboardChartHeaderActions.d.ts +4 -0
  31. package/dist/chart/MosaicDashboardChartHeaderActions.d.ts.map +1 -0
  32. package/dist/chart/MosaicDashboardChartHeaderActions.js +16 -0
  33. package/dist/chart/MosaicDashboardChartHeaderActions.js.map +1 -0
  34. package/dist/chart/MosaicDashboardChartRenderer.d.ts +3 -0
  35. package/dist/chart/MosaicDashboardChartRenderer.d.ts.map +1 -0
  36. package/dist/chart/MosaicDashboardChartRenderer.js +31 -0
  37. package/dist/chart/MosaicDashboardChartRenderer.js.map +1 -0
  38. package/dist/chart/MosaicDashboardComponentChart.d.ts +14 -0
  39. package/dist/chart/MosaicDashboardComponentChart.d.ts.map +1 -0
  40. package/dist/chart/MosaicDashboardComponentChart.js +11 -0
  41. package/dist/chart/MosaicDashboardComponentChart.js.map +1 -0
  42. package/dist/chart/MosaicDashboardVgPlotChart.d.ts +10 -0
  43. package/dist/chart/MosaicDashboardVgPlotChart.d.ts.map +1 -0
  44. package/dist/chart/MosaicDashboardVgPlotChart.js +10 -0
  45. package/dist/chart/MosaicDashboardVgPlotChart.js.map +1 -0
  46. package/dist/chart/MosaicDashboardVgPlotError.d.ts +8 -0
  47. package/dist/chart/MosaicDashboardVgPlotError.d.ts.map +1 -0
  48. package/dist/chart/MosaicDashboardVgPlotError.js +11 -0
  49. package/dist/chart/MosaicDashboardVgPlotError.js.map +1 -0
  50. package/dist/chart/chart-settings/ChartSettings.d.ts +44 -0
  51. package/dist/chart/chart-settings/ChartSettings.d.ts.map +1 -0
  52. package/dist/chart/chart-settings/ChartSettings.js +71 -0
  53. package/dist/chart/chart-settings/ChartSettings.js.map +1 -0
  54. package/dist/chart/chart-settings/ChartSettingsContent.d.ts +13 -0
  55. package/dist/chart/chart-settings/ChartSettingsContent.d.ts.map +1 -0
  56. package/dist/chart/chart-settings/ChartSettingsContent.js +18 -0
  57. package/dist/chart/chart-settings/ChartSettingsContent.js.map +1 -0
  58. package/dist/chart/chart-settings/ChartSettingsContext.d.ts +27 -0
  59. package/dist/chart/chart-settings/ChartSettingsContext.d.ts.map +1 -0
  60. package/dist/chart/chart-settings/ChartSettingsContext.js +35 -0
  61. package/dist/chart/chart-settings/ChartSettingsContext.js.map +1 -0
  62. package/dist/chart/chart-settings/ChartSettingsPanel.d.ts +14 -0
  63. package/dist/chart/chart-settings/ChartSettingsPanel.d.ts.map +1 -0
  64. package/dist/chart/chart-settings/ChartSettingsPanel.js +17 -0
  65. package/dist/chart/chart-settings/ChartSettingsPanel.js.map +1 -0
  66. package/dist/chart/chart-settings/ChartSpecViewerPanel.d.ts +9 -0
  67. package/dist/chart/chart-settings/ChartSpecViewerPanel.d.ts.map +1 -0
  68. package/dist/chart/chart-settings/ChartSpecViewerPanel.js +11 -0
  69. package/dist/chart/chart-settings/ChartSpecViewerPanel.js.map +1 -0
  70. package/dist/chart/chart-settings/ChartTypeSelector.d.ts +9 -0
  71. package/dist/chart/chart-settings/ChartTypeSelector.d.ts.map +1 -0
  72. package/dist/chart/chart-settings/ChartTypeSelector.js +16 -0
  73. package/dist/chart/chart-settings/ChartTypeSelector.js.map +1 -0
  74. package/dist/chart/chart-settings/useTableColumns.d.ts +3 -0
  75. package/dist/chart/chart-settings/useTableColumns.d.ts.map +1 -0
  76. package/dist/chart/chart-settings/useTableColumns.js +12 -0
  77. package/dist/chart/chart-settings/useTableColumns.js.map +1 -0
  78. package/dist/chart/useBrushSelectionParams.d.ts +3 -0
  79. package/dist/chart/useBrushSelectionParams.d.ts.map +1 -0
  80. package/dist/chart/useBrushSelectionParams.js +16 -0
  81. package/dist/chart/useBrushSelectionParams.js.map +1 -0
  82. package/dist/chart/useChartRetainer.d.ts +3 -0
  83. package/dist/chart/useChartRetainer.d.ts.map +1 -0
  84. package/dist/chart/useChartRetainer.js +11 -0
  85. package/dist/chart/useChartRetainer.js.map +1 -0
  86. package/dist/chart/useGenerateSpec.d.ts +13 -0
  87. package/dist/chart/useGenerateSpec.d.ts.map +1 -0
  88. package/dist/chart/useGenerateSpec.js +32 -0
  89. package/dist/chart/useGenerateSpec.js.map +1 -0
  90. package/dist/chart-builders/AggregationSelector.d.ts +11 -0
  91. package/dist/chart-builders/AggregationSelector.d.ts.map +1 -0
  92. package/dist/chart-builders/AggregationSelector.js +9 -0
  93. package/dist/chart-builders/AggregationSelector.js.map +1 -0
  94. package/dist/chart-builders/ChartBuilderActions.d.ts +6 -0
  95. package/dist/chart-builders/ChartBuilderActions.d.ts.map +1 -0
  96. package/dist/chart-builders/ChartBuilderActions.js +36 -0
  97. package/dist/chart-builders/ChartBuilderActions.js.map +1 -0
  98. package/dist/chart-builders/ChartBuilderContent.d.ts +12 -12
  99. package/dist/chart-builders/ChartBuilderContent.d.ts.map +1 -1
  100. package/dist/chart-builders/ChartBuilderContent.js +21 -52
  101. package/dist/chart-builders/ChartBuilderContent.js.map +1 -1
  102. package/dist/chart-builders/ChartBuilderContext.d.ts +8 -4
  103. package/dist/chart-builders/ChartBuilderContext.d.ts.map +1 -1
  104. package/dist/chart-builders/ChartBuilderContext.js +5 -0
  105. package/dist/chart-builders/ChartBuilderContext.js.map +1 -1
  106. package/dist/chart-builders/ChartBuilderDialog.d.ts +30 -8
  107. package/dist/chart-builders/ChartBuilderDialog.d.ts.map +1 -1
  108. package/dist/chart-builders/ChartBuilderDialog.js +25 -10
  109. package/dist/chart-builders/ChartBuilderDialog.js.map +1 -1
  110. package/dist/chart-builders/ChartBuilderFields.d.ts +6 -0
  111. package/dist/chart-builders/ChartBuilderFields.d.ts.map +1 -0
  112. package/dist/chart-builders/ChartBuilderFields.js +39 -0
  113. package/dist/chart-builders/ChartBuilderFields.js.map +1 -0
  114. package/dist/chart-builders/ChartBuilderRoot.d.ts +25 -0
  115. package/dist/chart-builders/ChartBuilderRoot.d.ts.map +1 -0
  116. package/dist/chart-builders/ChartBuilderRoot.js +42 -0
  117. package/dist/chart-builders/ChartBuilderRoot.js.map +1 -0
  118. package/dist/chart-builders/ChartBuilderTypeGrid.d.ts +7 -0
  119. package/dist/chart-builders/ChartBuilderTypeGrid.d.ts.map +1 -0
  120. package/dist/chart-builders/ChartBuilderTypeGrid.js +23 -0
  121. package/dist/chart-builders/ChartBuilderTypeGrid.js.map +1 -0
  122. package/dist/chart-builders/ColumnSelector.d.ts +15 -0
  123. package/dist/chart-builders/ColumnSelector.d.ts.map +1 -0
  124. package/dist/chart-builders/ColumnSelector.js +31 -0
  125. package/dist/chart-builders/ColumnSelector.js.map +1 -0
  126. package/dist/chart-builders/Field.d.ts +11 -0
  127. package/dist/chart-builders/Field.d.ts.map +1 -0
  128. package/dist/chart-builders/Field.js +9 -0
  129. package/dist/chart-builders/Field.js.map +1 -0
  130. package/dist/chart-builders/FieldSelectorInput.d.ts +2 -1
  131. package/dist/chart-builders/FieldSelectorInput.d.ts.map +1 -1
  132. package/dist/chart-builders/FieldSelectorInput.js +5 -5
  133. package/dist/chart-builders/FieldSelectorInput.js.map +1 -1
  134. package/dist/chart-builders/MultiFieldSelector.d.ts +14 -0
  135. package/dist/chart-builders/MultiFieldSelector.d.ts.map +1 -0
  136. package/dist/chart-builders/MultiFieldSelector.js +53 -0
  137. package/dist/chart-builders/MultiFieldSelector.js.map +1 -0
  138. package/dist/chart-builders/TemporalGranularitySelector.d.ts +10 -0
  139. package/dist/chart-builders/TemporalGranularitySelector.d.ts.map +1 -0
  140. package/dist/chart-builders/TemporalGranularitySelector.js +37 -0
  141. package/dist/chart-builders/TemporalGranularitySelector.js.map +1 -0
  142. package/dist/chart-builders/chartSpecTitle.d.ts +3 -4
  143. package/dist/chart-builders/chartSpecTitle.d.ts.map +1 -1
  144. package/dist/chart-builders/chartSpecTitle.js +3 -5
  145. package/dist/chart-builders/chartSpecTitle.js.map +1 -1
  146. package/dist/chart-builders/chartTypeUtils.d.ts +13 -0
  147. package/dist/chart-builders/chartTypeUtils.d.ts.map +1 -0
  148. package/dist/chart-builders/chartTypeUtils.js +47 -0
  149. package/dist/chart-builders/chartTypeUtils.js.map +1 -0
  150. package/dist/chart-builders/constants.d.ts +12 -0
  151. package/dist/chart-builders/constants.d.ts.map +1 -0
  152. package/dist/chart-builders/constants.js +47 -0
  153. package/dist/chart-builders/constants.js.map +1 -0
  154. package/dist/chart-builders/createChartBuilderStore.d.ts +11 -0
  155. package/dist/chart-builders/createChartBuilderStore.d.ts.map +1 -0
  156. package/dist/chart-builders/createChartBuilderStore.js +26 -0
  157. package/dist/chart-builders/createChartBuilderStore.js.map +1 -0
  158. package/dist/chart-types/base-types.d.ts +148 -0
  159. package/dist/chart-types/base-types.d.ts.map +1 -0
  160. package/dist/chart-types/base-types.js +11 -0
  161. package/dist/chart-types/base-types.js.map +1 -0
  162. package/dist/chart-types/box-plot/BoxPlotSettings.d.ts +3 -0
  163. package/dist/chart-types/box-plot/BoxPlotSettings.d.ts.map +1 -0
  164. package/dist/chart-types/box-plot/BoxPlotSettings.js +9 -0
  165. package/dist/chart-types/box-plot/BoxPlotSettings.js.map +1 -0
  166. package/dist/chart-types/box-plot/definition.d.ts +4 -0
  167. package/dist/chart-types/box-plot/definition.d.ts.map +1 -0
  168. package/dist/chart-types/box-plot/definition.js +19 -0
  169. package/dist/chart-types/box-plot/definition.js.map +1 -0
  170. package/dist/chart-types/box-plot/renderer/BoxPlotErrorBoundary.d.ts +18 -0
  171. package/dist/chart-types/box-plot/renderer/BoxPlotErrorBoundary.d.ts.map +1 -0
  172. package/dist/chart-types/box-plot/renderer/BoxPlotErrorBoundary.js +28 -0
  173. package/dist/chart-types/box-plot/renderer/BoxPlotErrorBoundary.js.map +1 -0
  174. package/dist/chart-types/box-plot/renderer/BoxPlotPanelRenderer.d.ts +9 -0
  175. package/dist/chart-types/box-plot/renderer/BoxPlotPanelRenderer.d.ts.map +1 -0
  176. package/dist/chart-types/box-plot/renderer/BoxPlotPanelRenderer.js +115 -0
  177. package/dist/chart-types/box-plot/renderer/BoxPlotPanelRenderer.js.map +1 -0
  178. package/dist/chart-types/box-plot/renderer/constants.d.ts +24 -0
  179. package/dist/chart-types/box-plot/renderer/constants.d.ts.map +1 -0
  180. package/dist/chart-types/box-plot/renderer/constants.js +17 -0
  181. package/dist/chart-types/box-plot/renderer/constants.js.map +1 -0
  182. package/dist/chart-types/box-plot/renderer/plot.d.ts +14 -0
  183. package/dist/chart-types/box-plot/renderer/plot.d.ts.map +1 -0
  184. package/dist/chart-types/box-plot/renderer/plot.js +91 -0
  185. package/dist/chart-types/box-plot/renderer/plot.js.map +1 -0
  186. package/dist/chart-types/box-plot/renderer/useBoxPlotClient.d.ts +14 -0
  187. package/dist/chart-types/box-plot/renderer/useBoxPlotClient.d.ts.map +1 -0
  188. package/dist/chart-types/box-plot/renderer/useBoxPlotClient.js +45 -0
  189. package/dist/chart-types/box-plot/renderer/useBoxPlotClient.js.map +1 -0
  190. package/dist/chart-types/box-plot/renderer/utils.d.ts +6 -0
  191. package/dist/chart-types/box-plot/renderer/utils.d.ts.map +1 -0
  192. package/dist/chart-types/box-plot/renderer/utils.js +34 -0
  193. package/dist/chart-types/box-plot/renderer/utils.js.map +1 -0
  194. package/dist/chart-types/box-plot/schema.d.ts +16 -0
  195. package/dist/chart-types/box-plot/schema.d.ts.map +1 -0
  196. package/dist/chart-types/box-plot/schema.js +11 -0
  197. package/dist/chart-types/box-plot/schema.js.map +1 -0
  198. package/dist/chart-types/box-plot/tool.d.ts +44 -0
  199. package/dist/chart-types/box-plot/tool.d.ts.map +1 -0
  200. package/dist/chart-types/box-plot/tool.js +59 -0
  201. package/dist/chart-types/box-plot/tool.js.map +1 -0
  202. package/dist/chart-types/bubble-chart/BubbleChartSettings.d.ts +3 -0
  203. package/dist/chart-types/bubble-chart/BubbleChartSettings.d.ts.map +1 -0
  204. package/dist/chart-types/bubble-chart/BubbleChartSettings.js +9 -0
  205. package/dist/chart-types/bubble-chart/BubbleChartSettings.js.map +1 -0
  206. package/dist/chart-types/bubble-chart/definition.d.ts +4 -0
  207. package/dist/chart-types/bubble-chart/definition.d.ts.map +1 -0
  208. package/dist/chart-types/bubble-chart/definition.js +19 -0
  209. package/dist/chart-types/bubble-chart/definition.js.map +1 -0
  210. package/dist/chart-types/bubble-chart/schema.d.ts +18 -0
  211. package/dist/chart-types/bubble-chart/schema.d.ts.map +1 -0
  212. package/dist/chart-types/bubble-chart/schema.js +15 -0
  213. package/dist/chart-types/bubble-chart/schema.js.map +1 -0
  214. package/dist/chart-types/bubble-chart/spec.d.ts +4 -0
  215. package/dist/chart-types/bubble-chart/spec.d.ts.map +1 -0
  216. package/dist/chart-types/bubble-chart/spec.js +31 -0
  217. package/dist/chart-types/bubble-chart/spec.js.map +1 -0
  218. package/dist/chart-types/bubble-chart/tool.d.ts +46 -0
  219. package/dist/chart-types/bubble-chart/tool.d.ts.map +1 -0
  220. package/dist/chart-types/bubble-chart/tool.js +58 -0
  221. package/dist/chart-types/bubble-chart/tool.js.map +1 -0
  222. package/dist/chart-types/chart-config.d.ts +92 -0
  223. package/dist/chart-types/chart-config.d.ts.map +1 -0
  224. package/dist/chart-types/chart-config.js +47 -0
  225. package/dist/chart-types/chart-config.js.map +1 -0
  226. package/dist/chart-types/count-plot/CountPlotSettings.d.ts +3 -0
  227. package/dist/chart-types/count-plot/CountPlotSettings.d.ts.map +1 -0
  228. package/dist/chart-types/count-plot/CountPlotSettings.js +9 -0
  229. package/dist/chart-types/count-plot/CountPlotSettings.js.map +1 -0
  230. package/dist/chart-types/count-plot/definition.d.ts +4 -0
  231. package/dist/chart-types/count-plot/definition.d.ts.map +1 -0
  232. package/dist/chart-types/count-plot/definition.js +19 -0
  233. package/dist/chart-types/count-plot/definition.js.map +1 -0
  234. package/dist/chart-types/count-plot/schema.d.ts +14 -0
  235. package/dist/chart-types/count-plot/schema.d.ts.map +1 -0
  236. package/dist/chart-types/count-plot/schema.js +13 -0
  237. package/dist/chart-types/count-plot/schema.js.map +1 -0
  238. package/dist/chart-types/count-plot/spec.d.ts +4 -0
  239. package/dist/chart-types/count-plot/spec.d.ts.map +1 -0
  240. package/dist/chart-types/count-plot/spec.js +49 -0
  241. package/dist/chart-types/count-plot/spec.js.map +1 -0
  242. package/dist/chart-types/count-plot/tool.d.ts +42 -0
  243. package/dist/chart-types/count-plot/tool.d.ts.map +1 -0
  244. package/dist/chart-types/count-plot/tool.js +55 -0
  245. package/dist/chart-types/count-plot/tool.js.map +1 -0
  246. package/dist/chart-types/custom-spec/CustomSpecSettings.d.ts +7 -0
  247. package/dist/chart-types/custom-spec/CustomSpecSettings.d.ts.map +1 -0
  248. package/dist/chart-types/custom-spec/CustomSpecSettings.js +30 -0
  249. package/dist/chart-types/custom-spec/CustomSpecSettings.js.map +1 -0
  250. package/dist/chart-types/custom-spec/definition.d.ts +4 -0
  251. package/dist/chart-types/custom-spec/definition.d.ts.map +1 -0
  252. package/dist/chart-types/custom-spec/definition.js +17 -0
  253. package/dist/chart-types/custom-spec/definition.js.map +1 -0
  254. package/dist/chart-types/custom-spec/schema.d.ts +14 -0
  255. package/dist/chart-types/custom-spec/schema.d.ts.map +1 -0
  256. package/dist/chart-types/custom-spec/schema.js +10 -0
  257. package/dist/chart-types/custom-spec/schema.js.map +1 -0
  258. package/dist/chart-types/custom-spec/spec.d.ts +4 -0
  259. package/dist/chart-types/custom-spec/spec.d.ts.map +1 -0
  260. package/dist/chart-types/custom-spec/spec.js +24 -0
  261. package/dist/chart-types/custom-spec/spec.js.map +1 -0
  262. package/dist/chart-types/errors.d.ts +23 -0
  263. package/dist/chart-types/errors.d.ts.map +1 -0
  264. package/dist/chart-types/errors.js +26 -0
  265. package/dist/chart-types/errors.js.map +1 -0
  266. package/dist/chart-types/heatmap/HeatmapSettings.d.ts +3 -0
  267. package/dist/chart-types/heatmap/HeatmapSettings.d.ts.map +1 -0
  268. package/dist/chart-types/heatmap/HeatmapSettings.js +9 -0
  269. package/dist/chart-types/heatmap/HeatmapSettings.js.map +1 -0
  270. package/dist/chart-types/heatmap/definition.d.ts +4 -0
  271. package/dist/chart-types/heatmap/definition.d.ts.map +1 -0
  272. package/dist/chart-types/heatmap/definition.js +19 -0
  273. package/dist/chart-types/heatmap/definition.js.map +1 -0
  274. package/dist/chart-types/heatmap/schema.d.ts +16 -0
  275. package/dist/chart-types/heatmap/schema.d.ts.map +1 -0
  276. package/dist/chart-types/heatmap/schema.js +11 -0
  277. package/dist/chart-types/heatmap/schema.js.map +1 -0
  278. package/dist/chart-types/heatmap/spec.d.ts +4 -0
  279. package/dist/chart-types/heatmap/spec.d.ts.map +1 -0
  280. package/dist/chart-types/heatmap/spec.js +32 -0
  281. package/dist/chart-types/heatmap/spec.js.map +1 -0
  282. package/dist/chart-types/heatmap/tool.d.ts +44 -0
  283. package/dist/chart-types/heatmap/tool.d.ts.map +1 -0
  284. package/dist/chart-types/heatmap/tool.js +59 -0
  285. package/dist/chart-types/heatmap/tool.js.map +1 -0
  286. package/dist/chart-types/histogram/HistogramSettings.d.ts +3 -0
  287. package/dist/chart-types/histogram/HistogramSettings.d.ts.map +1 -0
  288. package/dist/chart-types/histogram/HistogramSettings.js +9 -0
  289. package/dist/chart-types/histogram/HistogramSettings.js.map +1 -0
  290. package/dist/chart-types/histogram/definition.d.ts +4 -0
  291. package/dist/chart-types/histogram/definition.d.ts.map +1 -0
  292. package/dist/chart-types/histogram/definition.js +19 -0
  293. package/dist/chart-types/histogram/definition.js.map +1 -0
  294. package/dist/chart-types/histogram/schema.d.ts +14 -0
  295. package/dist/chart-types/histogram/schema.d.ts.map +1 -0
  296. package/dist/chart-types/histogram/schema.js +13 -0
  297. package/dist/chart-types/histogram/schema.js.map +1 -0
  298. package/dist/chart-types/histogram/spec.d.ts +4 -0
  299. package/dist/chart-types/histogram/spec.d.ts.map +1 -0
  300. package/dist/chart-types/histogram/spec.js +36 -0
  301. package/dist/chart-types/histogram/spec.js.map +1 -0
  302. package/dist/chart-types/histogram/tool.d.ts +42 -0
  303. package/dist/chart-types/histogram/tool.d.ts.map +1 -0
  304. package/dist/chart-types/histogram/tool.js +55 -0
  305. package/dist/chart-types/histogram/tool.js.map +1 -0
  306. package/dist/chart-types/index.d.ts +115 -0
  307. package/dist/chart-types/index.d.ts.map +1 -0
  308. package/dist/chart-types/index.js +100 -0
  309. package/dist/chart-types/index.js.map +1 -0
  310. package/dist/chart-types/line-chart/LineChartSettings.d.ts +7 -0
  311. package/dist/chart-types/line-chart/LineChartSettings.d.ts.map +1 -0
  312. package/dist/chart-types/line-chart/LineChartSettings.js +22 -0
  313. package/dist/chart-types/line-chart/LineChartSettings.js.map +1 -0
  314. package/dist/chart-types/line-chart/definition.d.ts +4 -0
  315. package/dist/chart-types/line-chart/definition.d.ts.map +1 -0
  316. package/dist/chart-types/line-chart/definition.js +19 -0
  317. package/dist/chart-types/line-chart/definition.js.map +1 -0
  318. package/dist/chart-types/line-chart/schema.d.ts +83 -0
  319. package/dist/chart-types/line-chart/schema.d.ts.map +1 -0
  320. package/dist/chart-types/line-chart/schema.js +39 -0
  321. package/dist/chart-types/line-chart/schema.js.map +1 -0
  322. package/dist/chart-types/line-chart/spec.d.ts +4 -0
  323. package/dist/chart-types/line-chart/spec.d.ts.map +1 -0
  324. package/dist/chart-types/line-chart/spec.js +91 -0
  325. package/dist/chart-types/line-chart/spec.js.map +1 -0
  326. package/dist/chart-types/line-chart/tool.d.ts +68 -0
  327. package/dist/chart-types/line-chart/tool.d.ts.map +1 -0
  328. package/dist/chart-types/line-chart/tool.js +66 -0
  329. package/dist/chart-types/line-chart/tool.js.map +1 -0
  330. package/dist/chart-types/tool-schemas.d.ts +8 -0
  331. package/dist/chart-types/tool-schemas.d.ts.map +1 -0
  332. package/dist/chart-types/tool-schemas.js +18 -0
  333. package/dist/chart-types/tool-schemas.js.map +1 -0
  334. package/dist/chart-types/tool-types.d.ts +26 -0
  335. package/dist/chart-types/tool-types.d.ts.map +1 -0
  336. package/dist/chart-types/tool-types.js +2 -0
  337. package/dist/chart-types/tool-types.js.map +1 -0
  338. package/dist/chart-types/tool-validation.d.ts +3 -0
  339. package/dist/chart-types/tool-validation.d.ts.map +1 -0
  340. package/dist/chart-types/tool-validation.js +11 -0
  341. package/dist/chart-types/tool-validation.js.map +1 -0
  342. package/dist/chart-types/useChartTypeDefinition.d.ts +3 -0
  343. package/dist/chart-types/useChartTypeDefinition.d.ts.map +1 -0
  344. package/dist/chart-types/useChartTypeDefinition.js +8 -0
  345. package/dist/chart-types/useChartTypeDefinition.js.map +1 -0
  346. package/dist/dashboard/DashboardPanelErrorBoundary.d.ts +17 -0
  347. package/dist/dashboard/DashboardPanelErrorBoundary.d.ts.map +1 -0
  348. package/dist/dashboard/DashboardPanelErrorBoundary.js +21 -0
  349. package/dist/dashboard/DashboardPanelErrorBoundary.js.map +1 -0
  350. package/dist/dashboard/MosaicDashboard.d.ts +2 -4
  351. package/dist/dashboard/MosaicDashboard.d.ts.map +1 -1
  352. package/dist/dashboard/MosaicDashboard.js +38 -19
  353. package/dist/dashboard/MosaicDashboard.js.map +1 -1
  354. package/dist/dashboard/MosaicDashboardContext.d.ts +1 -0
  355. package/dist/dashboard/MosaicDashboardContext.d.ts.map +1 -1
  356. package/dist/dashboard/MosaicDashboardContext.js.map +1 -1
  357. package/dist/dashboard/MosaicDashboardEmptyState.d.ts +2 -0
  358. package/dist/dashboard/MosaicDashboardEmptyState.d.ts.map +1 -0
  359. package/dist/dashboard/MosaicDashboardEmptyState.js +50 -0
  360. package/dist/dashboard/MosaicDashboardEmptyState.js.map +1 -0
  361. package/dist/dashboard/MosaicDashboardPanel.d.ts +3 -0
  362. package/dist/dashboard/MosaicDashboardPanel.d.ts.map +1 -0
  363. package/dist/dashboard/MosaicDashboardPanel.js +26 -0
  364. package/dist/dashboard/MosaicDashboardPanel.js.map +1 -0
  365. package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts +8 -0
  366. package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts.map +1 -0
  367. package/dist/dashboard/MosaicDashboardPanelDragOverlay.js +17 -0
  368. package/dist/dashboard/MosaicDashboardPanelDragOverlay.js.map +1 -0
  369. package/dist/dashboard/MosaicDashboardPanelHeader.d.ts +13 -0
  370. package/dist/dashboard/MosaicDashboardPanelHeader.d.ts.map +1 -0
  371. package/dist/dashboard/MosaicDashboardPanelHeader.js +30 -0
  372. package/dist/dashboard/MosaicDashboardPanelHeader.js.map +1 -0
  373. package/dist/dashboard/MosaicDashboardPanelLayout.d.ts +10 -0
  374. package/dist/dashboard/MosaicDashboardPanelLayout.d.ts.map +1 -0
  375. package/dist/dashboard/MosaicDashboardPanelLayout.js +46 -0
  376. package/dist/dashboard/MosaicDashboardPanelLayout.js.map +1 -0
  377. package/dist/dashboard/MosaicDashboardPanels.d.ts +2 -0
  378. package/dist/dashboard/MosaicDashboardPanels.d.ts.map +1 -0
  379. package/dist/dashboard/MosaicDashboardPanels.js +53 -0
  380. package/dist/dashboard/MosaicDashboardPanels.js.map +1 -0
  381. package/dist/dashboard/MosaicDashboardSlice.d.ts +607 -27
  382. package/dist/dashboard/MosaicDashboardSlice.d.ts.map +1 -1
  383. package/dist/dashboard/MosaicDashboardSlice.js +525 -93
  384. package/dist/dashboard/MosaicDashboardSlice.js.map +1 -1
  385. package/dist/dashboard/MosaicDashboardToolbar.d.ts.map +1 -1
  386. package/dist/dashboard/MosaicDashboardToolbar.js +74 -7
  387. package/dist/dashboard/MosaicDashboardToolbar.js.map +1 -1
  388. package/dist/dashboard/defaultPanelRenderers.d.ts +3 -0
  389. package/dist/dashboard/defaultPanelRenderers.d.ts.map +1 -0
  390. package/dist/dashboard/defaultPanelRenderers.js +13 -0
  391. package/dist/dashboard/defaultPanelRenderers.js.map +1 -0
  392. package/dist/dashboard/utils.d.ts +3 -0
  393. package/dist/dashboard/utils.d.ts.map +1 -0
  394. package/dist/dashboard/utils.js +16 -0
  395. package/dist/dashboard/utils.js.map +1 -0
  396. package/dist/editor/MosaicChartDisplay.d.ts.map +1 -1
  397. package/dist/editor/MosaicChartDisplay.js +6 -1
  398. package/dist/editor/MosaicChartDisplay.js.map +1 -1
  399. package/dist/index.d.ts +28 -5
  400. package/dist/index.d.ts.map +1 -1
  401. package/dist/index.js +20 -3
  402. package/dist/index.js.map +1 -1
  403. package/dist/profiler/MosaicDashboardProfilerPanelRenderer.d.ts +3 -0
  404. package/dist/profiler/MosaicDashboardProfilerPanelRenderer.d.ts.map +1 -0
  405. package/dist/profiler/MosaicDashboardProfilerPanelRenderer.js +32 -0
  406. package/dist/profiler/MosaicDashboardProfilerPanelRenderer.js.map +1 -0
  407. package/dist/profiler/useMosaicProfiler.d.ts.map +1 -1
  408. package/dist/profiler/useMosaicProfiler.js.map +1 -1
  409. package/dist/tableInterop.js.map +1 -1
  410. package/dist/text/MosaicDashboardTextRenderer.d.ts +3 -0
  411. package/dist/text/MosaicDashboardTextRenderer.d.ts.map +1 -0
  412. package/dist/text/MosaicDashboardTextRenderer.js +46 -0
  413. package/dist/text/MosaicDashboardTextRenderer.js.map +1 -0
  414. package/dist/useMosaicClient.d.ts +4 -15
  415. package/dist/useMosaicClient.d.ts.map +1 -1
  416. package/dist/useMosaicClient.js +10 -4
  417. package/dist/useMosaicClient.js.map +1 -1
  418. package/package.json +40 -31
  419. package/dist/chart-builders/builders.d.ts +0 -7
  420. package/dist/chart-builders/builders.d.ts.map +0 -1
  421. package/dist/chart-builders/builders.js +0 -280
  422. package/dist/chart-builders/builders.js.map +0 -1
  423. package/dist/chart-builders/createMosaicChartTool.d.ts +0 -45
  424. package/dist/chart-builders/createMosaicChartTool.d.ts.map +0 -1
  425. package/dist/chart-builders/createMosaicChartTool.js +0 -109
  426. package/dist/chart-builders/createMosaicChartTool.js.map +0 -1
  427. package/dist/chart-builders/describeChartSpecs.d.ts +0 -7
  428. package/dist/chart-builders/describeChartSpecs.d.ts.map +0 -1
  429. package/dist/chart-builders/describeChartSpecs.js +0 -38
  430. package/dist/chart-builders/describeChartSpecs.js.map +0 -1
  431. package/dist/chart-builders/types.d.ts +0 -40
  432. package/dist/chart-builders/types.d.ts.map +0 -1
  433. package/dist/chart-builders/types.js +0 -2
  434. package/dist/chart-builders/types.js.map +0 -1
  435. package/dist/dashboard/MosaicDashboardChartPanel.d.ts +0 -3
  436. package/dist/dashboard/MosaicDashboardChartPanel.d.ts.map +0 -1
  437. package/dist/dashboard/MosaicDashboardChartPanel.js +0 -49
  438. package/dist/dashboard/MosaicDashboardChartPanel.js.map +0 -1
  439. package/dist/dashboard/MosaicDashboardCharts.d.ts +0 -3
  440. package/dist/dashboard/MosaicDashboardCharts.d.ts.map +0 -1
  441. package/dist/dashboard/MosaicDashboardCharts.js +0 -45
  442. package/dist/dashboard/MosaicDashboardCharts.js.map +0 -1
  443. package/dist/dashboard/MosaicDashboardProfiler.d.ts +0 -3
  444. package/dist/dashboard/MosaicDashboardProfiler.d.ts.map +0 -1
  445. package/dist/dashboard/MosaicDashboardProfiler.js +0 -21
  446. package/dist/dashboard/MosaicDashboardProfiler.js.map +0 -1
  447. package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts +0 -8
  448. package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts.map +0 -1
  449. package/dist/dashboard/VgPlotSpecPopoverEditor.js +0 -40
  450. package/dist/dashboard/VgPlotSpecPopoverEditor.js.map +0 -1
  451. package/dist/use-mosaic.d.ts +0 -11
  452. package/dist/use-mosaic.d.ts.map +0 -1
  453. package/dist/use-mosaic.js +0 -42
  454. package/dist/use-mosaic.js.map +0 -1
@@ -1,49 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, SpinnerPane } from '@sqlrooms/ui';
3
- import { Trash2Icon } from 'lucide-react';
4
- import { useCallback, useMemo } from 'react';
5
- import { VgPlotChart } from '../VgPlotChart';
6
- import { useMosaicDashboardContext } from './MosaicDashboardContext';
7
- import { getMosaicDashboardSelectionName, parseMosaicDashboardChartId, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
8
- import { VgPlotSpecPopoverEditor } from './VgPlotSpecPopoverEditor';
9
- function toRenderableMosaicSpec(parsedValue) {
10
- const mosaicSpec = { ...parsedValue };
11
- if ('$schema' in mosaicSpec) {
12
- delete mosaicSpec.$schema;
13
- }
14
- return mosaicSpec;
15
- }
16
- export const MosaicDashboardChartPanel = ({ panelInfo }) => {
17
- const { dashboardId } = useMosaicDashboardContext();
18
- const chartId = parseMosaicDashboardChartId(dashboardId, panelInfo.panelId);
19
- const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
20
- const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
21
- const updateChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.updateChart);
22
- const removeChart = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.removeChart);
23
- const getSelection = useStoreWithMosaicDashboard((state) => state.mosaic.getSelection);
24
- const chart = useMemo(() => chartId
25
- ? dashboard?.charts.find((candidate) => candidate.id === chartId)
26
- : undefined, [chartId, dashboard?.charts]);
27
- const spec = chart?.vgplot
28
- ? toRenderableMosaicSpec(chart.vgplot)
29
- : null;
30
- const brushSelection = useMemo(() => getSelection(getMosaicDashboardSelectionName(dashboardId), 'crossfilter'), [dashboardId, getSelection]);
31
- const params = useMemo(() => new Map([['brush', brushSelection]]), [brushSelection]);
32
- const handleSpecApply = useCallback((newVgplot) => {
33
- if (!chartId)
34
- return;
35
- updateChart(dashboardId, chartId, { vgplot: newVgplot });
36
- }, [chartId, dashboardId, updateChart]);
37
- const handleRemove = useCallback(() => {
38
- if (!chartId)
39
- return;
40
- removeChart(dashboardId, chartId);
41
- }, [chartId, dashboardId, removeChart]);
42
- if (!chart) {
43
- return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Chart not found" }));
44
- }
45
- return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-2 py-1", children: [_jsx("span", { className: "truncate text-xs font-medium", children: chart.title }), _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsx(VgPlotSpecPopoverEditor, { value: chart.vgplot, onApply: handleSpecApply }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", title: "Remove chart", onClick: handleRemove, children: _jsx(Trash2Icon, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto p-2", children: connection.status === 'loading' ? (_jsx(SpinnerPane, { className: "h-full w-full" })) : connection.status === 'ready' && spec ? (_jsx("div", { className: "bg-background text-foreground inline-block min-w-full rounded-md p-2", children: _jsx(VgPlotChart, { spec: spec, params: params }) })) : (_jsx("div", { className: "text-muted-foreground text-sm", children: connection.status === 'error'
46
- ? 'Mosaic connection failed'
47
- : 'No valid chart spec' })) })] }));
48
- };
49
- //# sourceMappingURL=MosaicDashboardChartPanel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MosaicDashboardChartPanel.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardChartPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {RoomPanelComponent} from '@sqlrooms/layout';\nimport {Button, SpinnerPane} from '@sqlrooms/ui';\nimport type {Selection} from '@uwdata/mosaic-core';\nimport type {Spec} from '@uwdata/mosaic-spec';\nimport {Trash2Icon} from 'lucide-react';\nimport {useCallback, useMemo} from 'react';\nimport {VgPlotChart} from '../VgPlotChart';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {\n getMosaicDashboardSelectionName,\n parseMosaicDashboardChartId,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {VgPlotSpecPopoverEditor} from './VgPlotSpecPopoverEditor';\n\nfunction toRenderableMosaicSpec(\n parsedValue: Record<string, unknown>,\n): Record<string, unknown> {\n const mosaicSpec = {...parsedValue};\n if ('$schema' in mosaicSpec) {\n delete mosaicSpec.$schema;\n }\n return mosaicSpec;\n}\n\nexport const MosaicDashboardChartPanel: RoomPanelComponent = ({panelInfo}) => {\n const {dashboardId} = useMosaicDashboardContext();\n const chartId = parseMosaicDashboardChartId(dashboardId, panelInfo.panelId);\n\n const dashboard = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n );\n const connection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.connection,\n );\n const updateChart = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.updateChart,\n );\n const removeChart = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.removeChart,\n );\n const getSelection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.getSelection,\n );\n\n const chart = useMemo(\n () =>\n chartId\n ? dashboard?.charts.find((candidate) => candidate.id === chartId)\n : undefined,\n [chartId, dashboard?.charts],\n );\n\n const spec = chart?.vgplot\n ? (toRenderableMosaicSpec(chart.vgplot) as unknown as Spec)\n : null;\n const brushSelection = useMemo(\n () =>\n getSelection(getMosaicDashboardSelectionName(dashboardId), 'crossfilter'),\n [dashboardId, getSelection],\n );\n const params = useMemo(\n () => new Map<string, Selection>([['brush', brushSelection]]),\n [brushSelection],\n );\n\n const handleSpecApply = useCallback(\n (newVgplot: Record<string, unknown>) => {\n if (!chartId) return;\n updateChart(dashboardId, chartId, {vgplot: newVgplot});\n },\n [chartId, dashboardId, updateChart],\n );\n\n const handleRemove = useCallback(() => {\n if (!chartId) return;\n removeChart(dashboardId, chartId);\n }, [chartId, dashboardId, removeChart]);\n\n if (!chart) {\n return (\n <div className=\"text-muted-foreground flex h-full items-center justify-center text-sm\">\n Chart not found\n </div>\n );\n }\n\n return (\n <div className=\"flex h-full flex-col\">\n <div className=\"flex items-center justify-between border-b px-2 py-1\">\n <span className=\"truncate text-xs font-medium\">{chart.title}</span>\n <div className=\"flex items-center gap-0.5\">\n <VgPlotSpecPopoverEditor\n value={chart.vgplot}\n onApply={handleSpecApply}\n />\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"h-6 w-6\"\n title=\"Remove chart\"\n onClick={handleRemove}\n >\n <Trash2Icon className=\"h-3.5 w-3.5\" />\n </Button>\n </div>\n </div>\n <div className=\"min-h-0 flex-1 overflow-auto p-2\">\n {connection.status === 'loading' ? (\n <SpinnerPane className=\"h-full w-full\" />\n ) : connection.status === 'ready' && spec ? (\n <div className=\"bg-background text-foreground inline-block min-w-full rounded-md p-2\">\n <VgPlotChart spec={spec} params={params} />\n </div>\n ) : (\n <div className=\"text-muted-foreground text-sm\">\n {connection.status === 'error'\n ? 'Mosaic connection failed'\n : 'No valid chart spec'}\n </div>\n )}\n </div>\n </div>\n );\n};\n"]}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const MosaicDashboardCharts: React.FC;
3
- //# sourceMappingURL=MosaicDashboardCharts.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MosaicDashboardCharts.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardCharts.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAU7D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAiFzC,CAAC"}
@@ -1,45 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { isLayoutMosaicNode, LayoutRenderer, } from '@sqlrooms/layout';
3
- import { Button } from '@sqlrooms/ui';
4
- import { useCallback, useEffect, useMemo } from 'react';
5
- import { Plus } from 'lucide-react';
6
- import { useMosaicDashboardContext } from './MosaicDashboardContext';
7
- import { getMosaicDashboardMosaicId, getMosaicDashboardPanelId, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
8
- import { MosaicDashboardChartPanel } from './MosaicDashboardChartPanel';
9
- export const MosaicDashboardCharts = () => {
10
- const { dashboardId, canCreateChart, openBuilder } = useMosaicDashboardContext();
11
- const dashboard = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]);
12
- const registerPanel = useStoreWithMosaicDashboard((state) => state.layout.registerPanel);
13
- const unregisterPanel = useStoreWithMosaicDashboard((state) => state.layout.unregisterPanel);
14
- const setLayout = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.setLayout);
15
- const charts = useMemo(() => dashboard?.charts ?? [], [dashboard?.charts]);
16
- useEffect(() => {
17
- const registeredIds = [];
18
- for (const chart of charts) {
19
- const panelId = getMosaicDashboardPanelId(dashboardId, chart.id);
20
- registerPanel(panelId, {
21
- title: chart.title,
22
- component: MosaicDashboardChartPanel,
23
- });
24
- registeredIds.push(panelId);
25
- }
26
- return () => {
27
- for (const id of registeredIds) {
28
- unregisterPanel(id);
29
- }
30
- };
31
- }, [charts, dashboardId, registerPanel, unregisterPanel]);
32
- const mosaicNode = useMemo(() => ({
33
- type: 'mosaic',
34
- id: getMosaicDashboardMosaicId(dashboardId),
35
- layout: dashboard?.layout ?? null,
36
- }), [dashboard?.layout, dashboardId]);
37
- const handleLayoutChange = useCallback((nextLayout) => {
38
- setLayout(dashboardId, nextLayout && isLayoutMosaicNode(nextLayout) ? nextLayout.layout : null);
39
- }, [dashboardId, setLayout]);
40
- if (charts.length === 0) {
41
- return (_jsxs("div", { className: "text-muted-foreground flex h-64 flex-col items-center justify-center gap-2 text-sm", children: [_jsx("p", { children: "No charts yet. Add one to get started." }), _jsxs(Button, { size: "sm", variant: "outline", onClick: openBuilder, disabled: !canCreateChart, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add Chart"] })] }));
42
- }
43
- return (_jsx("div", { className: "min-h-0 flex-1", children: _jsx(LayoutRenderer, { rootLayout: mosaicNode, onLayoutChange: handleLayoutChange }) }));
44
- };
45
- //# sourceMappingURL=MosaicDashboardCharts.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MosaicDashboardCharts.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardCharts.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n isLayoutMosaicNode,\n LayoutMosaicNode,\n LayoutNode,\n LayoutRenderer,\n} from '@sqlrooms/layout';\nimport {Button} from '@sqlrooms/ui';\nimport React, {useCallback, useEffect, useMemo} from 'react';\nimport {Plus} from 'lucide-react';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {\n getMosaicDashboardMosaicId,\n getMosaicDashboardPanelId,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\nimport {MosaicDashboardChartPanel} from './MosaicDashboardChartPanel';\n\nexport const MosaicDashboardCharts: React.FC = () => {\n const {dashboardId, canCreateChart, openBuilder} =\n useMosaicDashboardContext();\n const dashboard = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.config.dashboardsById[dashboardId],\n );\n const registerPanel = useStoreWithMosaicDashboard(\n (state) => state.layout.registerPanel,\n );\n const unregisterPanel = useStoreWithMosaicDashboard(\n (state) => state.layout.unregisterPanel,\n );\n const setLayout = useStoreWithMosaicDashboard(\n (state) => state.mosaicDashboard.setLayout,\n );\n\n const charts = useMemo(() => dashboard?.charts ?? [], [dashboard?.charts]);\n\n useEffect(() => {\n const registeredIds: string[] = [];\n\n for (const chart of charts) {\n const panelId = getMosaicDashboardPanelId(dashboardId, chart.id);\n registerPanel(panelId, {\n title: chart.title,\n component: MosaicDashboardChartPanel,\n });\n registeredIds.push(panelId);\n }\n\n return () => {\n for (const id of registeredIds) {\n unregisterPanel(id);\n }\n };\n }, [charts, dashboardId, registerPanel, unregisterPanel]);\n\n const mosaicNode: LayoutMosaicNode = useMemo(\n () => ({\n type: 'mosaic',\n id: getMosaicDashboardMosaicId(dashboardId),\n layout: dashboard?.layout ?? null,\n }),\n [dashboard?.layout, dashboardId],\n );\n\n const handleLayoutChange = useCallback(\n (nextLayout: LayoutNode | null) => {\n setLayout(\n dashboardId,\n nextLayout && isLayoutMosaicNode(nextLayout) ? nextLayout.layout : null,\n );\n },\n [dashboardId, setLayout],\n );\n\n if (charts.length === 0) {\n return (\n <div className=\"text-muted-foreground flex h-64 flex-col items-center justify-center gap-2 text-sm\">\n <p>No charts yet. Add one to get started.</p>\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\n return (\n <div className=\"min-h-0 flex-1\">\n <LayoutRenderer\n rootLayout={mosaicNode}\n onLayoutChange={handleLayoutChange}\n />\n </div>\n );\n};\n"]}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const MosaicDashboardProfiler: React.FC;
3
- //# sourceMappingURL=MosaicDashboardProfiler.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MosaicDashboardProfiler.d.ts","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardProfiler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAuC3C,CAAC"}
@@ -1,21 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { SpinnerPane } from '@sqlrooms/ui';
3
- import { MosaicProfiler } from '../profiler/MosaicProfiler';
4
- import { useMosaicDashboardContext } from './MosaicDashboardContext';
5
- import { getMosaicDashboardSelectionName, useStoreWithMosaicDashboard, } from './MosaicDashboardSlice';
6
- export const MosaicDashboardProfiler = () => {
7
- const { dashboardId } = useMosaicDashboardContext();
8
- const selectedTable = useStoreWithMosaicDashboard((state) => state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable);
9
- const connection = useStoreWithMosaicDashboard((state) => state.mosaic.connection);
10
- if (!selectedTable) {
11
- return null;
12
- }
13
- if (connection.status === 'loading') {
14
- return _jsx(SpinnerPane, { className: "h-48 w-full" });
15
- }
16
- if (connection.status !== 'ready') {
17
- return null;
18
- }
19
- return (_jsx(MosaicProfiler, { tableName: selectedTable, pageSize: 10, selectionName: getMosaicDashboardSelectionName(dashboardId), children: _jsxs("div", { className: "border-b", children: [_jsx("div", { className: "min-h-0 overflow-auto", children: _jsxs(MosaicProfiler.Table, { children: [_jsx(MosaicProfiler.Header, {}), _jsx(MosaicProfiler.Rows, {})] }) }), _jsx(MosaicProfiler.StatusBar, {})] }) }));
20
- };
21
- //# sourceMappingURL=MosaicDashboardProfiler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MosaicDashboardProfiler.js","sourceRoot":"","sources":["../../src/dashboard/MosaicDashboardProfiler.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EACL,+BAA+B,EAC/B,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,uBAAuB,GAAa,GAAG,EAAE;IACpD,MAAM,EAAC,WAAW,EAAC,GAAG,yBAAyB,EAAE,CAAC;IAClD,MAAM,aAAa,GAAG,2BAA2B,CAC/C,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,aAAa,CAC1E,CAAC;IACF,MAAM,UAAU,GAAG,2BAA2B,CAC5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CACnC,CAAC;IAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,KAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC;IACjD,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,+BAA+B,CAAC,WAAW,CAAC,YAE3D,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,uBAAuB,YACpC,MAAC,cAAc,CAAC,KAAK,eACnB,KAAC,cAAc,CAAC,MAAM,KAAG,EACzB,KAAC,cAAc,CAAC,IAAI,KAAG,IACF,GACnB,EACN,KAAC,cAAc,CAAC,SAAS,KAAG,IACxB,GACS,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {SpinnerPane} from '@sqlrooms/ui';\nimport React from 'react';\nimport {MosaicProfiler} from '../profiler/MosaicProfiler';\nimport {useMosaicDashboardContext} from './MosaicDashboardContext';\nimport {\n getMosaicDashboardSelectionName,\n useStoreWithMosaicDashboard,\n} from './MosaicDashboardSlice';\n\nexport const MosaicDashboardProfiler: React.FC = () => {\n const {dashboardId} = useMosaicDashboardContext();\n const selectedTable = useStoreWithMosaicDashboard(\n (state) =>\n state.mosaicDashboard.config.dashboardsById[dashboardId]?.selectedTable,\n );\n const connection = useStoreWithMosaicDashboard(\n (state) => state.mosaic.connection,\n );\n\n if (!selectedTable) {\n return null;\n }\n\n if (connection.status === 'loading') {\n return <SpinnerPane className=\"h-48 w-full\" />;\n }\n\n if (connection.status !== 'ready') {\n return null;\n }\n\n return (\n <MosaicProfiler\n tableName={selectedTable}\n pageSize={10}\n selectionName={getMosaicDashboardSelectionName(dashboardId)}\n >\n <div className=\"border-b\">\n <div className=\"min-h-0 overflow-auto\">\n <MosaicProfiler.Table>\n <MosaicProfiler.Header />\n <MosaicProfiler.Rows />\n </MosaicProfiler.Table>\n </div>\n <MosaicProfiler.StatusBar />\n </div>\n </MosaicProfiler>\n );\n};\n"]}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- interface VgPlotSpecPopoverEditorProps {
3
- value: Record<string, unknown>;
4
- onApply: (value: Record<string, unknown>) => void;
5
- }
6
- export declare const VgPlotSpecPopoverEditor: React.FC<VgPlotSpecPopoverEditorProps>;
7
- export {};
8
- //# sourceMappingURL=VgPlotSpecPopoverEditor.d.ts.map
@@ -1 +0,0 @@
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,40 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button, Popover, PopoverContent, PopoverTrigger } from '@sqlrooms/ui';
3
- import { PencilIcon } from 'lucide-react';
4
- import { useCallback, useState } from 'react';
5
- import { MosaicCodeMirrorEditor } from '../editor/MosaicCodeMirrorEditor';
6
- export const VgPlotSpecPopoverEditor = ({ value, onApply }) => {
7
- const [open, setOpen] = useState(false);
8
- const [draft, setDraft] = useState(() => JSON.stringify(value, null, 2));
9
- const handleOpenChange = useCallback((nextOpen) => {
10
- setOpen(nextOpen);
11
- if (nextOpen) {
12
- setDraft(JSON.stringify(value, null, 2));
13
- }
14
- }, [value]);
15
- const handleApply = useCallback(() => {
16
- try {
17
- const parsed = JSON.parse(draft);
18
- onApply(parsed);
19
- setOpen(false);
20
- }
21
- catch {
22
- // Invalid JSON — keep the editor open.
23
- }
24
- }, [draft, onApply]);
25
- const serializedValue = JSON.stringify(value, null, 2);
26
- const isDirty = draft !== serializedValue;
27
- let isValidJson = false;
28
- try {
29
- JSON.parse(draft);
30
- isValidJson = true;
31
- }
32
- catch {
33
- // ignore
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) => {
36
- if (isDirty)
37
- event.preventDefault();
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" })] })] }) })] }));
39
- };
40
- //# sourceMappingURL=VgPlotSpecPopoverEditor.js.map
@@ -1 +0,0 @@
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,11 +0,0 @@
1
- import { Connector } from '@uwdata/mosaic-core';
2
- /**
3
- * Hook to manage the Mosaic connector.
4
- *
5
- * @returns {Object} An object containing the Mosaic connector and a loading state.
6
- */
7
- export declare function useMosaic(): {
8
- isMosaicLoading: boolean;
9
- mosaicConnector: Connector | undefined;
10
- };
11
- //# sourceMappingURL=use-mosaic.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-mosaic.d.ts","sourceRoot":"","sources":["../src/use-mosaic.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,SAAS,EAA6B,MAAM,qBAAqB,CAAC;AA8B1E;;;;GAIG;AACH,wBAAgB,SAAS;;;EAUxB"}
@@ -1,42 +0,0 @@
1
- import { useDuckDb, isWasmDuckDbConnector, } from '@sqlrooms/duckdb';
2
- import { coordinator, wasmConnector } from '@uwdata/mosaic-core';
3
- import { useEffect, useState } from 'react';
4
- let mosaicConnector;
5
- // TODO: Create MosaicSlice and keep the connector in the store
6
- /**
7
- * Retrieves a Mosaic connector for the DuckDB database.
8
- *
9
- * @returns {Promise<MosaicConnector>} The Mosaic connector for the DuckDB database.
10
- */
11
- async function getMosaicConnector(duckDb) {
12
- if (mosaicConnector) {
13
- return mosaicConnector;
14
- }
15
- if (!isWasmDuckDbConnector(duckDb)) {
16
- throw new Error('Only WasmDuckDbConnector is currently supported');
17
- }
18
- await duckDb.initialize();
19
- mosaicConnector = await coordinator().databaseConnector(wasmConnector({
20
- // @ts-expect-error - We install a different version of duckdb-wasm
21
- duckDb: duckDb.getDb(),
22
- connection: duckDb.getConnection(),
23
- }));
24
- return mosaicConnector;
25
- }
26
- /**
27
- * Hook to manage the Mosaic connector.
28
- *
29
- * @returns {Object} An object containing the Mosaic connector and a loading state.
30
- */
31
- export function useMosaic() {
32
- const [isLoading, setIsLoading] = useState(true);
33
- const [connector, setConnector] = useState();
34
- const duckDb = useDuckDb();
35
- useEffect(() => {
36
- getMosaicConnector(duckDb)
37
- .then(setConnector)
38
- .finally(() => setIsLoading(false));
39
- }, [duckDb]);
40
- return { isMosaicLoading: isLoading, mosaicConnector: connector };
41
- }
42
- //# sourceMappingURL=use-mosaic.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-mosaic.js","sourceRoot":"","sources":["../src/use-mosaic.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAY,WAAW,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,IAAI,eAA0B,CAAC;AAE/B,+DAA+D;AAE/D;;;;GAIG;AACH,KAAK,UAAU,kBAAkB,CAAC,MAAuB;IACvD,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,eAAe,CAAC;IACzB,CAAC;IACD,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC;QACnC,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC;IAC1B,eAAe,GAAG,MAAM,WAAW,EAAE,CAAC,iBAAiB,CACrD,aAAa,CAAC;QACZ,mEAAmE;QACnE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;QACtB,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE;KACnC,CAAC,CACH,CAAC;IACF,OAAO,eAAe,CAAC;AACzB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAa,CAAC;IACxD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,MAAM,CAAC;aACvB,IAAI,CAAC,YAAY,CAAC;aAClB,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,CAAC;AAClE,CAAC","sourcesContent":["import {\n DuckDbConnector,\n useDuckDb,\n isWasmDuckDbConnector,\n} from '@sqlrooms/duckdb';\nimport {Connector, coordinator, wasmConnector} from '@uwdata/mosaic-core';\nimport {useEffect, useState} from 'react';\n\nlet mosaicConnector: Connector;\n\n// TODO: Create MosaicSlice and keep the connector in the store\n\n/**\n * Retrieves a Mosaic connector for the DuckDB database.\n *\n * @returns {Promise<MosaicConnector>} The Mosaic connector for the DuckDB database.\n */\nasync function getMosaicConnector(duckDb: DuckDbConnector) {\n if (mosaicConnector) {\n return mosaicConnector;\n }\n if (!isWasmDuckDbConnector(duckDb)) {\n throw new Error('Only WasmDuckDbConnector is currently supported');\n }\n await duckDb.initialize();\n mosaicConnector = await coordinator().databaseConnector(\n wasmConnector({\n // @ts-expect-error - We install a different version of duckdb-wasm\n duckDb: duckDb.getDb(),\n connection: duckDb.getConnection(),\n }),\n );\n return mosaicConnector;\n}\n\n/**\n * Hook to manage the Mosaic connector.\n *\n * @returns {Object} An object containing the Mosaic connector and a loading state.\n */\nexport function useMosaic() {\n const [isLoading, setIsLoading] = useState(true);\n const [connector, setConnector] = useState<Connector>();\n const duckDb = useDuckDb();\n useEffect(() => {\n getMosaicConnector(duckDb)\n .then(setConnector)\n .finally(() => setIsLoading(false));\n }, [duckDb]);\n return {isMosaicLoading: isLoading, mosaicConnector: connector};\n}\n"]}