@sqlrooms/mosaic 0.29.0-rc.1 → 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.
- package/README.md +161 -2
- package/dist/MosaicChart.d.ts +20 -0
- package/dist/MosaicChart.d.ts.map +1 -0
- package/dist/MosaicChart.js +25 -0
- package/dist/MosaicChart.js.map +1 -0
- package/dist/MosaicChartBuilder.d.ts +67 -0
- package/dist/MosaicChartBuilder.d.ts.map +1 -0
- package/dist/MosaicChartBuilder.js +33 -0
- package/dist/MosaicChartBuilder.js.map +1 -0
- package/dist/MosaicColorLegend.d.ts +18 -0
- package/dist/MosaicColorLegend.d.ts.map +1 -0
- package/dist/MosaicColorLegend.js +117 -0
- package/dist/MosaicColorLegend.js.map +1 -0
- package/dist/MosaicSlice.d.ts +27 -13
- package/dist/MosaicSlice.d.ts.map +1 -1
- package/dist/MosaicSlice.js +140 -42
- package/dist/MosaicSlice.js.map +1 -1
- package/dist/ResponsivePlot.d.ts +23 -0
- package/dist/ResponsivePlot.d.ts.map +1 -0
- package/dist/ResponsivePlot.js +43 -0
- package/dist/ResponsivePlot.js.map +1 -0
- package/dist/VgPlotChart.d.ts +24 -0
- package/dist/VgPlotChart.d.ts.map +1 -1
- package/dist/VgPlotChart.js +127 -21
- package/dist/VgPlotChart.js.map +1 -1
- package/dist/chart-builders/ChartBuilderActions.d.ts +6 -0
- package/dist/chart-builders/ChartBuilderActions.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderActions.js +28 -0
- package/dist/chart-builders/ChartBuilderActions.js.map +1 -0
- package/dist/chart-builders/ChartBuilderContent.d.ts +28 -0
- package/dist/chart-builders/ChartBuilderContent.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderContent.js +28 -0
- package/dist/chart-builders/ChartBuilderContent.js.map +1 -0
- package/dist/chart-builders/ChartBuilderContext.d.ts +16 -0
- package/dist/chart-builders/ChartBuilderContext.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderContext.js +15 -0
- package/dist/chart-builders/ChartBuilderContext.js.map +1 -0
- package/dist/chart-builders/ChartBuilderDialog.d.ts +48 -0
- package/dist/chart-builders/ChartBuilderDialog.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderDialog.js +30 -0
- package/dist/chart-builders/ChartBuilderDialog.js.map +1 -0
- package/dist/chart-builders/ChartBuilderFields.d.ts +6 -0
- package/dist/chart-builders/ChartBuilderFields.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderFields.js +25 -0
- package/dist/chart-builders/ChartBuilderFields.js.map +1 -0
- package/dist/chart-builders/ChartBuilderRoot.d.ts +27 -0
- package/dist/chart-builders/ChartBuilderRoot.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderRoot.js +61 -0
- package/dist/chart-builders/ChartBuilderRoot.js.map +1 -0
- package/dist/chart-builders/ChartBuilderTypeGrid.d.ts +7 -0
- package/dist/chart-builders/ChartBuilderTypeGrid.d.ts.map +1 -0
- package/dist/chart-builders/ChartBuilderTypeGrid.js +23 -0
- package/dist/chart-builders/ChartBuilderTypeGrid.js.map +1 -0
- package/dist/chart-builders/FieldSelectorInput.d.ts +13 -0
- package/dist/chart-builders/FieldSelectorInput.d.ts.map +1 -0
- package/dist/chart-builders/FieldSelectorInput.js +19 -0
- package/dist/chart-builders/FieldSelectorInput.js.map +1 -0
- package/dist/chart-builders/builders.d.ts +34 -0
- package/dist/chart-builders/builders.d.ts.map +1 -0
- package/dist/chart-builders/builders.js +51 -0
- package/dist/chart-builders/builders.js.map +1 -0
- package/dist/chart-builders/chartSpecTitle.d.ts +6 -0
- package/dist/chart-builders/chartSpecTitle.d.ts.map +1 -0
- package/dist/chart-builders/chartSpecTitle.js +8 -0
- package/dist/chart-builders/chartSpecTitle.js.map +1 -0
- package/dist/chart-builders/chartTypeUtils.d.ts +17 -0
- package/dist/chart-builders/chartTypeUtils.d.ts.map +1 -0
- package/dist/chart-builders/chartTypeUtils.js +55 -0
- package/dist/chart-builders/chartTypeUtils.js.map +1 -0
- package/dist/chart-builders/constants.d.ts +7 -0
- package/dist/chart-builders/constants.d.ts.map +1 -0
- package/dist/chart-builders/constants.js +34 -0
- package/dist/chart-builders/constants.js.map +1 -0
- package/dist/chart-builders/createChartBuilderStore.d.ts +11 -0
- package/dist/chart-builders/createChartBuilderStore.d.ts.map +1 -0
- package/dist/chart-builders/createChartBuilderStore.js +26 -0
- package/dist/chart-builders/createChartBuilderStore.js.map +1 -0
- package/dist/chart-builders/describeChartSpecs.d.ts +9 -0
- package/dist/chart-builders/describeChartSpecs.d.ts.map +1 -0
- package/dist/chart-builders/describeChartSpecs.js +41 -0
- package/dist/chart-builders/describeChartSpecs.js.map +1 -0
- package/dist/chart-builders/hooks/useChartFieldForm.d.ts +13 -0
- package/dist/chart-builders/hooks/useChartFieldForm.d.ts.map +1 -0
- package/dist/chart-builders/hooks/useChartFieldForm.js +12 -0
- package/dist/chart-builders/hooks/useChartFieldForm.js.map +1 -0
- package/dist/chart-builders/types.d.ts +23 -0
- package/dist/chart-builders/types.d.ts.map +1 -0
- package/dist/chart-builders/types.js +17 -0
- package/dist/chart-builders/types.js.map +1 -0
- package/dist/chart-types/base-types.d.ts +54 -0
- package/dist/chart-types/base-types.d.ts.map +1 -0
- package/dist/chart-types/base-types.js +6 -0
- package/dist/chart-types/base-types.js.map +1 -0
- package/dist/chart-types/box-plot/definition.d.ts +4 -0
- package/dist/chart-types/box-plot/definition.d.ts.map +1 -0
- package/dist/chart-types/box-plot/definition.js +45 -0
- package/dist/chart-types/box-plot/definition.js.map +1 -0
- package/dist/chart-types/box-plot/index.d.ts +3 -0
- package/dist/chart-types/box-plot/index.d.ts.map +1 -0
- package/dist/chart-types/box-plot/index.js +3 -0
- package/dist/chart-types/box-plot/index.js.map +1 -0
- package/dist/chart-types/box-plot/schema.d.ts +17 -0
- package/dist/chart-types/box-plot/schema.d.ts.map +1 -0
- package/dist/chart-types/box-plot/schema.js +12 -0
- package/dist/chart-types/box-plot/schema.js.map +1 -0
- package/dist/chart-types/bubble-chart/definition.d.ts +4 -0
- package/dist/chart-types/bubble-chart/definition.d.ts.map +1 -0
- package/dist/chart-types/bubble-chart/definition.js +48 -0
- package/dist/chart-types/bubble-chart/definition.js.map +1 -0
- package/dist/chart-types/bubble-chart/index.d.ts +3 -0
- package/dist/chart-types/bubble-chart/index.d.ts.map +1 -0
- package/dist/chart-types/bubble-chart/index.js +3 -0
- package/dist/chart-types/bubble-chart/index.js.map +1 -0
- package/dist/chart-types/bubble-chart/schema.d.ts +17 -0
- package/dist/chart-types/bubble-chart/schema.d.ts.map +1 -0
- package/dist/chart-types/bubble-chart/schema.js +12 -0
- package/dist/chart-types/bubble-chart/schema.js.map +1 -0
- package/dist/chart-types/count-plot/definition.d.ts +4 -0
- package/dist/chart-types/count-plot/definition.d.ts.map +1 -0
- package/dist/chart-types/count-plot/definition.js +50 -0
- package/dist/chart-types/count-plot/definition.js.map +1 -0
- package/dist/chart-types/count-plot/index.d.ts +3 -0
- package/dist/chart-types/count-plot/index.d.ts.map +1 -0
- package/dist/chart-types/count-plot/index.js +3 -0
- package/dist/chart-types/count-plot/index.js.map +1 -0
- package/dist/chart-types/count-plot/schema.d.ts +15 -0
- package/dist/chart-types/count-plot/schema.d.ts.map +1 -0
- package/dist/chart-types/count-plot/schema.js +11 -0
- package/dist/chart-types/count-plot/schema.js.map +1 -0
- package/dist/chart-types/custom-spec/definition.d.ts +4 -0
- package/dist/chart-types/custom-spec/definition.d.ts.map +1 -0
- package/dist/chart-types/custom-spec/definition.js +28 -0
- package/dist/chart-types/custom-spec/definition.js.map +1 -0
- package/dist/chart-types/custom-spec/index.d.ts +3 -0
- package/dist/chart-types/custom-spec/index.d.ts.map +1 -0
- package/dist/chart-types/custom-spec/index.js +3 -0
- package/dist/chart-types/custom-spec/index.js.map +1 -0
- package/dist/chart-types/custom-spec/schema.d.ts +11 -0
- package/dist/chart-types/custom-spec/schema.d.ts.map +1 -0
- package/dist/chart-types/custom-spec/schema.js +9 -0
- package/dist/chart-types/custom-spec/schema.js.map +1 -0
- package/dist/chart-types/ecdf/definition.d.ts +4 -0
- package/dist/chart-types/ecdf/definition.d.ts.map +1 -0
- package/dist/chart-types/ecdf/definition.js +47 -0
- package/dist/chart-types/ecdf/definition.js.map +1 -0
- package/dist/chart-types/ecdf/index.d.ts +3 -0
- package/dist/chart-types/ecdf/index.d.ts.map +1 -0
- package/dist/chart-types/ecdf/index.js +3 -0
- package/dist/chart-types/ecdf/index.js.map +1 -0
- package/dist/chart-types/ecdf/schema.d.ts +15 -0
- package/dist/chart-types/ecdf/schema.d.ts.map +1 -0
- package/dist/chart-types/ecdf/schema.js +11 -0
- package/dist/chart-types/ecdf/schema.js.map +1 -0
- package/dist/chart-types/heatmap/definition.d.ts +4 -0
- package/dist/chart-types/heatmap/definition.d.ts.map +1 -0
- package/dist/chart-types/heatmap/definition.js +49 -0
- package/dist/chart-types/heatmap/definition.js.map +1 -0
- package/dist/chart-types/heatmap/index.d.ts +3 -0
- package/dist/chart-types/heatmap/index.d.ts.map +1 -0
- package/dist/chart-types/heatmap/index.js +3 -0
- package/dist/chart-types/heatmap/index.js.map +1 -0
- package/dist/chart-types/heatmap/schema.d.ts +17 -0
- package/dist/chart-types/heatmap/schema.d.ts.map +1 -0
- package/dist/chart-types/heatmap/schema.js +12 -0
- package/dist/chart-types/heatmap/schema.js.map +1 -0
- package/dist/chart-types/histogram/definition.d.ts +4 -0
- package/dist/chart-types/histogram/definition.d.ts.map +1 -0
- package/dist/chart-types/histogram/definition.js +49 -0
- package/dist/chart-types/histogram/definition.js.map +1 -0
- package/dist/chart-types/histogram/index.d.ts +3 -0
- package/dist/chart-types/histogram/index.d.ts.map +1 -0
- package/dist/chart-types/histogram/index.js +3 -0
- package/dist/chart-types/histogram/index.js.map +1 -0
- package/dist/chart-types/histogram/schema.d.ts +15 -0
- package/dist/chart-types/histogram/schema.d.ts.map +1 -0
- package/dist/chart-types/histogram/schema.js +11 -0
- package/dist/chart-types/histogram/schema.js.map +1 -0
- package/dist/chart-types/index.d.ts +109 -0
- package/dist/chart-types/index.d.ts.map +1 -0
- package/dist/chart-types/index.js +70 -0
- package/dist/chart-types/index.js.map +1 -0
- package/dist/chart-types/line-chart/definition.d.ts +4 -0
- package/dist/chart-types/line-chart/definition.d.ts.map +1 -0
- package/dist/chart-types/line-chart/definition.js +46 -0
- package/dist/chart-types/line-chart/definition.js.map +1 -0
- package/dist/chart-types/line-chart/index.d.ts +3 -0
- package/dist/chart-types/line-chart/index.d.ts.map +1 -0
- package/dist/chart-types/line-chart/index.js +3 -0
- package/dist/chart-types/line-chart/index.js.map +1 -0
- package/dist/chart-types/line-chart/schema.d.ts +17 -0
- package/dist/chart-types/line-chart/schema.d.ts.map +1 -0
- package/dist/chart-types/line-chart/schema.js +12 -0
- package/dist/chart-types/line-chart/schema.js.map +1 -0
- package/dist/chart-types/registry.d.ts +5 -0
- package/dist/chart-types/registry.d.ts.map +1 -0
- package/dist/chart-types/registry.js +28 -0
- package/dist/chart-types/registry.js.map +1 -0
- package/dist/dashboard/DashboardPanelErrorBoundary.d.ts +17 -0
- package/dist/dashboard/DashboardPanelErrorBoundary.d.ts.map +1 -0
- package/dist/dashboard/DashboardPanelErrorBoundary.js +21 -0
- package/dist/dashboard/DashboardPanelErrorBoundary.js.map +1 -0
- package/dist/dashboard/MosaicDashboard.d.ts +18 -0
- package/dist/dashboard/MosaicDashboard.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboard.js +91 -0
- package/dist/dashboard/MosaicDashboard.js.map +1 -0
- package/dist/dashboard/MosaicDashboardContext.d.ts +12 -0
- package/dist/dashboard/MosaicDashboardContext.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardContext.js +10 -0
- package/dist/dashboard/MosaicDashboardContext.js.map +1 -0
- package/dist/dashboard/MosaicDashboardPanel.d.ts +3 -0
- package/dist/dashboard/MosaicDashboardPanel.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardPanel.js +26 -0
- package/dist/dashboard/MosaicDashboardPanel.js.map +1 -0
- package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts +8 -0
- package/dist/dashboard/MosaicDashboardPanelDragOverlay.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardPanelDragOverlay.js +17 -0
- package/dist/dashboard/MosaicDashboardPanelDragOverlay.js.map +1 -0
- package/dist/dashboard/MosaicDashboardPanelHeader.d.ts +13 -0
- package/dist/dashboard/MosaicDashboardPanelHeader.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardPanelHeader.js +30 -0
- package/dist/dashboard/MosaicDashboardPanelHeader.js.map +1 -0
- package/dist/dashboard/MosaicDashboardPanelLayout.d.ts +10 -0
- package/dist/dashboard/MosaicDashboardPanelLayout.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardPanelLayout.js +25 -0
- package/dist/dashboard/MosaicDashboardPanelLayout.js.map +1 -0
- package/dist/dashboard/MosaicDashboardPanels.d.ts +2 -0
- package/dist/dashboard/MosaicDashboardPanels.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardPanels.js +52 -0
- package/dist/dashboard/MosaicDashboardPanels.js.map +1 -0
- package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.d.ts +3 -0
- package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js +32 -0
- package/dist/dashboard/MosaicDashboardProfilerPanelRenderer.js.map +1 -0
- package/dist/dashboard/MosaicDashboardSlice.d.ts +523 -0
- package/dist/dashboard/MosaicDashboardSlice.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardSlice.js +615 -0
- package/dist/dashboard/MosaicDashboardSlice.js.map +1 -0
- package/dist/dashboard/MosaicDashboardToolbar.d.ts +3 -0
- package/dist/dashboard/MosaicDashboardToolbar.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardToolbar.js +81 -0
- package/dist/dashboard/MosaicDashboardToolbar.js.map +1 -0
- package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.d.ts +4 -0
- package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.js +29 -0
- package/dist/dashboard/MosaicDashboardVgPlotHeaderActions.js.map +1 -0
- package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.d.ts +3 -0
- package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.d.ts.map +1 -0
- package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.js +68 -0
- package/dist/dashboard/MosaicDashboardVgPlotPanelRenderer.js.map +1 -0
- package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts +8 -0
- package/dist/dashboard/VgPlotSpecPopoverEditor.d.ts.map +1 -0
- package/dist/dashboard/VgPlotSpecPopoverEditor.js +40 -0
- package/dist/dashboard/VgPlotSpecPopoverEditor.js.map +1 -0
- package/dist/dashboard/chart-settings/ChartSettings.d.ts +39 -0
- package/dist/dashboard/chart-settings/ChartSettings.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/ChartSettings.js +90 -0
- package/dist/dashboard/chart-settings/ChartSettings.js.map +1 -0
- package/dist/dashboard/chart-settings/ChartSettingsContext.d.ts +20 -0
- package/dist/dashboard/chart-settings/ChartSettingsContext.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/ChartSettingsContext.js +14 -0
- package/dist/dashboard/chart-settings/ChartSettingsContext.js.map +1 -0
- package/dist/dashboard/chart-settings/ChartSettingsPanel.d.ts +11 -0
- package/dist/dashboard/chart-settings/ChartSettingsPanel.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/ChartSettingsPanel.js +8 -0
- package/dist/dashboard/chart-settings/ChartSettingsPanel.js.map +1 -0
- package/dist/dashboard/chart-settings/ChartTypeSelector.d.ts +11 -0
- package/dist/dashboard/chart-settings/ChartTypeSelector.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/ChartTypeSelector.js +17 -0
- package/dist/dashboard/chart-settings/ChartTypeSelector.js.map +1 -0
- package/dist/dashboard/chart-settings/DynamicChartSettings.d.ts +11 -0
- package/dist/dashboard/chart-settings/DynamicChartSettings.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/DynamicChartSettings.js +19 -0
- package/dist/dashboard/chart-settings/DynamicChartSettings.js.map +1 -0
- package/dist/dashboard/chart-settings/index.d.ts +6 -0
- package/dist/dashboard/chart-settings/index.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/index.js +6 -0
- package/dist/dashboard/chart-settings/index.js.map +1 -0
- package/dist/dashboard/chart-settings/useTableColumns.d.ts +3 -0
- package/dist/dashboard/chart-settings/useTableColumns.d.ts.map +1 -0
- package/dist/dashboard/chart-settings/useTableColumns.js +12 -0
- package/dist/dashboard/chart-settings/useTableColumns.js.map +1 -0
- package/dist/dashboard/defaultPanelRenderers.d.ts +3 -0
- package/dist/dashboard/defaultPanelRenderers.d.ts.map +1 -0
- package/dist/dashboard/defaultPanelRenderers.js +11 -0
- package/dist/dashboard/defaultPanelRenderers.js.map +1 -0
- package/dist/dashboard/generateMosaicChartSpec.d.ts +15 -0
- package/dist/dashboard/generateMosaicChartSpec.d.ts.map +1 -0
- package/dist/dashboard/generateMosaicChartSpec.js +30 -0
- package/dist/dashboard/generateMosaicChartSpec.js.map +1 -0
- package/dist/editor/MosaicChartContainer.d.ts +51 -0
- package/dist/editor/MosaicChartContainer.d.ts.map +1 -0
- package/dist/editor/MosaicChartContainer.js +39 -0
- package/dist/editor/MosaicChartContainer.js.map +1 -0
- package/dist/editor/MosaicChartDisplay.d.ts +18 -0
- package/dist/editor/MosaicChartDisplay.d.ts.map +1 -0
- package/dist/editor/MosaicChartDisplay.js +26 -0
- package/dist/editor/MosaicChartDisplay.js.map +1 -0
- package/dist/editor/MosaicChartEditorActions.d.ts +20 -0
- package/dist/editor/MosaicChartEditorActions.d.ts.map +1 -0
- package/dist/editor/MosaicChartEditorActions.js +18 -0
- package/dist/editor/MosaicChartEditorActions.js.map +1 -0
- package/dist/editor/MosaicCodeMirrorEditor.d.ts +15 -0
- package/dist/editor/MosaicCodeMirrorEditor.d.ts.map +1 -0
- package/dist/editor/MosaicCodeMirrorEditor.js +26 -0
- package/dist/editor/MosaicCodeMirrorEditor.js.map +1 -0
- package/dist/editor/MosaicEditorContext.d.ts +8 -0
- package/dist/editor/MosaicEditorContext.d.ts.map +1 -0
- package/dist/editor/MosaicEditorContext.js +14 -0
- package/dist/editor/MosaicEditorContext.js.map +1 -0
- package/dist/editor/MosaicSpecEditorPanel.d.ts +20 -0
- package/dist/editor/MosaicSpecEditorPanel.d.ts.map +1 -0
- package/dist/editor/MosaicSpecEditorPanel.js +25 -0
- package/dist/editor/MosaicSpecEditorPanel.js.map +1 -0
- package/dist/editor/mosaicSchema.d.ts +20 -0
- package/dist/editor/mosaicSchema.d.ts.map +1 -0
- package/dist/editor/mosaicSchema.js +57 -0
- package/dist/editor/mosaicSchema.js.map +1 -0
- package/dist/editor/types.d.ts +72 -0
- package/dist/editor/types.d.ts.map +1 -0
- package/dist/editor/types.js +2 -0
- package/dist/editor/types.js.map +1 -0
- package/dist/editor/useMosaicChartEditor.d.ts +9 -0
- package/dist/editor/useMosaicChartEditor.d.ts.map +1 -0
- package/dist/editor/useMosaicChartEditor.js +199 -0
- package/dist/editor/useMosaicChartEditor.js.map +1 -0
- package/dist/index.d.ts +53 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +37 -1
- package/dist/index.js.map +1 -1
- package/dist/profiler/MosaicProfiler.d.ts +32 -0
- package/dist/profiler/MosaicProfiler.d.ts.map +1 -0
- package/dist/profiler/MosaicProfiler.js +57 -0
- package/dist/profiler/MosaicProfiler.js.map +1 -0
- package/dist/profiler/MosaicProfilerHeader.d.ts +7 -0
- package/dist/profiler/MosaicProfilerHeader.d.ts.map +1 -0
- package/dist/profiler/MosaicProfilerHeader.js +196 -0
- package/dist/profiler/MosaicProfilerHeader.js.map +1 -0
- package/dist/profiler/MosaicProfilerRows.d.ts +9 -0
- package/dist/profiler/MosaicProfilerRows.d.ts.map +1 -0
- package/dist/profiler/MosaicProfilerRows.js +65 -0
- package/dist/profiler/MosaicProfilerRows.js.map +1 -0
- package/dist/profiler/MosaicProfilerStatusBar.d.ts +9 -0
- package/dist/profiler/MosaicProfilerStatusBar.d.ts.map +1 -0
- package/dist/profiler/MosaicProfilerStatusBar.js +28 -0
- package/dist/profiler/MosaicProfilerStatusBar.js.map +1 -0
- package/dist/profiler/ProfilerCategoryClient.d.ts +50 -0
- package/dist/profiler/ProfilerCategoryClient.d.ts.map +1 -0
- package/dist/profiler/ProfilerCategoryClient.js +121 -0
- package/dist/profiler/ProfilerCategoryClient.js.map +1 -0
- package/dist/profiler/ProfilerCountClient.d.ts +28 -0
- package/dist/profiler/ProfilerCountClient.d.ts.map +1 -0
- package/dist/profiler/ProfilerCountClient.js +51 -0
- package/dist/profiler/ProfilerCountClient.js.map +1 -0
- package/dist/profiler/ProfilerHistogramClient.d.ts +69 -0
- package/dist/profiler/ProfilerHistogramClient.d.ts.map +1 -0
- package/dist/profiler/ProfilerHistogramClient.js +179 -0
- package/dist/profiler/ProfilerHistogramClient.js.map +1 -0
- package/dist/profiler/ProfilerPageClient.d.ts +37 -0
- package/dist/profiler/ProfilerPageClient.d.ts.map +1 -0
- package/dist/profiler/ProfilerPageClient.js +65 -0
- package/dist/profiler/ProfilerPageClient.js.map +1 -0
- package/dist/profiler/ProfilerUnsupportedSummaryClient.d.ts +24 -0
- package/dist/profiler/ProfilerUnsupportedSummaryClient.d.ts.map +1 -0
- package/dist/profiler/ProfilerUnsupportedSummaryClient.js +51 -0
- package/dist/profiler/ProfilerUnsupportedSummaryClient.js.map +1 -0
- package/dist/profiler/createProfilerStore.d.ts +45 -0
- package/dist/profiler/createProfilerStore.d.ts.map +1 -0
- package/dist/profiler/createProfilerStore.js +120 -0
- package/dist/profiler/createProfilerStore.js.map +1 -0
- package/dist/profiler/layout.d.ts +7 -0
- package/dist/profiler/layout.d.ts.map +1 -0
- package/dist/profiler/layout.js +13 -0
- package/dist/profiler/layout.js.map +1 -0
- package/dist/profiler/profilerController.d.ts +64 -0
- package/dist/profiler/profilerController.d.ts.map +1 -0
- package/dist/profiler/profilerController.js +123 -0
- package/dist/profiler/profilerController.js.map +1 -0
- package/dist/profiler/types.d.ts +86 -0
- package/dist/profiler/types.d.ts.map +1 -0
- package/dist/profiler/types.js +2 -0
- package/dist/profiler/types.js.map +1 -0
- package/dist/profiler/useMosaicProfiler.d.ts +7 -0
- package/dist/profiler/useMosaicProfiler.d.ts.map +1 -0
- package/dist/profiler/useMosaicProfiler.js +339 -0
- package/dist/profiler/useMosaicProfiler.js.map +1 -0
- package/dist/profiler/utils.d.ts +61 -0
- package/dist/profiler/utils.d.ts.map +1 -0
- package/dist/profiler/utils.js +347 -0
- package/dist/profiler/utils.js.map +1 -0
- package/dist/tableInterop.d.ts +30 -0
- package/dist/tableInterop.d.ts.map +1 -0
- package/dist/tableInterop.js +85 -0
- package/dist/tableInterop.js.map +1 -0
- package/dist/useMosaicClient.d.ts +5 -15
- package/dist/useMosaicClient.d.ts.map +1 -1
- package/dist/useMosaicClient.js +22 -6
- package/dist/useMosaicClient.js.map +1 -1
- package/package.json +30 -6
package/dist/index.d.ts
CHANGED
|
@@ -3,10 +3,61 @@
|
|
|
3
3
|
* @packageDocumentation
|
|
4
4
|
*/
|
|
5
5
|
export { isParam, isSelection, makeClient, Param, Selection, } from '@uwdata/mosaic-core';
|
|
6
|
+
export { astToDOM, astToESM, parseSpec } from '@uwdata/mosaic-spec';
|
|
6
7
|
export type { Spec } from '@uwdata/mosaic-spec';
|
|
7
|
-
export { Query, sql } from '@uwdata/mosaic-sql';
|
|
8
|
+
export { asc, column, desc, Query, sql } from '@uwdata/mosaic-sql';
|
|
8
9
|
export * as vg from '@uwdata/vgplot';
|
|
9
|
-
export {
|
|
10
|
+
export { MosaicDashboard, MosaicDashboardRoot, type MosaicDashboardProps, type MosaicDashboardRootProps, } from './dashboard/MosaicDashboard';
|
|
11
|
+
export { useMosaicDashboardContext } from './dashboard/MosaicDashboardContext';
|
|
12
|
+
export { DashboardPanelErrorBoundary } from './dashboard/DashboardPanelErrorBoundary';
|
|
13
|
+
export { createDefaultMosaicDashboardPanelRenderers } from './dashboard/defaultPanelRenderers';
|
|
14
|
+
export { createMosaicDashboardProfilerPanelConfig, createMosaicDashboardVgPlotPanelConfig, createDefaultMosaicDashboardConfig, createMosaicDashboardSlice, getMosaicDashboardDockId, getMosaicDashboardGridId, getMosaicDashboardPanelId, getMosaicDashboardSelectionName, isVgPlotPanelConfig, MOSAIC_DASHBOARD_PANEL, MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE, MosaicDashboardEntry, MosaicDashboardLayoutType, MosaicDashboardPanelConfig, MosaicDashboardPanelSource, MosaicDashboardSliceConfig, resolveMosaicDashboardPanelSource, useStoreWithMosaicDashboard, } from './dashboard/MosaicDashboardSlice';
|
|
15
|
+
export type { MosaicDashboardAddPanelAction, MosaicDashboardAddPanelActionContext, CreateMosaicDashboardSliceProps, MosaicDashboardEntry as MosaicDashboardEntryType, MosaicDashboardPanelConfig as MosaicDashboardPanelConfigType, MosaicDashboardPanelRenderer, MosaicDashboardPanelRendererProps, MosaicDashboardPanelSource as MosaicDashboardPanelSourceType, MosaicDashboardSliceConfig as MosaicDashboardSliceConfigType, MosaicDashboardSliceState, MosaicDashboardStoreState, VgPlotPanelConfig, } from './dashboard/MosaicDashboardSlice';
|
|
16
|
+
export { createMosaicColorLegendPlot, MosaicColorLegend, type MosaicColorLegendProps, } from './MosaicColorLegend';
|
|
17
|
+
export { createDefaultMosaicConfig, createMosaicSlice, MosaicSliceConfig, type CreateMosaicSliceProps, type MosaicClientOptions, type MosaicPreAggregateOptions, type MosaicSliceState, type TrackedClient, } from './MosaicSlice';
|
|
18
|
+
export { MosaicProfiler, type MosaicProfilerCompoundHeaderProps, type MosaicProfilerCompoundRowsProps, type MosaicProfilerCompoundStatusBarProps, type MosaicProfilerCompoundTableProps, type MosaicProfilerProps, type MosaicProfilerRootProps, } from './profiler/MosaicProfiler';
|
|
19
|
+
export { MosaicProfilerHeader, type MosaicProfilerHeaderProps, } from './profiler/MosaicProfilerHeader';
|
|
20
|
+
export { MosaicProfilerRows, type MosaicProfilerRowsProps, } from './profiler/MosaicProfilerRows';
|
|
21
|
+
export { MosaicProfilerStatusBar, type MosaicProfilerStatusBarProps, } from './profiler/MosaicProfilerStatusBar';
|
|
22
|
+
export { useMosaicProfiler } from './profiler/useMosaicProfiler';
|
|
23
|
+
export { ResponsivePlot, type PlotSize, type ResponsivePlotProps, } from './ResponsivePlot';
|
|
10
24
|
export { useMosaicClient, type UseMosaicClientOptions } from './useMosaicClient';
|
|
11
25
|
export { VgPlotChart } from './VgPlotChart';
|
|
26
|
+
export { MosaicChart } from './MosaicChart';
|
|
27
|
+
export { MosaicChartBuilder } from './MosaicChartBuilder';
|
|
28
|
+
export { useMosaicEditorContext } from './editor/MosaicEditorContext';
|
|
29
|
+
export { getCachedMosaicSchema, loadMosaicSchema, preloadMosaicSchema, } from './editor/mosaicSchema';
|
|
30
|
+
export { useMosaicChartEditor } from './editor/useMosaicChartEditor';
|
|
31
|
+
export type { MosaicChartContainerProps } from './editor/MosaicChartContainer';
|
|
32
|
+
export type { MosaicChartDisplayProps } from './editor/MosaicChartDisplay';
|
|
33
|
+
export type { MosaicChartEditorActionsProps } from './editor/MosaicChartEditorActions';
|
|
34
|
+
export type { MosaicCodeMirrorEditorProps } from './editor/MosaicCodeMirrorEditor';
|
|
35
|
+
export type { MosaicSpecEditorPanelProps } from './editor/MosaicSpecEditorPanel';
|
|
36
|
+
export type { MosaicEditorActions, MosaicEditorContextValue, MosaicEditorState, OnMosaicSpecChange, UseMosaicChartEditorOptions, UseMosaicChartEditorReturn, } from './editor/types';
|
|
37
|
+
export { getProfilerTableWidth, PROFILER_DEFAULT_COLUMN_WIDTH_PX, PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX, PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX, } from './profiler/layout';
|
|
38
|
+
export type { MosaicProfilerCategoryBucket, MosaicProfilerCategorySummary, MosaicProfilerColumnKind, MosaicProfilerColumnState, MosaicProfilerHistogramSummary, MosaicProfilerOptions, MosaicProfilerPaginationState, MosaicProfilerSorting, MosaicProfilerSummaryState, UseMosaicProfilerReturn, } from './profiler/types';
|
|
39
|
+
export { boxPlotBuilder, bubbleChartBuilder, countPlotBuilder, createChartBuilderTemplate, createChartBuilderTemplates, createDefaultChartBuilders, customSpecBuilder, ecdfBuilder, heatmapBuilder, histogramBuilder, lineChartBuilder, mosaicChartBuilders, } from './chart-builders/builders';
|
|
40
|
+
export type { ChartBuilderActionsProps } from './chart-builders/ChartBuilderActions';
|
|
41
|
+
export { ChartBuilderActions } from './chart-builders/ChartBuilderActions';
|
|
42
|
+
export type { ChartBuilderContentProps } from './chart-builders/ChartBuilderContent';
|
|
43
|
+
export { ChartBuilderContent } from './chart-builders/ChartBuilderContent';
|
|
44
|
+
export { useChartBuilderContext, useChartBuilderStore, } from './chart-builders/ChartBuilderContext';
|
|
45
|
+
export type { ChartBuilderContextValue } from './chart-builders/ChartBuilderContext';
|
|
46
|
+
export type { ChartBuilderDialogContentProps, ChartBuilderDialogProps, ChartBuilderTriggerProps, } from './chart-builders/ChartBuilderDialog';
|
|
47
|
+
export { ChartBuilderDialogContent, ChartBuilderTrigger, } from './chart-builders/ChartBuilderDialog';
|
|
48
|
+
export type { ChartBuilderRootProps } from './chart-builders/ChartBuilderRoot';
|
|
49
|
+
export { ChartBuilderRoot } from './chart-builders/ChartBuilderRoot';
|
|
50
|
+
export type { ChartBuilderFieldsProps } from './chart-builders/ChartBuilderFields';
|
|
51
|
+
export { ChartBuilderFields } from './chart-builders/ChartBuilderFields';
|
|
52
|
+
export type { ChartBuilderTypeGridProps } from './chart-builders/ChartBuilderTypeGrid';
|
|
53
|
+
export { ChartBuilderTypeGrid } from './chart-builders/ChartBuilderTypeGrid';
|
|
54
|
+
export { buildChartTitleForSpec } from './chart-builders/chartSpecTitle';
|
|
55
|
+
export { boxPlotChartType, bubbleChartChartType, countPlotChartType, createDefaultChartTypes, customSpecChartType, ecdfChartType, heatmapChartType, histogramChartType, lineChartChartType, mosaicChartTypes, } from './chart-types';
|
|
56
|
+
export type { VgPlotChartConfig, VgPlotChartSettings, VgPlotChartType, } from './chart-types';
|
|
57
|
+
export { buildChartTypeTitle, canCreateChartFromType, columnMatchesFieldTypes, getAvailableChartTypes, getCompatibleColumns, isChartTypeAvailable, NUMERIC_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, } from './chart-builders/chartTypeUtils';
|
|
58
|
+
export { describeChartSpecs, describeChartTypes, } from './chart-builders/describeChartSpecs';
|
|
59
|
+
export type { FieldSelectorInputProps } from './chart-builders/FieldSelectorInput';
|
|
60
|
+
export { toChartSpec, toChartTypeDefinition } from './chart-builders/types';
|
|
61
|
+
export type { ChartBuilderColumn, ChartBuilderField, ChartBuilderTemplate, ChartSpec, ChartTypeDefinition, } from './chart-builders/types';
|
|
62
|
+
export { MosaicCodeMirrorEditor } from './editor/MosaicCodeMirrorEditor';
|
|
12
63
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -3,9 +3,45 @@
|
|
|
3
3
|
* @packageDocumentation
|
|
4
4
|
*/
|
|
5
5
|
export { isParam, isSelection, makeClient, Param, Selection, } from '@uwdata/mosaic-core';
|
|
6
|
-
export {
|
|
6
|
+
export { astToDOM, astToESM, parseSpec } from '@uwdata/mosaic-spec';
|
|
7
|
+
export { asc, column, desc, Query, sql } from '@uwdata/mosaic-sql';
|
|
7
8
|
export * as vg from '@uwdata/vgplot';
|
|
9
|
+
export { MosaicDashboard, MosaicDashboardRoot, } from './dashboard/MosaicDashboard';
|
|
10
|
+
export { useMosaicDashboardContext } from './dashboard/MosaicDashboardContext';
|
|
11
|
+
export { DashboardPanelErrorBoundary } from './dashboard/DashboardPanelErrorBoundary';
|
|
12
|
+
export { createDefaultMosaicDashboardPanelRenderers } from './dashboard/defaultPanelRenderers';
|
|
13
|
+
export { createMosaicDashboardProfilerPanelConfig, createMosaicDashboardVgPlotPanelConfig, createDefaultMosaicDashboardConfig, createMosaicDashboardSlice, getMosaicDashboardDockId, getMosaicDashboardGridId, getMosaicDashboardPanelId, getMosaicDashboardSelectionName, isVgPlotPanelConfig, MOSAIC_DASHBOARD_PANEL, MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE, MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE, MosaicDashboardEntry, MosaicDashboardLayoutType, MosaicDashboardPanelConfig, MosaicDashboardPanelSource, MosaicDashboardSliceConfig, resolveMosaicDashboardPanelSource, useStoreWithMosaicDashboard, } from './dashboard/MosaicDashboardSlice';
|
|
14
|
+
export { createMosaicColorLegendPlot, MosaicColorLegend, } from './MosaicColorLegend';
|
|
8
15
|
export { createDefaultMosaicConfig, createMosaicSlice, MosaicSliceConfig, } from './MosaicSlice';
|
|
16
|
+
export { MosaicProfiler, } from './profiler/MosaicProfiler';
|
|
17
|
+
export { MosaicProfilerHeader, } from './profiler/MosaicProfilerHeader';
|
|
18
|
+
export { MosaicProfilerRows, } from './profiler/MosaicProfilerRows';
|
|
19
|
+
export { MosaicProfilerStatusBar, } from './profiler/MosaicProfilerStatusBar';
|
|
20
|
+
export { useMosaicProfiler } from './profiler/useMosaicProfiler';
|
|
21
|
+
export { ResponsivePlot, } from './ResponsivePlot';
|
|
9
22
|
export { useMosaicClient } from './useMosaicClient';
|
|
10
23
|
export { VgPlotChart } from './VgPlotChart';
|
|
24
|
+
// Compound components
|
|
25
|
+
export { MosaicChart } from './MosaicChart';
|
|
26
|
+
export { MosaicChartBuilder } from './MosaicChartBuilder';
|
|
27
|
+
// Editor hooks and context
|
|
28
|
+
export { useMosaicEditorContext } from './editor/MosaicEditorContext';
|
|
29
|
+
export { getCachedMosaicSchema, loadMosaicSchema, preloadMosaicSchema, } from './editor/mosaicSchema';
|
|
30
|
+
export { useMosaicChartEditor } from './editor/useMosaicChartEditor';
|
|
31
|
+
export { getProfilerTableWidth, PROFILER_DEFAULT_COLUMN_WIDTH_PX, PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX, PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX, } from './profiler/layout';
|
|
32
|
+
// Chart builder types and utilities
|
|
33
|
+
export { boxPlotBuilder, bubbleChartBuilder, countPlotBuilder, createChartBuilderTemplate, createChartBuilderTemplates, createDefaultChartBuilders, customSpecBuilder, ecdfBuilder, heatmapBuilder, histogramBuilder, lineChartBuilder, mosaicChartBuilders, } from './chart-builders/builders';
|
|
34
|
+
export { ChartBuilderActions } from './chart-builders/ChartBuilderActions';
|
|
35
|
+
export { ChartBuilderContent } from './chart-builders/ChartBuilderContent';
|
|
36
|
+
export { useChartBuilderContext, useChartBuilderStore, } from './chart-builders/ChartBuilderContext';
|
|
37
|
+
export { ChartBuilderDialogContent, ChartBuilderTrigger, } from './chart-builders/ChartBuilderDialog';
|
|
38
|
+
export { ChartBuilderRoot } from './chart-builders/ChartBuilderRoot';
|
|
39
|
+
export { ChartBuilderFields } from './chart-builders/ChartBuilderFields';
|
|
40
|
+
export { ChartBuilderTypeGrid } from './chart-builders/ChartBuilderTypeGrid';
|
|
41
|
+
export { buildChartTitleForSpec } from './chart-builders/chartSpecTitle';
|
|
42
|
+
export { boxPlotChartType, bubbleChartChartType, countPlotChartType, createDefaultChartTypes, customSpecChartType, ecdfChartType, heatmapChartType, histogramChartType, lineChartChartType, mosaicChartTypes, } from './chart-types';
|
|
43
|
+
export { buildChartTypeTitle, canCreateChartFromType, columnMatchesFieldTypes, getAvailableChartTypes, getCompatibleColumns, isChartTypeAvailable, NUMERIC_COLUMN_TYPES, QUANTITATIVE_COLUMN_TYPES, TEMPORAL_COLUMN_TYPES, } from './chart-builders/chartTypeUtils';
|
|
44
|
+
export { describeChartSpecs, describeChartTypes, } from './chart-builders/describeChartSpecs';
|
|
45
|
+
export { toChartSpec, toChartTypeDefinition } from './chart-builders/types';
|
|
46
|
+
export { MosaicCodeMirrorEditor } from './editor/MosaicCodeMirrorEditor';
|
|
11
47
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,KAAK,EACL,SAAS,GACV,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EACL,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,GAGlB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,eAAe,EAA8B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\nexport {\n isParam,\n isSelection,\n makeClient,\n Param,\n Selection,\n} from '@uwdata/mosaic-core';\nexport type {Spec} from '@uwdata/mosaic-spec';\nexport {Query, sql} from '@uwdata/mosaic-sql';\nexport * as vg from '@uwdata/vgplot';\nexport {\n createDefaultMosaicConfig,\n createMosaicSlice,\n MosaicSliceConfig,\n type MosaicClientOptions,\n type TrackedClient,\n} from './MosaicSlice';\nexport {useMosaicClient, type UseMosaicClientOptions} from './useMosaicClient';\nexport {VgPlotChart} from './VgPlotChart';\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\nexport {\n isParam,\n isSelection,\n makeClient,\n Param,\n Selection,\n} from '@uwdata/mosaic-core';\nexport {astToDOM, astToESM, parseSpec} from '@uwdata/mosaic-spec';\nexport type {Spec} from '@uwdata/mosaic-spec';\nexport {asc, column, desc, Query, sql} from '@uwdata/mosaic-sql';\nexport * as vg from '@uwdata/vgplot';\nexport {\n MosaicDashboard,\n MosaicDashboardRoot,\n type MosaicDashboardProps,\n type MosaicDashboardRootProps,\n} from './dashboard/MosaicDashboard';\nexport {useMosaicDashboardContext} from './dashboard/MosaicDashboardContext';\nexport {DashboardPanelErrorBoundary} from './dashboard/DashboardPanelErrorBoundary';\nexport {createDefaultMosaicDashboardPanelRenderers} from './dashboard/defaultPanelRenderers';\nexport {\n createMosaicDashboardProfilerPanelConfig,\n createMosaicDashboardVgPlotPanelConfig,\n createDefaultMosaicDashboardConfig,\n createMosaicDashboardSlice,\n getMosaicDashboardDockId,\n getMosaicDashboardGridId,\n getMosaicDashboardPanelId,\n getMosaicDashboardSelectionName,\n isVgPlotPanelConfig,\n MOSAIC_DASHBOARD_PANEL,\n MOSAIC_DASHBOARD_PROFILER_PANEL_TYPE,\n MOSAIC_DASHBOARD_VGPLOT_PANEL_TYPE,\n MosaicDashboardEntry,\n MosaicDashboardLayoutType,\n MosaicDashboardPanelConfig,\n MosaicDashboardPanelSource,\n MosaicDashboardSliceConfig,\n resolveMosaicDashboardPanelSource,\n useStoreWithMosaicDashboard,\n} from './dashboard/MosaicDashboardSlice';\nexport type {\n MosaicDashboardAddPanelAction,\n MosaicDashboardAddPanelActionContext,\n CreateMosaicDashboardSliceProps,\n MosaicDashboardEntry as MosaicDashboardEntryType,\n MosaicDashboardPanelConfig as MosaicDashboardPanelConfigType,\n MosaicDashboardPanelRenderer,\n MosaicDashboardPanelRendererProps,\n MosaicDashboardPanelSource as MosaicDashboardPanelSourceType,\n MosaicDashboardSliceConfig as MosaicDashboardSliceConfigType,\n MosaicDashboardSliceState,\n MosaicDashboardStoreState,\n VgPlotPanelConfig,\n} from './dashboard/MosaicDashboardSlice';\nexport {\n createMosaicColorLegendPlot,\n MosaicColorLegend,\n type MosaicColorLegendProps,\n} from './MosaicColorLegend';\nexport {\n createDefaultMosaicConfig,\n createMosaicSlice,\n MosaicSliceConfig,\n type CreateMosaicSliceProps,\n type MosaicClientOptions,\n type MosaicPreAggregateOptions,\n type MosaicSliceState,\n type TrackedClient,\n} from './MosaicSlice';\nexport {\n MosaicProfiler,\n type MosaicProfilerCompoundHeaderProps,\n type MosaicProfilerCompoundRowsProps,\n type MosaicProfilerCompoundStatusBarProps,\n type MosaicProfilerCompoundTableProps,\n type MosaicProfilerProps,\n type MosaicProfilerRootProps,\n} from './profiler/MosaicProfiler';\nexport {\n MosaicProfilerHeader,\n type MosaicProfilerHeaderProps,\n} from './profiler/MosaicProfilerHeader';\nexport {\n MosaicProfilerRows,\n type MosaicProfilerRowsProps,\n} from './profiler/MosaicProfilerRows';\nexport {\n MosaicProfilerStatusBar,\n type MosaicProfilerStatusBarProps,\n} from './profiler/MosaicProfilerStatusBar';\nexport {useMosaicProfiler} from './profiler/useMosaicProfiler';\nexport {\n ResponsivePlot,\n type PlotSize,\n type ResponsivePlotProps,\n} from './ResponsivePlot';\nexport {useMosaicClient, type UseMosaicClientOptions} from './useMosaicClient';\nexport {VgPlotChart} from './VgPlotChart';\n\n// Compound components\nexport {MosaicChart} from './MosaicChart';\nexport {MosaicChartBuilder} from './MosaicChartBuilder';\n\n// Editor hooks and context\nexport {useMosaicEditorContext} from './editor/MosaicEditorContext';\nexport {\n getCachedMosaicSchema,\n loadMosaicSchema,\n preloadMosaicSchema,\n} from './editor/mosaicSchema';\nexport {useMosaicChartEditor} from './editor/useMosaicChartEditor';\n\n// Editor types\nexport type {MosaicChartContainerProps} from './editor/MosaicChartContainer';\nexport type {MosaicChartDisplayProps} from './editor/MosaicChartDisplay';\nexport type {MosaicChartEditorActionsProps} from './editor/MosaicChartEditorActions';\nexport type {MosaicCodeMirrorEditorProps} from './editor/MosaicCodeMirrorEditor';\nexport type {MosaicSpecEditorPanelProps} from './editor/MosaicSpecEditorPanel';\nexport type {\n MosaicEditorActions,\n MosaicEditorContextValue,\n MosaicEditorState,\n OnMosaicSpecChange,\n UseMosaicChartEditorOptions,\n UseMosaicChartEditorReturn,\n} from './editor/types';\nexport {\n getProfilerTableWidth,\n PROFILER_DEFAULT_COLUMN_WIDTH_PX,\n PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX,\n PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX,\n} from './profiler/layout';\nexport type {\n MosaicProfilerCategoryBucket,\n MosaicProfilerCategorySummary,\n MosaicProfilerColumnKind,\n MosaicProfilerColumnState,\n MosaicProfilerHistogramSummary,\n MosaicProfilerOptions,\n MosaicProfilerPaginationState,\n MosaicProfilerSorting,\n MosaicProfilerSummaryState,\n UseMosaicProfilerReturn,\n} from './profiler/types';\n\n// Chart builder types and utilities\nexport {\n boxPlotBuilder,\n bubbleChartBuilder,\n countPlotBuilder,\n createChartBuilderTemplate,\n createChartBuilderTemplates,\n createDefaultChartBuilders,\n customSpecBuilder,\n ecdfBuilder,\n heatmapBuilder,\n histogramBuilder,\n lineChartBuilder,\n mosaicChartBuilders,\n} from './chart-builders/builders';\nexport type {ChartBuilderActionsProps} from './chart-builders/ChartBuilderActions';\nexport {ChartBuilderActions} from './chart-builders/ChartBuilderActions';\nexport type {ChartBuilderContentProps} from './chart-builders/ChartBuilderContent';\nexport {ChartBuilderContent} from './chart-builders/ChartBuilderContent';\nexport {\n useChartBuilderContext,\n useChartBuilderStore,\n} from './chart-builders/ChartBuilderContext';\nexport type {ChartBuilderContextValue} from './chart-builders/ChartBuilderContext';\nexport type {\n ChartBuilderDialogContentProps,\n ChartBuilderDialogProps,\n ChartBuilderTriggerProps,\n} from './chart-builders/ChartBuilderDialog';\nexport {\n ChartBuilderDialogContent,\n ChartBuilderTrigger,\n} from './chart-builders/ChartBuilderDialog';\nexport type {ChartBuilderRootProps} from './chart-builders/ChartBuilderRoot';\nexport {ChartBuilderRoot} from './chart-builders/ChartBuilderRoot';\nexport type {ChartBuilderFieldsProps} from './chart-builders/ChartBuilderFields';\nexport {ChartBuilderFields} from './chart-builders/ChartBuilderFields';\nexport type {ChartBuilderTypeGridProps} from './chart-builders/ChartBuilderTypeGrid';\nexport {ChartBuilderTypeGrid} from './chart-builders/ChartBuilderTypeGrid';\nexport {buildChartTitleForSpec} from './chart-builders/chartSpecTitle';\nexport {\n boxPlotChartType,\n bubbleChartChartType,\n countPlotChartType,\n createDefaultChartTypes,\n customSpecChartType,\n ecdfChartType,\n heatmapChartType,\n histogramChartType,\n lineChartChartType,\n mosaicChartTypes,\n} from './chart-types';\nexport type {\n VgPlotChartConfig,\n VgPlotChartSettings,\n VgPlotChartType,\n} from './chart-types';\nexport {\n buildChartTypeTitle,\n canCreateChartFromType,\n columnMatchesFieldTypes,\n getAvailableChartTypes,\n getCompatibleColumns,\n isChartTypeAvailable,\n NUMERIC_COLUMN_TYPES,\n QUANTITATIVE_COLUMN_TYPES,\n TEMPORAL_COLUMN_TYPES,\n} from './chart-builders/chartTypeUtils';\nexport {\n describeChartSpecs,\n describeChartTypes,\n} from './chart-builders/describeChartSpecs';\nexport type {FieldSelectorInputProps} from './chart-builders/FieldSelectorInput';\nexport {toChartSpec, toChartTypeDefinition} from './chart-builders/types';\nexport type {\n ChartBuilderColumn,\n ChartBuilderField,\n ChartBuilderTemplate,\n ChartSpec,\n ChartTypeDefinition,\n} from './chart-builders/types';\nexport {MosaicCodeMirrorEditor} from './editor/MosaicCodeMirrorEditor';\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type ComponentProps, type PropsWithChildren, type ReactElement } from 'react';
|
|
2
|
+
import { Table } from '@sqlrooms/ui';
|
|
3
|
+
import { type MosaicProfilerHeaderProps } from './MosaicProfilerHeader';
|
|
4
|
+
import { type MosaicProfilerRowsProps } from './MosaicProfilerRows';
|
|
5
|
+
import { type MosaicProfilerStatusBarProps } from './MosaicProfilerStatusBar';
|
|
6
|
+
import type { MosaicProfilerOptions, UseMosaicProfilerReturn } from './types';
|
|
7
|
+
export type MosaicProfilerRootProps = PropsWithChildren<{
|
|
8
|
+
profiler: UseMosaicProfilerReturn;
|
|
9
|
+
}>;
|
|
10
|
+
/**
|
|
11
|
+
* Provides an existing profiler instance to compound profiler subcomponents.
|
|
12
|
+
*/
|
|
13
|
+
export declare function MosaicProfilerRoot({ children, profiler, }: MosaicProfilerRootProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export type MosaicProfilerProps = PropsWithChildren<MosaicProfilerOptions>;
|
|
15
|
+
export type MosaicProfilerCompoundHeaderProps = Omit<MosaicProfilerHeaderProps, 'profiler'>;
|
|
16
|
+
declare function MosaicProfilerCompoundHeader(props: MosaicProfilerCompoundHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export type MosaicProfilerCompoundRowsProps = Omit<MosaicProfilerRowsProps, 'profiler'>;
|
|
18
|
+
declare function MosaicProfilerCompoundRows(props: MosaicProfilerCompoundRowsProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export type MosaicProfilerCompoundStatusBarProps = Omit<MosaicProfilerStatusBarProps, 'profiler'>;
|
|
20
|
+
declare function MosaicProfilerCompoundStatusBar(props: MosaicProfilerCompoundStatusBarProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export type MosaicProfilerCompoundTableProps = ComponentProps<typeof Table>;
|
|
22
|
+
declare function MosaicProfilerCompoundTable({ className, disableWrapper, style, ...props }: MosaicProfilerCompoundTableProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
type MosaicProfilerCompoundComponent = ((props: MosaicProfilerProps) => ReactElement) & {
|
|
24
|
+
Header: typeof MosaicProfilerCompoundHeader;
|
|
25
|
+
Root: typeof MosaicProfilerRoot;
|
|
26
|
+
Rows: typeof MosaicProfilerCompoundRows;
|
|
27
|
+
StatusBar: typeof MosaicProfilerCompoundStatusBar;
|
|
28
|
+
Table: typeof MosaicProfilerCompoundTable;
|
|
29
|
+
};
|
|
30
|
+
export declare const MosaicProfiler: MosaicProfilerCompoundComponent;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=MosaicProfiler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MosaicProfiler.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AAEnC,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAC,qBAAqB,EAAE,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAiB5E,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,QAAQ,EAAE,uBAAuB,CAAC;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,2CAMzB;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAgB3E,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAClD,yBAAyB,EACzB,UAAU,CACX,CAAC;AAEF,iBAAS,4BAA4B,CACnC,KAAK,EAAE,iCAAiC,2CAIzC;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,uBAAuB,EACvB,UAAU,CACX,CAAC;AAEF,iBAAS,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CAGzE;AAED,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,4BAA4B,EAC5B,UAAU,CACX,CAAC;AAEF,iBAAS,+BAA+B,CACtC,KAAK,EAAE,oCAAoC,2CAI5C;AAED,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE5E,iBAAS,2BAA2B,CAAC,EACnC,SAAS,EACT,cAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gCAAgC,2CAclC;AAED,KAAK,+BAA+B,GAAG,CAAC,CACtC,KAAK,EAAE,mBAAmB,KACvB,YAAY,CAAC,GAAG;IACnB,MAAM,EAAE,OAAO,4BAA4B,CAAC;IAC5C,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAChC,IAAI,EAAE,OAAO,0BAA0B,CAAC;IACxC,SAAS,EAAE,OAAO,+BAA+B,CAAC;IAClD,KAAK,EAAE,OAAO,2BAA2B,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,+BAS5B,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext, } from 'react';
|
|
3
|
+
import { Table } from '@sqlrooms/ui';
|
|
4
|
+
import { getProfilerTableWidth } from './layout';
|
|
5
|
+
import { MosaicProfilerHeader, } from './MosaicProfilerHeader';
|
|
6
|
+
import { MosaicProfilerRows, } from './MosaicProfilerRows';
|
|
7
|
+
import { MosaicProfilerStatusBar, } from './MosaicProfilerStatusBar';
|
|
8
|
+
import { useMosaicProfiler } from './useMosaicProfiler';
|
|
9
|
+
const profilerContext = createContext(null);
|
|
10
|
+
function useProfilerCompoundContext() {
|
|
11
|
+
const profiler = useContext(profilerContext);
|
|
12
|
+
if (!profiler) {
|
|
13
|
+
throw new Error('MosaicProfiler compound components must be rendered inside <MosaicProfiler> or <MosaicProfiler.Root>.');
|
|
14
|
+
}
|
|
15
|
+
return profiler;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Provides an existing profiler instance to compound profiler subcomponents.
|
|
19
|
+
*/
|
|
20
|
+
export function MosaicProfilerRoot({ children, profiler, }) {
|
|
21
|
+
return (_jsx(profilerContext.Provider, { value: profiler, children: children }));
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Creates a profiler instance and exposes it to compound profiler
|
|
25
|
+
* subcomponents through context.
|
|
26
|
+
*/
|
|
27
|
+
function MosaicProfilerComponent({ children, ...options }) {
|
|
28
|
+
const profiler = useMosaicProfiler(options);
|
|
29
|
+
return (_jsx(MosaicProfilerRoot, { profiler: profiler, children: children }));
|
|
30
|
+
}
|
|
31
|
+
function MosaicProfilerCompoundHeader(props) {
|
|
32
|
+
const profiler = useProfilerCompoundContext();
|
|
33
|
+
return _jsx(MosaicProfilerHeader, { ...props, profiler: profiler });
|
|
34
|
+
}
|
|
35
|
+
function MosaicProfilerCompoundRows(props) {
|
|
36
|
+
const profiler = useProfilerCompoundContext();
|
|
37
|
+
return _jsx(MosaicProfilerRows, { ...props, profiler: profiler });
|
|
38
|
+
}
|
|
39
|
+
function MosaicProfilerCompoundStatusBar(props) {
|
|
40
|
+
const profiler = useProfilerCompoundContext();
|
|
41
|
+
return _jsx(MosaicProfilerStatusBar, { ...props, profiler: profiler });
|
|
42
|
+
}
|
|
43
|
+
function MosaicProfilerCompoundTable({ className, disableWrapper = true, style, ...props }) {
|
|
44
|
+
const profiler = useProfilerCompoundContext();
|
|
45
|
+
const tableWidth = getProfilerTableWidth(profiler.columns);
|
|
46
|
+
return (_jsx(Table, { disableWrapper: disableWrapper, className: ['min-w-full table-fixed', className]
|
|
47
|
+
.filter(Boolean)
|
|
48
|
+
.join(' '), style: { width: `${tableWidth}px`, ...style }, ...props }));
|
|
49
|
+
}
|
|
50
|
+
export const MosaicProfiler = Object.assign(MosaicProfilerComponent, {
|
|
51
|
+
Header: MosaicProfilerCompoundHeader,
|
|
52
|
+
Root: MosaicProfilerRoot,
|
|
53
|
+
Rows: MosaicProfilerCompoundRows,
|
|
54
|
+
StatusBar: MosaicProfilerCompoundStatusBar,
|
|
55
|
+
Table: MosaicProfilerCompoundTable,
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=MosaicProfiler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MosaicProfiler.js","sourceRoot":"","sources":["../../src/profiler/MosaicProfiler.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAIX,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,EACL,oBAAoB,GAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,MAAM,eAAe,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE5E,SAAS,0BAA0B;IACjC,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,uGAAuG,CACxG,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAMD;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,GACgB;IACxB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACtC,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC;AAID;;;GAGG;AACH,SAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,GAAG,OAAO,EACU;IACpB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC5C,OAAO,CACL,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,YAAG,QAAQ,GAAsB,CACxE,CAAC;AACJ,CAAC;AAOD,SAAS,4BAA4B,CACnC,KAAwC;IAExC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,oBAAoB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACjE,CAAC;AAOD,SAAS,0BAA0B,CAAC,KAAsC;IACxE,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,kBAAkB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC/D,CAAC;AAOD,SAAS,+BAA+B,CACtC,KAA2C;IAE3C,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,OAAO,KAAC,uBAAuB,OAAK,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACpE,CAAC;AAID,SAAS,2BAA2B,CAAC,EACnC,SAAS,EACT,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,GAAG,KAAK,EACyB;IACjC,MAAM,QAAQ,GAAG,0BAA0B,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,KAAK,IACJ,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC;aAC7C,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,UAAU,IAAI,EAAE,GAAG,KAAK,EAAC,KACvC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAYD,MAAM,CAAC,MAAM,cAAc,GAAoC,MAAM,CAAC,MAAM,CAC1E,uBAAuB,EACvB;IACE,MAAM,EAAE,4BAA4B;IACpC,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,0BAA0B;IAChC,SAAS,EAAE,+BAA+B;IAC1C,KAAK,EAAE,2BAA2B;CACnC,CACF,CAAC","sourcesContent":["import {\n createContext,\n useContext,\n type ComponentProps,\n type PropsWithChildren,\n type ReactElement,\n} from 'react';\nimport {Table} from '@sqlrooms/ui';\nimport {getProfilerTableWidth} from './layout';\nimport {\n MosaicProfilerHeader,\n type MosaicProfilerHeaderProps,\n} from './MosaicProfilerHeader';\nimport {\n MosaicProfilerRows,\n type MosaicProfilerRowsProps,\n} from './MosaicProfilerRows';\nimport {\n MosaicProfilerStatusBar,\n type MosaicProfilerStatusBarProps,\n} from './MosaicProfilerStatusBar';\nimport type {MosaicProfilerOptions, UseMosaicProfilerReturn} from './types';\nimport {useMosaicProfiler} from './useMosaicProfiler';\n\nconst profilerContext = createContext<UseMosaicProfilerReturn | null>(null);\n\nfunction useProfilerCompoundContext() {\n const profiler = useContext(profilerContext);\n\n if (!profiler) {\n throw new Error(\n 'MosaicProfiler compound components must be rendered inside <MosaicProfiler> or <MosaicProfiler.Root>.',\n );\n }\n\n return profiler;\n}\n\nexport type MosaicProfilerRootProps = PropsWithChildren<{\n profiler: UseMosaicProfilerReturn;\n}>;\n\n/**\n * Provides an existing profiler instance to compound profiler subcomponents.\n */\nexport function MosaicProfilerRoot({\n children,\n profiler,\n}: MosaicProfilerRootProps) {\n return (\n <profilerContext.Provider value={profiler}>\n {children}\n </profilerContext.Provider>\n );\n}\n\nexport type MosaicProfilerProps = PropsWithChildren<MosaicProfilerOptions>;\n\n/**\n * Creates a profiler instance and exposes it to compound profiler\n * subcomponents through context.\n */\nfunction MosaicProfilerComponent({\n children,\n ...options\n}: MosaicProfilerProps): ReactElement {\n const profiler = useMosaicProfiler(options);\n return (\n <MosaicProfilerRoot profiler={profiler}>{children}</MosaicProfilerRoot>\n );\n}\n\nexport type MosaicProfilerCompoundHeaderProps = Omit<\n MosaicProfilerHeaderProps,\n 'profiler'\n>;\n\nfunction MosaicProfilerCompoundHeader(\n props: MosaicProfilerCompoundHeaderProps,\n) {\n const profiler = useProfilerCompoundContext();\n return <MosaicProfilerHeader {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundRowsProps = Omit<\n MosaicProfilerRowsProps,\n 'profiler'\n>;\n\nfunction MosaicProfilerCompoundRows(props: MosaicProfilerCompoundRowsProps) {\n const profiler = useProfilerCompoundContext();\n return <MosaicProfilerRows {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundStatusBarProps = Omit<\n MosaicProfilerStatusBarProps,\n 'profiler'\n>;\n\nfunction MosaicProfilerCompoundStatusBar(\n props: MosaicProfilerCompoundStatusBarProps,\n) {\n const profiler = useProfilerCompoundContext();\n return <MosaicProfilerStatusBar {...props} profiler={profiler} />;\n}\n\nexport type MosaicProfilerCompoundTableProps = ComponentProps<typeof Table>;\n\nfunction MosaicProfilerCompoundTable({\n className,\n disableWrapper = true,\n style,\n ...props\n}: MosaicProfilerCompoundTableProps) {\n const profiler = useProfilerCompoundContext();\n const tableWidth = getProfilerTableWidth(profiler.columns);\n\n return (\n <Table\n disableWrapper={disableWrapper}\n className={['min-w-full table-fixed', className]\n .filter(Boolean)\n .join(' ')}\n style={{width: `${tableWidth}px`, ...style}}\n {...props}\n />\n );\n}\n\ntype MosaicProfilerCompoundComponent = ((\n props: MosaicProfilerProps,\n) => ReactElement) & {\n Header: typeof MosaicProfilerCompoundHeader;\n Root: typeof MosaicProfilerRoot;\n Rows: typeof MosaicProfilerCompoundRows;\n StatusBar: typeof MosaicProfilerCompoundStatusBar;\n Table: typeof MosaicProfilerCompoundTable;\n};\n\nexport const MosaicProfiler: MosaicProfilerCompoundComponent = Object.assign(\n MosaicProfilerComponent,\n {\n Header: MosaicProfilerCompoundHeader,\n Root: MosaicProfilerRoot,\n Rows: MosaicProfilerCompoundRows,\n StatusBar: MosaicProfilerCompoundStatusBar,\n Table: MosaicProfilerCompoundTable,\n },\n);\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { UseMosaicProfilerReturn } from './types';
|
|
2
|
+
export type MosaicProfilerHeaderProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
profiler: Pick<UseMosaicProfilerReturn, 'columns' | 'setSorting' | 'sorting'>;
|
|
5
|
+
};
|
|
6
|
+
export declare function MosaicProfilerHeader({ className, profiler, }: MosaicProfilerHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=MosaicProfilerHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MosaicProfilerHeader.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfilerHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAKV,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC,CAAC;CAC/E,CAAC;AAgYF,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,GACT,EAAE,yBAAyB,2CA0E3B"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Badge, cn, TableHead, TableHeader, TableRow } from '@sqlrooms/ui';
|
|
3
|
+
import { ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
|
|
4
|
+
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
5
|
+
import { getProfilerColumnWidthPx, PROFILER_DEFAULT_COLUMN_WIDTH_PX, PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX, PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX, } from './layout';
|
|
6
|
+
import { isProfilerUnsupportedSummaryType } from './utils';
|
|
7
|
+
const COLUMN_WIDTH_CLASS = `min-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px]`;
|
|
8
|
+
const STICKY_ROW_NUMBER_CLASS = `bg-background sticky left-0 top-0 z-40 min-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] border-r px-1 text-center`;
|
|
9
|
+
const STICKY_COLUMN_HEADER_CLASS = 'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';
|
|
10
|
+
function getColumnWidthClass(column) {
|
|
11
|
+
return isProfilerUnsupportedSummaryType(column.field.type)
|
|
12
|
+
? `min-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px]`
|
|
13
|
+
: COLUMN_WIDTH_CLASS;
|
|
14
|
+
}
|
|
15
|
+
function setNextSortState(currentSorting, columnId, setSorting) {
|
|
16
|
+
const current = currentSorting.find((entry) => entry.id === columnId);
|
|
17
|
+
if (!current) {
|
|
18
|
+
setSorting([{ desc: false, id: columnId }]);
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
if (!current.desc) {
|
|
22
|
+
setSorting([{ desc: true, id: columnId }]);
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
setSorting([]);
|
|
26
|
+
}
|
|
27
|
+
function formatPercentOfTotal(value) {
|
|
28
|
+
const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;
|
|
29
|
+
return Intl.NumberFormat(undefined, {
|
|
30
|
+
maximumFractionDigits,
|
|
31
|
+
style: 'percent',
|
|
32
|
+
}).format(value);
|
|
33
|
+
}
|
|
34
|
+
function CategorySummaryCell({ summary, }) {
|
|
35
|
+
const [hoveredKey, setHoveredKey] = useState();
|
|
36
|
+
const totalCount = summary.buckets.reduce((acc, bucket) => acc + bucket.totalCount, 0);
|
|
37
|
+
const activeBucket = summary.buckets.find((bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey);
|
|
38
|
+
const footerLabel = activeBucket
|
|
39
|
+
? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`
|
|
40
|
+
: `${summary.bucketCount.toLocaleString()} categories`;
|
|
41
|
+
return (_jsxs("div", { className: "space-y-0.5 pt-1.5", children: [_jsx("div", { className: "flex h-10 overflow-hidden rounded-sm border", children: summary.buckets.map((bucket) => {
|
|
42
|
+
const width = totalCount > 0
|
|
43
|
+
? `${(bucket.totalCount / totalCount) * 100}%`
|
|
44
|
+
: '0%';
|
|
45
|
+
const fillPct = bucket.totalCount > 0
|
|
46
|
+
? (bucket.filteredCount / bucket.totalCount) * 100
|
|
47
|
+
: 0;
|
|
48
|
+
const isSelected = summary.selectedKey === bucket.key;
|
|
49
|
+
const background = bucket.kind === 'overflow'
|
|
50
|
+
? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`
|
|
51
|
+
: `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;
|
|
52
|
+
return (_jsx("button", { type: "button", disabled: !bucket.selectable, className: cn('relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default', isSelected && 'ring-ring ring-1 ring-inset', !bucket.selectable && 'text-muted-foreground'), style: {
|
|
53
|
+
background,
|
|
54
|
+
flexBasis: width,
|
|
55
|
+
flexGrow: bucket.totalCount,
|
|
56
|
+
}, onClick: () => summary.toggleValue(bucket.key), onMouseEnter: () => setHoveredKey(bucket.key), onMouseLeave: () => setHoveredKey(undefined), children: _jsx("span", { className: "max-w-full truncate px-1", children: bucket.label }) }, bucket.key));
|
|
57
|
+
}) }), _jsx("div", { className: "text-muted-foreground truncate text-[10px] font-normal", children: footerLabel })] }));
|
|
58
|
+
}
|
|
59
|
+
const histogramInteractorIds = new WeakMap();
|
|
60
|
+
let nextHistogramInteractorId = 0;
|
|
61
|
+
function getHistogramInteractorId(interactor) {
|
|
62
|
+
const cachedId = histogramInteractorIds.get(interactor);
|
|
63
|
+
if (cachedId !== undefined) {
|
|
64
|
+
return cachedId;
|
|
65
|
+
}
|
|
66
|
+
const id = ++nextHistogramInteractorId;
|
|
67
|
+
histogramInteractorIds.set(interactor, id);
|
|
68
|
+
return id;
|
|
69
|
+
}
|
|
70
|
+
function createScale(type, domain, range) {
|
|
71
|
+
const [d0, d1] = domain.map((value) => value instanceof Date ? value.getTime() : value);
|
|
72
|
+
const [r0, r1] = range;
|
|
73
|
+
const span = d1 - d0 || 1;
|
|
74
|
+
const rspan = r1 - r0;
|
|
75
|
+
return {
|
|
76
|
+
apply(value) {
|
|
77
|
+
const numeric = value instanceof Date ? value.getTime() : value;
|
|
78
|
+
return r0 + ((numeric - d0) / span) * rspan;
|
|
79
|
+
},
|
|
80
|
+
domain,
|
|
81
|
+
invert(value) {
|
|
82
|
+
const numeric = d0 + ((value - r0) / (rspan || 1)) * span;
|
|
83
|
+
return type === 'utc' ? new Date(numeric) : numeric;
|
|
84
|
+
},
|
|
85
|
+
range,
|
|
86
|
+
type,
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
function formatDomainValue(value, valueType) {
|
|
90
|
+
if (valueType === 'date') {
|
|
91
|
+
const date = value instanceof Date ? value : new Date(value);
|
|
92
|
+
return date.toISOString().slice(0, 10);
|
|
93
|
+
}
|
|
94
|
+
return Intl.NumberFormat(undefined, {
|
|
95
|
+
maximumFractionDigits: 2,
|
|
96
|
+
}).format(typeof value === 'number' ? value : value.getTime());
|
|
97
|
+
}
|
|
98
|
+
function HistogramSummaryCell({ summary, }) {
|
|
99
|
+
const svgRef = useRef(null);
|
|
100
|
+
const brushRootRef = useRef(null);
|
|
101
|
+
const initializedBrushRef = useRef(undefined);
|
|
102
|
+
const layout = useMemo(() => {
|
|
103
|
+
const width = 122;
|
|
104
|
+
const height = 40;
|
|
105
|
+
const margin = { bottom: 4, left: 4, right: 4, top: 2 };
|
|
106
|
+
const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;
|
|
107
|
+
const nullBarGap = nullBarWidth > 0 ? 3 : 0;
|
|
108
|
+
const totalBins = summary.totalBins.length
|
|
109
|
+
? summary.totalBins
|
|
110
|
+
: summary.filteredBins;
|
|
111
|
+
const domain = totalBins.length > 0
|
|
112
|
+
? [totalBins[0].x0, totalBins[totalBins.length - 1].x1]
|
|
113
|
+
: null;
|
|
114
|
+
const totalMax = Math.max(summary.totalNullCount, ...totalBins.map((bin) => bin.length), 1);
|
|
115
|
+
const xScale = domain
|
|
116
|
+
? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [
|
|
117
|
+
margin.left + nullBarWidth + nullBarGap,
|
|
118
|
+
width - margin.right,
|
|
119
|
+
])
|
|
120
|
+
: null;
|
|
121
|
+
const yScale = createScale('linear', [0, totalMax], [height - margin.bottom, margin.top]);
|
|
122
|
+
return {
|
|
123
|
+
height,
|
|
124
|
+
margin,
|
|
125
|
+
nullBarGap,
|
|
126
|
+
nullBarWidth,
|
|
127
|
+
width,
|
|
128
|
+
xScale,
|
|
129
|
+
yScale,
|
|
130
|
+
};
|
|
131
|
+
}, [summary]);
|
|
132
|
+
useEffect(() => {
|
|
133
|
+
const svg = svgRef.current;
|
|
134
|
+
const brushRoot = brushRootRef.current;
|
|
135
|
+
const interactor = summary.interactor;
|
|
136
|
+
if (!svg || !brushRoot || !interactor || !layout.xScale)
|
|
137
|
+
return;
|
|
138
|
+
const brushKey = [
|
|
139
|
+
getHistogramInteractorId(interactor),
|
|
140
|
+
summary.valueType,
|
|
141
|
+
layout.xScale.domain
|
|
142
|
+
.map((value) => (value instanceof Date ? value.getTime() : value))
|
|
143
|
+
.join(':'),
|
|
144
|
+
layout.xScale.range.join(':'),
|
|
145
|
+
].join('|');
|
|
146
|
+
if (initializedBrushRef.current === brushKey)
|
|
147
|
+
return;
|
|
148
|
+
svg.scale = (channel) => {
|
|
149
|
+
if (channel === 'x')
|
|
150
|
+
return layout.xScale;
|
|
151
|
+
if (channel === 'y')
|
|
152
|
+
return layout.yScale;
|
|
153
|
+
return undefined;
|
|
154
|
+
};
|
|
155
|
+
brushRoot.replaceChildren();
|
|
156
|
+
interactor.init(svg, brushRoot);
|
|
157
|
+
initializedBrushRef.current = brushKey;
|
|
158
|
+
}, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);
|
|
159
|
+
const axisY = layout.height - layout.margin.bottom;
|
|
160
|
+
const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;
|
|
161
|
+
const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;
|
|
162
|
+
const xAxisEnd = layout.xScale?.range[1] ?? layout.width - layout.margin.right;
|
|
163
|
+
return (_jsxs("div", { className: "space-y-0 pt-1.5", children: [_jsxs("svg", { ref: svgRef, width: layout.width, height: layout.height, viewBox: `0 0 ${layout.width} ${layout.height}`, className: "max-w-full overflow-visible", children: [summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.totalNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
|
|
164
|
+
layout.yScale.apply(summary.totalNullCount), fill: "hsl(var(--muted-foreground) / 0.22)" })) : null, summary.totalNullCount > 0 ? (_jsx("rect", { x: layout.margin.left, y: layout.yScale.apply(summary.filteredNullCount), width: layout.nullBarWidth, height: layout.yScale.apply(0) -
|
|
165
|
+
layout.yScale.apply(summary.filteredNullCount), fill: "hsl(var(--chart-1))", opacity: 0.95 })) : null, summary.totalBins.map((bin, index) => {
|
|
166
|
+
const x0 = layout.xScale?.apply(bin.x0) ?? 0;
|
|
167
|
+
const x1 = layout.xScale?.apply(bin.x1) ?? 0;
|
|
168
|
+
const y = layout.yScale.apply(bin.length);
|
|
169
|
+
return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--muted-foreground) / 0.22)" }, `bg-${index}`));
|
|
170
|
+
}), summary.filteredBins.map((bin, index) => {
|
|
171
|
+
const x0 = layout.xScale?.apply(bin.x0) ?? 0;
|
|
172
|
+
const x1 = layout.xScale?.apply(bin.x1) ?? 0;
|
|
173
|
+
const y = layout.yScale.apply(bin.length);
|
|
174
|
+
return (_jsx("rect", { x: x0 + 1, y: y, width: Math.max(x1 - x0 - 1, 1), height: layout.yScale.apply(0) - y, fill: "hsl(var(--chart-1))", opacity: 0.95 }, `fg-${index}`));
|
|
175
|
+
}), _jsx("line", { x1: xAxisStart, x2: xAxisEnd, y1: axisY, y2: axisY, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisStart, x2: xAxisStart, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), _jsx("line", { x1: xAxisEnd, x2: xAxisEnd, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--border))" }), summary.totalNullCount > 0 ? (_jsx("line", { x1: nullBarCenter, x2: nullBarCenter, y1: axisY, y2: axisY + 2.5, stroke: "hsl(var(--chart-1))" })) : null, _jsx("g", { ref: brushRootRef })] }), _jsxs("div", { className: "text-muted-foreground relative h-3.5 text-[10px] font-normal", children: [summary.totalNullCount > 0 ? (_jsx("span", { className: "absolute -translate-x-1/2", style: { left: nullBarCenter }, children: "\u2205" })) : null, _jsx("span", { className: "absolute", style: { left: xAxisStart }, children: summary.totalBins[0]
|
|
176
|
+
? formatDomainValue(summary.totalBins[0].x0, summary.valueType)
|
|
177
|
+
: '0' }), _jsx("span", { className: "absolute -translate-x-full", style: { left: xAxisEnd }, children: summary.totalBins.at(-1)
|
|
178
|
+
? formatDomainValue(summary.totalBins.at(-1).x1, summary.valueType)
|
|
179
|
+
: '0' })] })] }));
|
|
180
|
+
}
|
|
181
|
+
function SummaryCell({ column }) {
|
|
182
|
+
if (column.summary.kind === 'histogram') {
|
|
183
|
+
return _jsx(HistogramSummaryCell, { summary: column.summary });
|
|
184
|
+
}
|
|
185
|
+
if (column.summary.kind === 'category') {
|
|
186
|
+
return _jsx(CategorySummaryCell, { summary: column.summary });
|
|
187
|
+
}
|
|
188
|
+
return (_jsx("div", { className: "text-muted-foreground pt-1.5 text-[10px] font-normal", children: column.summary.label }));
|
|
189
|
+
}
|
|
190
|
+
export function MosaicProfilerHeader({ className, profiler, }) {
|
|
191
|
+
return (_jsxs(_Fragment, { children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX } }), profiler.columns.map((column) => (_jsx("col", { style: { width: getProfilerColumnWidthPx(column) } }, column.name)))] }), _jsx(TableHeader, { className: cn('sticky top-0 z-30', className), children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: STICKY_ROW_NUMBER_CLASS, children: "#" }), profiler.columns.map((column) => {
|
|
192
|
+
const sortState = profiler.sorting.find((entry) => entry.id === column.name);
|
|
193
|
+
return (_jsx(TableHead, { className: cn(getColumnWidthClass(column), STICKY_COLUMN_HEADER_CLASS), children: _jsxs("div", { className: "min-w-0", children: [_jsxs("button", { type: "button", className: "group relative flex w-full items-start gap-1.5 pr-4 text-left", onClick: () => setNextSortState(profiler.sorting, column.name, profiler.setSorting), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-[13px] leading-tight font-semibold", children: column.name }), _jsx(Badge, { variant: "outline", className: "mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60", children: String(column.field.type) })] }), _jsx("span", { className: "text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center", children: sortState ? (sortState.desc ? (_jsx(ChevronDownIcon, { className: "h-4 w-4" })) : (_jsx(ChevronUpIcon, { className: "h-4 w-4" }))) : (_jsxs("span", { className: "flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60", children: [_jsx(ChevronUpIcon, { className: "-mb-1 h-3 w-3" }), _jsx(ChevronDownIcon, { className: "-mt-1 h-3 w-3" })] })) })] }), _jsx(SummaryCell, { column: column })] }) }, column.name));
|
|
194
|
+
})] }) })] }));
|
|
195
|
+
}
|
|
196
|
+
//# sourceMappingURL=MosaicProfilerHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MosaicProfilerHeader.js","sourceRoot":"","sources":["../../src/profiler/MosaicProfilerHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AACzE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,wBAAwB,EACxB,gCAAgC,EAChC,mCAAmC,EACnC,oCAAoC,GACrC,MAAM,UAAU,CAAC;AAQlB,OAAO,EAAC,gCAAgC,EAAC,MAAM,SAAS,CAAC;AAOzD,MAAM,kBAAkB,GAAG,UAAU,gCAAgC,UAAU,gCAAgC,cAAc,gCAAgC,KAAK,CAAC;AACnK,MAAM,uBAAuB,GAAG,iDAAiD,mCAAmC,UAAU,mCAAmC,cAAc,mCAAmC,+BAA+B,CAAC;AAClP,MAAM,0BAA0B,GAC9B,wGAAwG,CAAC;AAE3G,SAAS,mBAAmB,CAAC,MAAiC;IAC5D,OAAO,gCAAgC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QACxD,CAAC,CAAC,UAAU,oCAAoC,UAAU,oCAAoC,cAAc,oCAAoC,KAAK;QACrJ,CAAC,CAAC,kBAAkB,CAAC;AACzB,CAAC;AAED,SAAS,gBAAgB,CACvB,cAAqC,EACrC,QAAgB,EAChB,UAAiD;IAEjD,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IACtE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,UAAU,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAC,CAAC,CAAC,CAAC;QAC1C,OAAO;IACT,CAAC;IACD,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAClB,UAAU,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAC,CAAC,CAAC,CAAC;QACzC,OAAO;IACT,CAAC;IACD,UAAU,CAAC,EAAE,CAAC,CAAC;AACjB,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAa;IACzC,MAAM,qBAAqB,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;QAClC,qBAAqB;QACrB,KAAK,EAAE,SAAS;KACjB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnB,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,OAAO,GAGR;IACC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAU,CAAC;IACvD,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CACvC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,UAAU,EACxC,CAAC,CACF,CAAC;IACF,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CACvC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,UAAU,IAAI,MAAM,CAAC,GAAG,KAAK,OAAO,CAAC,WAAW,CAC5E,CAAC;IACF,MAAM,WAAW,GAAG,YAAY;QAC9B,CAAC,CAAC,GAAG,YAAY,CAAC,KAAK,KAAK,YAAY,CAAC,UAAU,CAAC,cAAc,EAAE,IAAI,YAAY,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,KAAK,oBAAoB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAC7M,CAAC,CAAC,GAAG,OAAO,CAAC,WAAW,CAAC,cAAc,EAAE,aAAa,CAAC;IAEzD,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,6CAA6C,YACzD,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC9B,MAAM,KAAK,GACT,UAAU,GAAG,CAAC;wBACZ,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,GAAG,GAAG;wBAC9C,CAAC,CAAC,IAAI,CAAC;oBACX,MAAM,OAAO,GACX,MAAM,CAAC,UAAU,GAAG,CAAC;wBACnB,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,GAAG;wBAClD,CAAC,CAAC,CAAC,CAAC;oBACR,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,GAAG,CAAC;oBACtD,MAAM,UAAU,GACd,MAAM,CAAC,IAAI,KAAK,UAAU;wBACxB,CAAC,CAAC,uHAAuH;wBACzH,CAAC,CAAC,+CAA+C,OAAO,0CAA0C,OAAO,8CAA8C,CAAC;oBAE5J,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,MAAM,CAAC,UAAU,EAC5B,SAAS,EAAE,EAAE,CACX,gKAAgK,EAChK,UAAU,IAAI,6BAA6B,EAC3C,CAAC,MAAM,CAAC,UAAU,IAAI,uBAAuB,CAC9C,EACD,KAAK,EAAE;4BACL,UAAU;4BACV,SAAS,EAAE,KAAK;4BAChB,QAAQ,EAAE,MAAM,CAAC,UAAU;yBAC5B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,EAC9C,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,YAE5C,eAAM,SAAS,EAAC,0BAA0B,YAAE,MAAM,CAAC,KAAK,GAAQ,IAjB3D,MAAM,CAAC,GAAG,CAkBR,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,cAAK,SAAS,EAAC,wDAAwD,YACpE,WAAW,GACR,IACF,CACP,CAAC;AACJ,CAAC;AAUD,MAAM,sBAAsB,GAAG,IAAI,OAAO,EAAkB,CAAC;AAC7D,IAAI,yBAAyB,GAAG,CAAC,CAAC;AAElC,SAAS,wBAAwB,CAAC,UAAkB;IAClD,MAAM,QAAQ,GAAG,sBAAsB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IACxD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,EAAE,GAAG,EAAE,yBAAyB,CAAC;IACvC,sBAAsB,CAAC,GAAG,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,WAAW,CAClB,IAAuB,EACvB,MAAsC,EACtC,KAAuB;IAEvB,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACpC,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAC5B,CAAC;IACtB,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC;IACvB,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAC1B,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,CAAC;IAEtB,OAAO;QACL,KAAK,CAAC,KAAoB;YACxB,MAAM,OAAO,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YAChE,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;QAC9C,CAAC;QACD,MAAM;QACN,MAAM,CAAC,KAAa;YAClB,MAAM,OAAO,GAAG,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YAC1D,OAAO,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACtD,CAAC;QACD,KAAK;QACL,IAAI;KACL,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAoB,EAAE,SAA4B;IAC3E,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7D,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzC,CAAC;IACD,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;QAClC,qBAAqB,EAAE,CAAC;KACzB,CAAC,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,OAAO,GAGR;IACC,MAAM,MAAM,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC/C,MAAM,mBAAmB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAElE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,KAAK,GAAG,GAAG,CAAC;QAClB,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,MAAM,GAAG,EAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAC,CAAC;QACtD,MAAM,YAAY,GAAG,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,MAAM,UAAU,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM;YACxC,CAAC,CAAC,OAAO,CAAC,SAAS;YACnB,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC;QACzB,MAAM,MAAM,GACV,SAAS,CAAC,MAAM,GAAG,CAAC;YAClB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAE,CAAC,EAAE,CAAC;YACzD,CAAC,CAAC,IAAI,CAAC;QACX,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,OAAO,CAAC,cAAc,EACtB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EACrC,CAAC,CACF,CAAC;QACF,MAAM,MAAM,GAAG,MAAM;YACnB,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE;gBACnE,MAAM,CAAC,IAAI,GAAG,YAAY,GAAG,UAAU;gBACvC,KAAK,GAAG,MAAM,CAAC,KAAK;aACrB,CAAC;YACJ,CAAC,CAAC,IAAI,CAAC;QACT,MAAM,MAAM,GAAG,WAAW,CACxB,QAAQ,EACR,CAAC,CAAC,EAAE,QAAQ,CAAC,EACb,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CACrC,CAAC;QACF,OAAO;YACL,MAAM;YACN,MAAM;YACN,UAAU;YACV,YAAY;YACZ,KAAK;YACL,MAAM;YACN,MAAM;SACP,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;QAC3B,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACtC,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO;QAEhE,MAAM,QAAQ,GAAG;YACf,wBAAwB,CAAC,UAAU,CAAC;YACpC,OAAO,CAAC,SAAS;YACjB,MAAM,CAAC,MAAM,CAAC,MAAM;iBACjB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;iBACjE,IAAI,CAAC,GAAG,CAAC;YACZ,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;SAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACZ,IAAI,mBAAmB,CAAC,OAAO,KAAK,QAAQ;YAAE,OAAO;QAGnD,GAGD,CAAC,KAAK,GAAG,CAAC,OAAe,EAAE,EAAE;YAC5B,IAAI,OAAO,KAAK,GAAG;gBAAE,OAAO,MAAM,CAAC,MAAO,CAAC;YAC3C,IAAI,OAAO,KAAK,GAAG;gBAAE,OAAO,MAAM,CAAC,MAAM,CAAC;YAC1C,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;QAEF,SAAS,CAAC,eAAe,EAAE,CAAC;QAC5B,UAAU,CAAC,IAAI,CAAC,GAAU,EAAE,SAAS,CAAC,CAAC;QACvC,mBAAmB,CAAC,OAAO,GAAG,QAAQ,CAAC;IACzC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAE1E,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;IACnD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;IACjE,MAAM,QAAQ,GACZ,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IAEhE,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eACE,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,OAAO,EAAE,OAAO,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,EAC/C,SAAS,EAAC,6BAA6B,aAEtC,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eACE,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EACrB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,EAC9C,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EACJ,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;4BACtB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,EAE7C,IAAI,EAAC,qCAAqC,GAC1C,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eACE,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EACrB,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,EACjD,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EACJ,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;4BACtB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAEhD,IAAI,EAAC,qBAAqB,EAC1B,OAAO,EAAE,IAAI,GACb,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;wBACpC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;wBAC7C,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;wBAC7C,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;wBAC1C,OAAO,CACL,eAEE,CAAC,EAAE,EAAE,GAAG,CAAC,EACT,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,EAClC,IAAI,EAAC,qCAAqC,IALrC,MAAM,KAAK,EAAE,CAMlB,CACH,CAAC;oBACJ,CAAC,CAAC,EACD,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;wBACvC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;wBAC7C,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;wBAC7C,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;wBAC1C,OAAO,CACL,eAEE,CAAC,EAAE,EAAE,GAAG,CAAC,EACT,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,EAClC,IAAI,EAAC,qBAAqB,EAC1B,OAAO,EAAE,IAAI,IANR,MAAM,KAAK,EAAE,CAOlB,CACH,CAAC;oBACJ,CAAC,CAAC,EACF,eACE,EAAE,EAAE,UAAU,EACd,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,EACT,MAAM,EAAC,oBAAoB,GAC3B,EACF,eACE,EAAE,EAAE,UAAU,EACd,EAAE,EAAE,UAAU,EACd,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,GAAG,GAAG,EACf,MAAM,EAAC,oBAAoB,GAC3B,EACF,eACE,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,QAAQ,EACZ,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,GAAG,GAAG,EACf,MAAM,EAAC,oBAAoB,GAC3B,EACD,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eACE,EAAE,EAAE,aAAa,EACjB,EAAE,EAAE,aAAa,EACjB,EAAE,EAAE,KAAK,EACT,EAAE,EAAE,KAAK,GAAG,GAAG,EACf,MAAM,EAAC,qBAAqB,GAC5B,CACH,CAAC,CAAC,CAAC,IAAI,EACR,YAAG,GAAG,EAAE,YAAY,GAAI,IACpB,EACN,eAAK,SAAS,EAAC,8DAA8D,aAC1E,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAC,IAAI,EAAE,aAAa,EAAC,uBAGvB,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,YACjD,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;4BACnB,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,SAAS,CAAC;4BAC/D,CAAC,CAAC,GAAG,GACF,EACP,eAAM,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,YACjE,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;4BACvB,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,EAAE,OAAO,CAAC,SAAS,CAAC;4BACpE,CAAC,CAAC,GAAG,GACF,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,MAAM,EAAsC;IAChE,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;QACxC,OAAO,KAAC,oBAAoB,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,GAAI,CAAC;IAC3D,CAAC;IACD,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QACvC,OAAO,KAAC,mBAAmB,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,GAAI,CAAC;IAC1D,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAC,sDAAsD,YAClE,MAAM,CAAC,OAAO,CAAC,KAAK,GACjB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,QAAQ,GACkB;IAC1B,OAAO,CACL,8BACE,+BACE,cAAK,KAAK,EAAE,EAAC,KAAK,EAAE,mCAAmC,EAAC,GAAI,EAC3D,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChC,cAEE,KAAK,EAAE,EAAC,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,EAAC,IAD3C,MAAM,CAAC,IAAI,CAEhB,CACH,CAAC,IACO,EACX,KAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,YACxD,MAAC,QAAQ,eACP,KAAC,SAAS,IAAC,SAAS,EAAE,uBAAuB,kBAAe,EAC3D,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BAC/B,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,IAAI,CACpC,CAAC;4BACF,OAAO,CACL,KAAC,SAAS,IAER,SAAS,EAAE,EAAE,CACX,mBAAmB,CAAC,MAAM,CAAC,EAC3B,0BAA0B,CAC3B,YAED,eAAK,SAAS,EAAC,SAAS,aACtB,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,GAAG,EAAE,CACZ,gBAAgB,CACd,QAAQ,CAAC,OAAO,EAChB,MAAM,CAAC,IAAI,EACX,QAAQ,CAAC,UAAU,CACpB,aAGH,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,kDAAkD,YAC9D,MAAM,CAAC,IAAI,GACR,EACN,KAAC,KAAK,IACJ,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,4DAA4D,YAErE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GACpB,IACJ,EACN,eAAM,SAAS,EAAC,2GAA2G,YACxH,SAAS,CAAC,CAAC,CAAC,CACX,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,eAAe,IAAC,SAAS,EAAC,SAAS,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CACtC,CACF,CAAC,CAAC,CAAC,CACF,gBAAM,SAAS,EAAC,uGAAuG,aACrH,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,GAAG,EAC3C,KAAC,eAAe,IAAC,SAAS,EAAC,eAAe,GAAG,IACxC,CACR,GACI,IACA,EACT,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3B,IA7CD,MAAM,CAAC,IAAI,CA8CN,CACb,CAAC;wBACJ,CAAC,CAAC,IACO,GACC,IACb,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import {Badge, cn, TableHead, TableHeader, TableRow} from '@sqlrooms/ui';\nimport {ChevronDownIcon, ChevronUpIcon} from 'lucide-react';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {\n getProfilerColumnWidthPx,\n PROFILER_DEFAULT_COLUMN_WIDTH_PX,\n PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX,\n PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX,\n} from './layout';\nimport type {\n MosaicProfilerCategorySummary,\n MosaicProfilerColumnState,\n MosaicProfilerHistogramSummary,\n MosaicProfilerSorting,\n UseMosaicProfilerReturn,\n} from './types';\nimport {isProfilerUnsupportedSummaryType} from './utils';\n\nexport type MosaicProfilerHeaderProps = {\n className?: string;\n profiler: Pick<UseMosaicProfilerReturn, 'columns' | 'setSorting' | 'sorting'>;\n};\n\nconst COLUMN_WIDTH_CLASS = `min-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_DEFAULT_COLUMN_WIDTH_PX}px]`;\nconst STICKY_ROW_NUMBER_CLASS = `bg-background sticky left-0 top-0 z-40 min-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}px] border-r px-1 text-center`;\nconst STICKY_COLUMN_HEADER_CLASS =\n 'bg-background sticky top-0 z-30 align-top whitespace-nowrap shadow-[inset_0_-1px_0_hsl(var(--border))]';\n\nfunction getColumnWidthClass(column: MosaicProfilerColumnState) {\n return isProfilerUnsupportedSummaryType(column.field.type)\n ? `min-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px] max-w-[${PROFILER_UNSUPPORTED_COLUMN_WIDTH_PX}px]`\n : COLUMN_WIDTH_CLASS;\n}\n\nfunction setNextSortState(\n currentSorting: MosaicProfilerSorting,\n columnId: string,\n setSorting: UseMosaicProfilerReturn['setSorting'],\n) {\n const current = currentSorting.find((entry) => entry.id === columnId);\n if (!current) {\n setSorting([{desc: false, id: columnId}]);\n return;\n }\n if (!current.desc) {\n setSorting([{desc: true, id: columnId}]);\n return;\n }\n setSorting([]);\n}\n\nfunction formatPercentOfTotal(value: number) {\n const maximumFractionDigits = value >= 0.1 ? 0 : value >= 0.01 ? 1 : 2;\n return Intl.NumberFormat(undefined, {\n maximumFractionDigits,\n style: 'percent',\n }).format(value);\n}\n\nfunction CategorySummaryCell({\n summary,\n}: {\n summary: MosaicProfilerCategorySummary;\n}) {\n const [hoveredKey, setHoveredKey] = useState<string>();\n const totalCount = summary.buckets.reduce(\n (acc, bucket) => acc + bucket.totalCount,\n 0,\n );\n const activeBucket = summary.buckets.find(\n (bucket) => bucket.key === hoveredKey || bucket.key === summary.selectedKey,\n );\n const footerLabel = activeBucket\n ? `${activeBucket.label} (${activeBucket.totalCount.toLocaleString()} ${activeBucket.totalCount === 1 ? 'row' : 'rows'}, ${formatPercentOfTotal(totalCount > 0 ? activeBucket.totalCount / totalCount : 0)})`\n : `${summary.bucketCount.toLocaleString()} categories`;\n\n return (\n <div className=\"space-y-0.5 pt-1.5\">\n <div className=\"flex h-10 overflow-hidden rounded-sm border\">\n {summary.buckets.map((bucket) => {\n const width =\n totalCount > 0\n ? `${(bucket.totalCount / totalCount) * 100}%`\n : '0%';\n const fillPct =\n bucket.totalCount > 0\n ? (bucket.filteredCount / bucket.totalCount) * 100\n : 0;\n const isSelected = summary.selectedKey === bucket.key;\n const background =\n bucket.kind === 'overflow'\n ? `repeating-linear-gradient(to right, hsl(var(--border)) 0px, hsl(var(--border)) 2px, transparent 2px, transparent 4px)`\n : `linear-gradient(to top, hsl(var(--chart-1)) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) ${fillPct}%, hsl(var(--muted-foreground) / 0.22) 100%)`;\n\n return (\n <button\n key={bucket.key}\n type=\"button\"\n disabled={!bucket.selectable}\n className={cn(\n 'relative flex h-full items-center justify-center overflow-hidden border-r px-0.5 text-[10px] font-normal text-white transition-opacity disabled:cursor-default',\n isSelected && 'ring-ring ring-1 ring-inset',\n !bucket.selectable && 'text-muted-foreground',\n )}\n style={{\n background,\n flexBasis: width,\n flexGrow: bucket.totalCount,\n }}\n onClick={() => summary.toggleValue(bucket.key)}\n onMouseEnter={() => setHoveredKey(bucket.key)}\n onMouseLeave={() => setHoveredKey(undefined)}\n >\n <span className=\"max-w-full truncate px-1\">{bucket.label}</span>\n </button>\n );\n })}\n </div>\n <div className=\"text-muted-foreground truncate text-[10px] font-normal\">\n {footerLabel}\n </div>\n </div>\n );\n}\n\ntype ScaleLike = {\n apply: (value: number | Date) => number;\n domain: [number | Date, number | Date];\n invert: (value: number) => number | Date;\n range: [number, number];\n type: 'linear' | 'utc';\n};\n\nconst histogramInteractorIds = new WeakMap<object, number>();\nlet nextHistogramInteractorId = 0;\n\nfunction getHistogramInteractorId(interactor: object) {\n const cachedId = histogramInteractorIds.get(interactor);\n if (cachedId !== undefined) {\n return cachedId;\n }\n\n const id = ++nextHistogramInteractorId;\n histogramInteractorIds.set(interactor, id);\n return id;\n}\n\nfunction createScale(\n type: ScaleLike['type'],\n domain: [number | Date, number | Date],\n range: [number, number],\n): ScaleLike {\n const [d0, d1] = domain.map((value) =>\n value instanceof Date ? value.getTime() : value,\n ) as [number, number];\n const [r0, r1] = range;\n const span = d1 - d0 || 1;\n const rspan = r1 - r0;\n\n return {\n apply(value: number | Date) {\n const numeric = value instanceof Date ? value.getTime() : value;\n return r0 + ((numeric - d0) / span) * rspan;\n },\n domain,\n invert(value: number) {\n const numeric = d0 + ((value - r0) / (rspan || 1)) * span;\n return type === 'utc' ? new Date(numeric) : numeric;\n },\n range,\n type,\n };\n}\n\nfunction formatDomainValue(value: number | Date, valueType: 'date' | 'number') {\n if (valueType === 'date') {\n const date = value instanceof Date ? value : new Date(value);\n return date.toISOString().slice(0, 10);\n }\n return Intl.NumberFormat(undefined, {\n maximumFractionDigits: 2,\n }).format(typeof value === 'number' ? value : value.getTime());\n}\n\nfunction HistogramSummaryCell({\n summary,\n}: {\n summary: MosaicProfilerHistogramSummary;\n}) {\n const svgRef = useRef<SVGSVGElement>(null);\n const brushRootRef = useRef<SVGGElement>(null);\n const initializedBrushRef = useRef<string | undefined>(undefined);\n\n const layout = useMemo(() => {\n const width = 122;\n const height = 40;\n const margin = {bottom: 4, left: 4, right: 4, top: 2};\n const nullBarWidth = summary.totalNullCount > 0 ? 5 : 0;\n const nullBarGap = nullBarWidth > 0 ? 3 : 0;\n const totalBins = summary.totalBins.length\n ? summary.totalBins\n : summary.filteredBins;\n const domain: [number | Date, number | Date] | null =\n totalBins.length > 0\n ? [totalBins[0]!.x0, totalBins[totalBins.length - 1]!.x1]\n : null;\n const totalMax = Math.max(\n summary.totalNullCount,\n ...totalBins.map((bin) => bin.length),\n 1,\n );\n const xScale = domain\n ? createScale(summary.valueType === 'date' ? 'utc' : 'linear', domain, [\n margin.left + nullBarWidth + nullBarGap,\n width - margin.right,\n ])\n : null;\n const yScale = createScale(\n 'linear',\n [0, totalMax],\n [height - margin.bottom, margin.top],\n );\n return {\n height,\n margin,\n nullBarGap,\n nullBarWidth,\n width,\n xScale,\n yScale,\n };\n }, [summary]);\n\n useEffect(() => {\n const svg = svgRef.current;\n const brushRoot = brushRootRef.current;\n const interactor = summary.interactor;\n if (!svg || !brushRoot || !interactor || !layout.xScale) return;\n\n const brushKey = [\n getHistogramInteractorId(interactor),\n summary.valueType,\n layout.xScale.domain\n .map((value) => (value instanceof Date ? value.getTime() : value))\n .join(':'),\n layout.xScale.range.join(':'),\n ].join('|');\n if (initializedBrushRef.current === brushKey) return;\n\n (\n svg as SVGSVGElement & {\n scale: (channel: string) => ScaleLike | undefined;\n }\n ).scale = (channel: string) => {\n if (channel === 'x') return layout.xScale!;\n if (channel === 'y') return layout.yScale;\n return undefined;\n };\n\n brushRoot.replaceChildren();\n interactor.init(svg as any, brushRoot);\n initializedBrushRef.current = brushKey;\n }, [layout.xScale, layout.yScale, summary.interactor, summary.valueType]);\n\n const axisY = layout.height - layout.margin.bottom;\n const nullBarCenter = layout.margin.left + layout.nullBarWidth / 2;\n const xAxisStart = layout.xScale?.range[0] ?? layout.margin.left;\n const xAxisEnd =\n layout.xScale?.range[1] ?? layout.width - layout.margin.right;\n\n return (\n <div className=\"space-y-0 pt-1.5\">\n <svg\n ref={svgRef}\n width={layout.width}\n height={layout.height}\n viewBox={`0 0 ${layout.width} ${layout.height}`}\n className=\"max-w-full overflow-visible\"\n >\n {summary.totalNullCount > 0 ? (\n <rect\n x={layout.margin.left}\n y={layout.yScale.apply(summary.totalNullCount)}\n width={layout.nullBarWidth}\n height={\n layout.yScale.apply(0) -\n layout.yScale.apply(summary.totalNullCount)\n }\n fill=\"hsl(var(--muted-foreground) / 0.22)\"\n />\n ) : null}\n {summary.totalNullCount > 0 ? (\n <rect\n x={layout.margin.left}\n y={layout.yScale.apply(summary.filteredNullCount)}\n width={layout.nullBarWidth}\n height={\n layout.yScale.apply(0) -\n layout.yScale.apply(summary.filteredNullCount)\n }\n fill=\"hsl(var(--chart-1))\"\n opacity={0.95}\n />\n ) : null}\n {summary.totalBins.map((bin, index) => {\n const x0 = layout.xScale?.apply(bin.x0) ?? 0;\n const x1 = layout.xScale?.apply(bin.x1) ?? 0;\n const y = layout.yScale.apply(bin.length);\n return (\n <rect\n key={`bg-${index}`}\n x={x0 + 1}\n y={y}\n width={Math.max(x1 - x0 - 1, 1)}\n height={layout.yScale.apply(0) - y}\n fill=\"hsl(var(--muted-foreground) / 0.22)\"\n />\n );\n })}\n {summary.filteredBins.map((bin, index) => {\n const x0 = layout.xScale?.apply(bin.x0) ?? 0;\n const x1 = layout.xScale?.apply(bin.x1) ?? 0;\n const y = layout.yScale.apply(bin.length);\n return (\n <rect\n key={`fg-${index}`}\n x={x0 + 1}\n y={y}\n width={Math.max(x1 - x0 - 1, 1)}\n height={layout.yScale.apply(0) - y}\n fill=\"hsl(var(--chart-1))\"\n opacity={0.95}\n />\n );\n })}\n <line\n x1={xAxisStart}\n x2={xAxisEnd}\n y1={axisY}\n y2={axisY}\n stroke=\"hsl(var(--border))\"\n />\n <line\n x1={xAxisStart}\n x2={xAxisStart}\n y1={axisY}\n y2={axisY + 2.5}\n stroke=\"hsl(var(--border))\"\n />\n <line\n x1={xAxisEnd}\n x2={xAxisEnd}\n y1={axisY}\n y2={axisY + 2.5}\n stroke=\"hsl(var(--border))\"\n />\n {summary.totalNullCount > 0 ? (\n <line\n x1={nullBarCenter}\n x2={nullBarCenter}\n y1={axisY}\n y2={axisY + 2.5}\n stroke=\"hsl(var(--chart-1))\"\n />\n ) : null}\n <g ref={brushRootRef} />\n </svg>\n <div className=\"text-muted-foreground relative h-3.5 text-[10px] font-normal\">\n {summary.totalNullCount > 0 ? (\n <span\n className=\"absolute -translate-x-1/2\"\n style={{left: nullBarCenter}}\n >\n ∅\n </span>\n ) : null}\n <span className=\"absolute\" style={{left: xAxisStart}}>\n {summary.totalBins[0]\n ? formatDomainValue(summary.totalBins[0].x0, summary.valueType)\n : '0'}\n </span>\n <span className=\"absolute -translate-x-full\" style={{left: xAxisEnd}}>\n {summary.totalBins.at(-1)\n ? formatDomainValue(summary.totalBins.at(-1)!.x1, summary.valueType)\n : '0'}\n </span>\n </div>\n </div>\n );\n}\n\nfunction SummaryCell({column}: {column: MosaicProfilerColumnState}) {\n if (column.summary.kind === 'histogram') {\n return <HistogramSummaryCell summary={column.summary} />;\n }\n if (column.summary.kind === 'category') {\n return <CategorySummaryCell summary={column.summary} />;\n }\n return (\n <div className=\"text-muted-foreground pt-1.5 text-[10px] font-normal\">\n {column.summary.label}\n </div>\n );\n}\n\nexport function MosaicProfilerHeader({\n className,\n profiler,\n}: MosaicProfilerHeaderProps) {\n return (\n <>\n <colgroup>\n <col style={{width: PROFILER_ROW_NUMBER_COLUMN_WIDTH_PX}} />\n {profiler.columns.map((column) => (\n <col\n key={column.name}\n style={{width: getProfilerColumnWidthPx(column)}}\n />\n ))}\n </colgroup>\n <TableHeader className={cn('sticky top-0 z-30', className)}>\n <TableRow>\n <TableHead className={STICKY_ROW_NUMBER_CLASS}>#</TableHead>\n {profiler.columns.map((column) => {\n const sortState = profiler.sorting.find(\n (entry) => entry.id === column.name,\n );\n return (\n <TableHead\n key={column.name}\n className={cn(\n getColumnWidthClass(column),\n STICKY_COLUMN_HEADER_CLASS,\n )}\n >\n <div className=\"min-w-0\">\n <button\n type=\"button\"\n className=\"group relative flex w-full items-start gap-1.5 pr-4 text-left\"\n onClick={() =>\n setNextSortState(\n profiler.sorting,\n column.name,\n profiler.setSorting,\n )\n }\n >\n <div className=\"min-w-0 flex-1\">\n <div className=\"truncate text-[13px] leading-tight font-semibold\">\n {column.name}\n </div>\n <Badge\n variant=\"outline\"\n className=\"mt-0.5 max-w-full truncate px-2 py-0 text-[9px] opacity-60\"\n >\n {String(column.field.type)}\n </Badge>\n </div>\n <span className=\"text-muted-foreground pointer-events-none absolute top-1 right-0 flex h-4 w-4 items-center justify-center\">\n {sortState ? (\n sortState.desc ? (\n <ChevronDownIcon className=\"h-4 w-4\" />\n ) : (\n <ChevronUpIcon className=\"h-4 w-4\" />\n )\n ) : (\n <span className=\"flex h-4 w-4 flex-col items-center justify-center opacity-0 transition-opacity group-hover:opacity-60\">\n <ChevronUpIcon className=\"-mb-1 h-3 w-3\" />\n <ChevronDownIcon className=\"-mt-1 h-3 w-3\" />\n </span>\n )}\n </span>\n </button>\n <SummaryCell column={column} />\n </div>\n </TableHead>\n );\n })}\n </TableRow>\n </TableHeader>\n </>\n );\n}\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { UseMosaicProfilerReturn } from './types';
|
|
2
|
+
export type MosaicProfilerRowsProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
profiler: Pick<UseMosaicProfilerReturn, 'columns' | 'pageTable' | 'pagination' | 'tableError'>;
|
|
5
|
+
};
|
|
6
|
+
declare function MosaicProfilerRowsImpl({ className, profiler, }: MosaicProfilerRowsProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const MosaicProfilerRows: import("react").MemoExoticComponent<typeof MosaicProfilerRowsImpl>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=MosaicProfilerRows.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MosaicProfilerRows.d.ts","sourceRoot":"","sources":["../../src/profiler/MosaicProfilerRows.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAGrD,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,IAAI,CACZ,uBAAuB,EACvB,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,CACtD,CAAC;CACH,CAAC;AA+GF,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,2CA2CzB;AAoBD,eAAO,MAAM,kBAAkB,oEAW9B,CAAC"}
|