@panoboard/core 1.3.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/annotations/executor.d.ts +32 -0
- package/dist/annotations/executor.d.ts.map +1 -0
- package/dist/annotations/executor.js +74 -0
- package/dist/annotations/executor.js.map +1 -0
- package/dist/annotations/index.d.ts +2 -0
- package/dist/annotations/index.d.ts.map +1 -0
- package/dist/annotations/index.js +15 -0
- package/dist/annotations/index.js.map +1 -0
- package/dist/cache/keys.d.ts.map +1 -1
- package/dist/cache/keys.js +4 -4
- package/dist/cache/keys.js.map +1 -1
- package/dist/components/ConfigErrorBanner.d.ts.map +1 -1
- package/dist/components/ConfigErrorBanner.js +8 -2
- package/dist/components/ConfigErrorBanner.js.map +1 -1
- package/dist/components/CrosshairContext.d.ts +13 -0
- package/dist/components/CrosshairContext.d.ts.map +1 -0
- package/dist/components/CrosshairContext.js +37 -0
- package/dist/components/CrosshairContext.js.map +1 -0
- package/dist/components/DashboardCard.d.ts +2 -1
- package/dist/components/DashboardCard.d.ts.map +1 -1
- package/dist/components/DashboardCard.js +11 -4
- package/dist/components/DashboardCard.js.map +1 -1
- package/dist/components/DashboardDescription.d.ts +19 -0
- package/dist/components/DashboardDescription.d.ts.map +1 -0
- package/dist/components/DashboardDescription.js +61 -0
- package/dist/components/DashboardDescription.js.map +1 -0
- package/dist/components/DashboardLinks.d.ts +8 -0
- package/dist/components/DashboardLinks.d.ts.map +1 -0
- package/dist/components/DashboardLinks.js +53 -0
- package/dist/components/DashboardLinks.js.map +1 -0
- package/dist/components/DashboardShell.d.ts +5 -1
- package/dist/components/DashboardShell.d.ts.map +1 -1
- package/dist/components/DashboardShell.js +42 -25
- package/dist/components/DashboardShell.js.map +1 -1
- package/dist/components/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState.js +7 -1
- package/dist/components/EmptyState.js.map +1 -1
- package/dist/components/ErrorPage.d.ts.map +1 -1
- package/dist/components/ErrorPage.js +22 -33
- package/dist/components/ErrorPage.js.map +1 -1
- package/dist/components/FilterBar.d.ts.map +1 -1
- package/dist/components/FilterBar.js +21 -5
- package/dist/components/FilterBar.js.map +1 -1
- package/dist/components/NotificationCenter.d.ts +6 -0
- package/dist/components/NotificationCenter.d.ts.map +1 -0
- package/dist/components/NotificationCenter.js +67 -0
- package/dist/components/NotificationCenter.js.map +1 -0
- package/dist/components/NotificationIndicator.d.ts +6 -0
- package/dist/components/NotificationIndicator.d.ts.map +1 -0
- package/dist/components/NotificationIndicator.js +27 -0
- package/dist/components/NotificationIndicator.js.map +1 -0
- package/dist/components/PanelGrid.js +2 -2
- package/dist/components/PanelGrid.js.map +1 -1
- package/dist/components/PanelWrapper.d.ts +2 -1
- package/dist/components/PanelWrapper.d.ts.map +1 -1
- package/dist/components/PanelWrapper.js +101 -16
- package/dist/components/PanelWrapper.js.map +1 -1
- package/dist/components/RefreshContext.d.ts +3 -0
- package/dist/components/RefreshContext.d.ts.map +1 -0
- package/dist/components/RefreshContext.js +7 -0
- package/dist/components/RefreshContext.js.map +1 -0
- package/dist/components/RefreshControl.d.ts +17 -0
- package/dist/components/RefreshControl.d.ts.map +1 -0
- package/dist/components/RefreshControl.js +72 -0
- package/dist/components/RefreshControl.js.map +1 -0
- package/dist/components/SectionGrid.d.ts +9 -0
- package/dist/components/SectionGrid.d.ts.map +1 -0
- package/dist/components/SectionGrid.js +76 -0
- package/dist/components/SectionGrid.js.map +1 -0
- package/dist/components/SectionHeader.d.ts +8 -0
- package/dist/components/SectionHeader.d.ts.map +1 -0
- package/dist/components/SectionHeader.js +21 -0
- package/dist/components/SectionHeader.js.map +1 -0
- package/dist/components/TagPills.d.ts +7 -0
- package/dist/components/TagPills.d.ts.map +1 -0
- package/dist/components/TagPills.js +41 -0
- package/dist/components/TagPills.js.map +1 -0
- package/dist/components/filters/BooleanFilter.d.ts.map +1 -1
- package/dist/components/filters/BooleanFilter.js +1 -3
- package/dist/components/filters/BooleanFilter.js.map +1 -1
- package/dist/components/filters/CalendarGrid.d.ts.map +1 -1
- package/dist/components/filters/CalendarGrid.js +1 -1
- package/dist/components/filters/CalendarGrid.js.map +1 -1
- package/dist/components/filters/DateRangeFilter.d.ts.map +1 -1
- package/dist/components/filters/DateRangeFilter.js +4 -6
- package/dist/components/filters/DateRangeFilter.js.map +1 -1
- package/dist/components/filters/FilterChips.d.ts.map +1 -1
- package/dist/components/filters/FilterChips.js +71 -10
- package/dist/components/filters/FilterChips.js.map +1 -1
- package/dist/components/filters/IntervalFilter.d.ts +9 -0
- package/dist/components/filters/IntervalFilter.d.ts.map +1 -0
- package/dist/components/filters/IntervalFilter.js +29 -0
- package/dist/components/filters/IntervalFilter.js.map +1 -0
- package/dist/components/filters/MultiSelectFilter.d.ts.map +1 -1
- package/dist/components/filters/MultiSelectFilter.js +1 -3
- package/dist/components/filters/MultiSelectFilter.js.map +1 -1
- package/dist/components/filters/NumberFilter.d.ts.map +1 -1
- package/dist/components/filters/NumberFilter.js +5 -1
- package/dist/components/filters/NumberFilter.js.map +1 -1
- package/dist/components/filters/SelectFilter.d.ts +2 -1
- package/dist/components/filters/SelectFilter.d.ts.map +1 -1
- package/dist/components/filters/SelectFilter.js +9 -10
- package/dist/components/filters/SelectFilter.js.map +1 -1
- package/dist/components/filters/TextFilter.d.ts.map +1 -1
- package/dist/components/filters/TextFilter.js +5 -1
- package/dist/components/filters/TextFilter.js.map +1 -1
- package/dist/components/index.d.ts +11 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +14 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/panels/AnnotationLayer.d.ts +28 -0
- package/dist/components/panels/AnnotationLayer.d.ts.map +1 -0
- package/dist/components/panels/AnnotationLayer.js +102 -0
- package/dist/components/panels/AnnotationLayer.js.map +1 -0
- package/dist/components/panels/AreaChart.d.ts +3 -1
- package/dist/components/panels/AreaChart.d.ts.map +1 -1
- package/dist/components/panels/AreaChart.js +86 -5
- package/dist/components/panels/AreaChart.js.map +1 -1
- package/dist/components/panels/BarChart.d.ts.map +1 -1
- package/dist/components/panels/BarChart.js +61 -7
- package/dist/components/panels/BarChart.js.map +1 -1
- package/dist/components/panels/ChartTooltip.d.ts.map +1 -1
- package/dist/components/panels/ChartTooltip.js +9 -48
- package/dist/components/panels/ChartTooltip.js.map +1 -1
- package/dist/components/panels/DataLinks.d.ts +35 -0
- package/dist/components/panels/DataLinks.d.ts.map +1 -0
- package/dist/components/panels/DataLinks.js +67 -0
- package/dist/components/panels/DataLinks.js.map +1 -0
- package/dist/components/panels/GaugePanel.d.ts +7 -0
- package/dist/components/panels/GaugePanel.d.ts.map +1 -0
- package/dist/components/panels/GaugePanel.js +116 -0
- package/dist/components/panels/GaugePanel.js.map +1 -0
- package/dist/components/panels/HistogramPanel.d.ts +18 -0
- package/dist/components/panels/HistogramPanel.d.ts.map +1 -0
- package/dist/components/panels/HistogramPanel.js +92 -0
- package/dist/components/panels/HistogramPanel.js.map +1 -0
- package/dist/components/panels/LineChart.d.ts +3 -1
- package/dist/components/panels/LineChart.d.ts.map +1 -1
- package/dist/components/panels/LineChart.js +89 -5
- package/dist/components/panels/LineChart.js.map +1 -1
- package/dist/components/panels/ListPanel.d.ts.map +1 -1
- package/dist/components/panels/ListPanel.js +1 -1
- package/dist/components/panels/ListPanel.js.map +1 -1
- package/dist/components/panels/MarkdownPanel.d.ts +15 -1
- package/dist/components/panels/MarkdownPanel.d.ts.map +1 -1
- package/dist/components/panels/MarkdownPanel.js +70 -7
- package/dist/components/panels/MarkdownPanel.js.map +1 -1
- package/dist/components/panels/MetricPanel.d.ts.map +1 -1
- package/dist/components/panels/MetricPanel.js +1 -1
- package/dist/components/panels/MetricPanel.js.map +1 -1
- package/dist/components/panels/PanelEmpty.d.ts.map +1 -1
- package/dist/components/panels/PanelEmpty.js +1 -1
- package/dist/components/panels/PanelEmpty.js.map +1 -1
- package/dist/components/panels/PanelError.d.ts.map +1 -1
- package/dist/components/panels/PanelError.js +4 -1
- package/dist/components/panels/PanelError.js.map +1 -1
- package/dist/components/panels/PanelSkeleton.js +2 -2
- package/dist/components/panels/PanelSkeleton.js.map +1 -1
- package/dist/components/panels/ScatterChart.d.ts +15 -1
- package/dist/components/panels/ScatterChart.d.ts.map +1 -1
- package/dist/components/panels/ScatterChart.js +96 -26
- package/dist/components/panels/ScatterChart.js.map +1 -1
- package/dist/components/panels/Sparkline.d.ts +21 -0
- package/dist/components/panels/Sparkline.d.ts.map +1 -0
- package/dist/components/panels/Sparkline.js +53 -0
- package/dist/components/panels/Sparkline.js.map +1 -0
- package/dist/components/panels/StatPanel.d.ts +3 -1
- package/dist/components/panels/StatPanel.d.ts.map +1 -1
- package/dist/components/panels/StatPanel.js +33 -4
- package/dist/components/panels/StatPanel.js.map +1 -1
- package/dist/components/panels/TablePanel.d.ts +2 -1
- package/dist/components/panels/TablePanel.d.ts.map +1 -1
- package/dist/components/panels/TablePanel.js +96 -6
- package/dist/components/panels/TablePanel.js.map +1 -1
- package/dist/components/panels/VideoPanel.d.ts.map +1 -1
- package/dist/components/panels/VideoPanel.js +1 -1
- package/dist/components/panels/VideoPanel.js.map +1 -1
- package/dist/components/panels/nivo-theme.d.ts +1 -44
- package/dist/components/panels/nivo-theme.d.ts.map +1 -1
- package/dist/components/panels/nivo-theme.js +9 -104
- package/dist/components/panels/nivo-theme.js.map +1 -1
- package/dist/components/panels/semantic-colors.d.ts.map +1 -1
- package/dist/components/panels/semantic-colors.js +2 -39
- package/dist/components/panels/semantic-colors.js.map +1 -1
- package/dist/components/ui/Button.d.ts +1 -1
- package/dist/components/ui/Button.d.ts.map +1 -1
- package/dist/components/ui/Button.js +6 -9
- package/dist/components/ui/Button.js.map +1 -1
- package/dist/components/ui/Tabs.d.ts.map +1 -1
- package/dist/components/ui/Tabs.js +1 -1
- package/dist/components/ui/Tabs.js.map +1 -1
- package/dist/connectors/bigquery.d.ts.map +1 -1
- package/dist/connectors/bigquery.js +6 -1
- package/dist/connectors/bigquery.js.map +1 -1
- package/dist/connectors/postgres.d.ts.map +1 -1
- package/dist/connectors/postgres.js +3 -0
- package/dist/connectors/postgres.js.map +1 -1
- package/dist/connectors/redshift.d.ts.map +1 -1
- package/dist/connectors/redshift.js +3 -0
- package/dist/connectors/redshift.js.map +1 -1
- package/dist/contexts/NotificationContext.d.ts +10 -0
- package/dist/contexts/NotificationContext.d.ts.map +1 -0
- package/dist/contexts/NotificationContext.js +24 -0
- package/dist/contexts/NotificationContext.js.map +1 -0
- package/dist/filters/daterange.d.ts +1 -1
- package/dist/filters/daterange.d.ts.map +1 -1
- package/dist/filters/daterange.js +54 -9
- package/dist/filters/daterange.js.map +1 -1
- package/dist/filters/index.d.ts +2 -0
- package/dist/filters/index.d.ts.map +1 -1
- package/dist/filters/index.js +2 -0
- package/dist/filters/index.js.map +1 -1
- package/dist/filters/interval.d.ts +13 -0
- package/dist/filters/interval.d.ts.map +1 -0
- package/dist/filters/interval.js +40 -0
- package/dist/filters/interval.js.map +1 -0
- package/dist/filters/resolver.d.ts +1 -1
- package/dist/filters/resolver.d.ts.map +1 -1
- package/dist/filters/resolver.js +28 -2
- package/dist/filters/resolver.js.map +1 -1
- package/dist/flattenTabs.d.ts +8 -0
- package/dist/flattenTabs.d.ts.map +1 -0
- package/dist/flattenTabs.js +24 -0
- package/dist/flattenTabs.js.map +1 -0
- package/dist/formats.d.ts +1 -1
- package/dist/formats.d.ts.map +1 -1
- package/dist/formats.js +19 -9
- package/dist/formats.js.map +1 -1
- package/dist/hooks/useNotifications.d.ts +5 -0
- package/dist/hooks/useNotifications.d.ts.map +1 -0
- package/dist/hooks/useNotifications.js +48 -0
- package/dist/hooks/useNotifications.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -0
- package/dist/index.js.map +1 -1
- package/dist/interpolation.d.ts +10 -0
- package/dist/interpolation.d.ts.map +1 -0
- package/dist/interpolation.js +64 -0
- package/dist/interpolation.js.map +1 -0
- package/dist/panels/conditional.d.ts +12 -0
- package/dist/panels/conditional.d.ts.map +1 -0
- package/dist/panels/conditional.js +90 -0
- package/dist/panels/conditional.js.map +1 -0
- package/dist/panels/index.d.ts +11 -0
- package/dist/panels/index.d.ts.map +1 -0
- package/dist/panels/index.js +19 -0
- package/dist/panels/index.js.map +1 -0
- package/dist/panels/mappings.d.ts +40 -0
- package/dist/panels/mappings.d.ts.map +1 -0
- package/dist/panels/mappings.js +83 -0
- package/dist/panels/mappings.js.map +1 -0
- package/dist/panels/overrides.d.ts +37 -0
- package/dist/panels/overrides.d.ts.map +1 -0
- package/dist/panels/overrides.js +57 -0
- package/dist/panels/overrides.js.map +1 -0
- package/dist/panels/threshold-layers.d.ts +18 -0
- package/dist/panels/threshold-layers.d.ts.map +1 -0
- package/dist/panels/threshold-layers.js +35 -0
- package/dist/panels/threshold-layers.js.map +1 -0
- package/dist/panels/thresholds.d.ts +36 -0
- package/dist/panels/thresholds.d.ts.map +1 -0
- package/dist/panels/thresholds.js +81 -0
- package/dist/panels/thresholds.js.map +1 -0
- package/dist/schemas/annotations.d.ts +34 -0
- package/dist/schemas/annotations.d.ts.map +1 -0
- package/dist/schemas/annotations.js +19 -0
- package/dist/schemas/annotations.js.map +1 -0
- package/dist/schemas/config.d.ts +1 -0
- package/dist/schemas/config.d.ts.map +1 -1
- package/dist/schemas/config.js +1 -0
- package/dist/schemas/config.js.map +1 -1
- package/dist/schemas/dashboard.d.ts +5861 -235
- package/dist/schemas/dashboard.d.ts.map +1 -1
- package/dist/schemas/dashboard.js +173 -10
- package/dist/schemas/dashboard.js.map +1 -1
- package/dist/schemas/index.d.ts +6 -1
- package/dist/schemas/index.d.ts.map +1 -1
- package/dist/schemas/index.js +6 -1
- package/dist/schemas/index.js.map +1 -1
- package/dist/schemas/mappings.d.ts +46 -0
- package/dist/schemas/mappings.d.ts.map +1 -0
- package/dist/schemas/mappings.js +46 -0
- package/dist/schemas/mappings.js.map +1 -0
- package/dist/schemas/overrides.d.ts +77 -0
- package/dist/schemas/overrides.d.ts.map +1 -0
- package/dist/schemas/overrides.js +38 -0
- package/dist/schemas/overrides.js.map +1 -0
- package/dist/schemas/theme.d.ts +89 -7
- package/dist/schemas/theme.d.ts.map +1 -1
- package/dist/schemas/theme.js +40 -24
- package/dist/schemas/theme.js.map +1 -1
- package/dist/schemas/thresholds.d.ts +19 -0
- package/dist/schemas/thresholds.d.ts.map +1 -0
- package/dist/schemas/thresholds.js +31 -0
- package/dist/schemas/thresholds.js.map +1 -0
- package/dist/schemas/transforms.d.ts +54 -0
- package/dist/schemas/transforms.d.ts.map +1 -0
- package/dist/schemas/transforms.js +51 -0
- package/dist/schemas/transforms.js.map +1 -0
- package/dist/startup/sql-lint.d.ts.map +1 -1
- package/dist/startup/sql-lint.js +3 -2
- package/dist/startup/sql-lint.js.map +1 -1
- package/dist/theme/builtin.d.ts.map +1 -1
- package/dist/theme/builtin.js +56 -62
- package/dist/theme/builtin.js.map +1 -1
- package/dist/theme/colors.d.ts +11 -0
- package/dist/theme/colors.d.ts.map +1 -0
- package/dist/theme/colors.js +71 -0
- package/dist/theme/colors.js.map +1 -0
- package/dist/theme/context.d.ts.map +1 -1
- package/dist/theme/context.js +16 -3
- package/dist/theme/context.js.map +1 -1
- package/dist/theme/loader-export.d.ts +1 -1
- package/dist/theme/loader-export.d.ts.map +1 -1
- package/dist/theme/loader-export.js +1 -1
- package/dist/theme/loader-export.js.map +1 -1
- package/dist/theme/loader.d.ts +8 -3
- package/dist/theme/loader.d.ts.map +1 -1
- package/dist/theme/loader.js +24 -13
- package/dist/theme/loader.js.map +1 -1
- package/dist/transforms/computed.d.ts +11 -0
- package/dist/transforms/computed.d.ts.map +1 -0
- package/dist/transforms/computed.js +24 -0
- package/dist/transforms/computed.js.map +1 -0
- package/dist/transforms/engine.d.ts +17 -0
- package/dist/transforms/engine.d.ts.map +1 -0
- package/dist/transforms/engine.js +65 -0
- package/dist/transforms/engine.js.map +1 -0
- package/dist/transforms/expression.d.ts +9 -0
- package/dist/transforms/expression.d.ts.map +1 -0
- package/dist/transforms/expression.js +306 -0
- package/dist/transforms/expression.js.map +1 -0
- package/dist/transforms/filter.d.ts +11 -0
- package/dist/transforms/filter.d.ts.map +1 -0
- package/dist/transforms/filter.js +10 -0
- package/dist/transforms/filter.js.map +1 -0
- package/dist/transforms/index.d.ts +10 -0
- package/dist/transforms/index.d.ts.map +1 -0
- package/dist/transforms/index.js +9 -0
- package/dist/transforms/index.js.map +1 -0
- package/dist/transforms/limit.d.ts +11 -0
- package/dist/transforms/limit.d.ts.map +1 -0
- package/dist/transforms/limit.js +4 -0
- package/dist/transforms/limit.js.map +1 -0
- package/dist/transforms/percentage.d.ts +11 -0
- package/dist/transforms/percentage.d.ts.map +1 -0
- package/dist/transforms/percentage.js +25 -0
- package/dist/transforms/percentage.js.map +1 -0
- package/dist/transforms/rename.d.ts +11 -0
- package/dist/transforms/rename.d.ts.map +1 -0
- package/dist/transforms/rename.js +17 -0
- package/dist/transforms/rename.js.map +1 -0
- package/dist/transforms/sort.d.ts +11 -0
- package/dist/transforms/sort.d.ts.map +1 -0
- package/dist/transforms/sort.js +21 -0
- package/dist/transforms/sort.js.map +1 -0
- package/dist/types/config-error.d.ts +1 -1
- package/dist/types/config-error.d.ts.map +1 -1
- package/dist/types/notification.d.ts +19 -0
- package/dist/types/notification.d.ts.map +1 -0
- package/dist/types/notification.js +15 -0
- package/dist/types/notification.js.map +1 -0
- package/package.json +11 -1
|
@@ -15,40 +15,110 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
15
15
|
import { ResponsiveScatterPlot } from "@nivo/scatterplot";
|
|
16
16
|
import { buildNivoTheme, getChartPalette } from "./nivo-theme";
|
|
17
17
|
import { useTheme } from "../../theme/context";
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
import { ChartTooltip } from "./ChartTooltip";
|
|
19
|
+
import { formatValue } from "../../formats";
|
|
20
|
+
import { useLocale } from "../../locale/context";
|
|
21
|
+
/**
|
|
22
|
+
* Build scatter plot data structure from flat rows.
|
|
23
|
+
* Exported for testing.
|
|
24
|
+
*/
|
|
25
|
+
export function buildScatterData(data, xKey, yKey, groupKey, sizeKey) {
|
|
26
|
+
const makePoint = (row) => {
|
|
27
|
+
const point = {
|
|
28
|
+
x: Number(row[xKey]) || 0,
|
|
29
|
+
y: Number(row[yKey]) || 0,
|
|
30
|
+
};
|
|
31
|
+
if (sizeKey && row[sizeKey] != null) {
|
|
32
|
+
point.size = Number(row[sizeKey]) || 0;
|
|
33
|
+
}
|
|
34
|
+
return point;
|
|
35
|
+
};
|
|
36
|
+
if (groupKey) {
|
|
27
37
|
const seriesMap = new Map();
|
|
28
38
|
for (const row of data) {
|
|
29
|
-
const id = String(row[
|
|
39
|
+
const id = String(row[groupKey]);
|
|
30
40
|
if (!seriesMap.has(id))
|
|
31
41
|
seriesMap.set(id, []);
|
|
32
|
-
seriesMap
|
|
33
|
-
.get(id)
|
|
34
|
-
.push({ x: Number(row[xKey]) || 0, y: Number(row[yKey]) || 0 });
|
|
42
|
+
seriesMap.get(id).push(makePoint(row));
|
|
35
43
|
}
|
|
36
|
-
|
|
44
|
+
return Array.from(seriesMap.entries()).map(([id, points]) => ({
|
|
37
45
|
id,
|
|
38
46
|
data: points,
|
|
39
47
|
}));
|
|
40
48
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
49
|
+
return [{ id: yKey, data: data.map(makePoint) }];
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Normalize size values to a pixel range [minPx, maxPx].
|
|
53
|
+
* Returns a function that maps a raw size value to a pixel radius.
|
|
54
|
+
*/
|
|
55
|
+
function buildSizeScale(series, minPx = 6, maxPx = 32) {
|
|
56
|
+
const allSizes = series
|
|
57
|
+
.flatMap((s) => s.data)
|
|
58
|
+
.map((p) => p.size)
|
|
59
|
+
.filter((s) => s != null);
|
|
60
|
+
if (allSizes.length === 0)
|
|
61
|
+
return () => 8;
|
|
62
|
+
const minSize = Math.min(...allSizes);
|
|
63
|
+
const maxSize = Math.max(...allSizes);
|
|
64
|
+
const range = maxSize - minSize || 1;
|
|
65
|
+
return (size) => {
|
|
66
|
+
if (size == null)
|
|
67
|
+
return minPx;
|
|
68
|
+
return minPx + ((size - minSize) / range) * (maxPx - minPx);
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
export function ScatterChart({ data, config }) {
|
|
72
|
+
const theme = useTheme();
|
|
73
|
+
const nivoTheme = buildNivoTheme(theme);
|
|
74
|
+
const palette = getChartPalette(theme);
|
|
75
|
+
const locale = useLocale();
|
|
76
|
+
// Support both chart.x/y and scatter.x/y config shapes
|
|
77
|
+
const scatter = config.scatter;
|
|
78
|
+
const xKey = scatter?.x ?? config.x ?? "x";
|
|
79
|
+
const yKey = scatter?.y ?? config.y ?? "y";
|
|
80
|
+
const groupKey = scatter?.group ?? config.series;
|
|
81
|
+
const sizeKey = scatter?.size;
|
|
82
|
+
const xFormat = scatter?.x_format ?? config.x_format ?? undefined;
|
|
83
|
+
const yFormat = scatter?.y_format ?? config.y_format ?? undefined;
|
|
84
|
+
const chartData = buildScatterData(data, xKey, yKey, groupKey, sizeKey);
|
|
85
|
+
// Bubble variant: compute size scale
|
|
86
|
+
const hasSizeField = sizeKey && chartData.some((s) => s.data.some((p) => p.size != null));
|
|
87
|
+
const sizeScale = hasSizeField ? buildSizeScale(chartData) : null;
|
|
88
|
+
return (_jsx("div", { style: { height: "100%" }, children: _jsx(ResponsiveScatterPlot, { data: chartData, colors: palette, theme: nivoTheme, margin: { top: 16, right: 16, bottom: 48, left: 56 }, axisBottom: {
|
|
89
|
+
tickSize: 4,
|
|
90
|
+
tickPadding: 4,
|
|
91
|
+
format: xFormat
|
|
92
|
+
? (v) => formatValue(v, xFormat, locale)
|
|
93
|
+
: undefined,
|
|
94
|
+
}, axisLeft: {
|
|
95
|
+
tickSize: 4,
|
|
96
|
+
tickPadding: 4,
|
|
97
|
+
format: yFormat
|
|
98
|
+
? (v) => formatValue(v, yFormat, locale)
|
|
99
|
+
: undefined,
|
|
100
|
+
}, nodeSize: sizeScale
|
|
101
|
+
? (node) => sizeScale(node.data.size)
|
|
102
|
+
: 8, useMesh: true, tooltip: ({ node }) => {
|
|
103
|
+
const xVal = xFormat
|
|
104
|
+
? formatValue(node.data.x, xFormat, locale)
|
|
105
|
+
: String(node.data.x);
|
|
106
|
+
const yVal = yFormat
|
|
107
|
+
? formatValue(node.data.y, yFormat, locale)
|
|
108
|
+
: String(node.data.y);
|
|
109
|
+
return (_jsx(ChartTooltip, { label: `${xKey}: ${xVal}`, value: `${yKey}: ${yVal}`, color: node.color }));
|
|
110
|
+
}, legends: chartData.length > 1
|
|
111
|
+
? [
|
|
112
|
+
{
|
|
113
|
+
anchor: "bottom-right",
|
|
114
|
+
direction: "column",
|
|
115
|
+
translateX: 120,
|
|
116
|
+
itemWidth: 100,
|
|
117
|
+
itemHeight: 20,
|
|
118
|
+
symbolSize: 10,
|
|
119
|
+
symbolShape: "circle",
|
|
120
|
+
},
|
|
121
|
+
]
|
|
122
|
+
: [] }) }));
|
|
53
123
|
}
|
|
54
124
|
//# sourceMappingURL=ScatterChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterChart.js","sourceRoot":"","sources":["../../../src/components/panels/ScatterChart.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ScatterChart.js","sourceRoot":"","sources":["../../../src/components/panels/ScatterChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
interface SparklineProps {
|
|
2
|
+
rows: Record<string, unknown>[];
|
|
3
|
+
field: string;
|
|
4
|
+
color?: string;
|
|
5
|
+
height?: number;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Build Nivo line data from flat rows for a sparkline.
|
|
9
|
+
* Uses sequential index as x (no labels needed).
|
|
10
|
+
* Exported for testing.
|
|
11
|
+
*/
|
|
12
|
+
export declare function buildSparklineData(rows: Record<string, unknown>[], field: string): {
|
|
13
|
+
id: string;
|
|
14
|
+
data: {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
}[];
|
|
18
|
+
}[];
|
|
19
|
+
export declare function Sparkline({ rows, field, color, height }: SparklineProps): import("react/jsx-runtime").JSX.Element | null;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=Sparkline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/panels/Sparkline.tsx"],"names":[],"mappings":"AAkBA,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,KAAK,EAAE,MAAM,GACZ;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,EAAE,CAUpD;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAW,EAAE,EAAE,cAAc,kDA2C5E"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Copyright 2026 Mataki Labs LLC
|
|
3
|
+
//
|
|
4
|
+
// Licensed under the Business Source License 1.1 (the "License");
|
|
5
|
+
// you may not use this file except in compliance with the License.
|
|
6
|
+
// You may obtain a copy of the License at
|
|
7
|
+
//
|
|
8
|
+
// https://github.com/panoboard/panoboard/blob/main/LICENSE
|
|
9
|
+
//
|
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
// See the License for the specific language governing permissions and
|
|
14
|
+
// limitations under the License.
|
|
15
|
+
import { ResponsiveLine } from "@nivo/line";
|
|
16
|
+
import { buildNivoTheme, getChartPalette } from "./nivo-theme";
|
|
17
|
+
import { useTheme } from "../../theme/context";
|
|
18
|
+
/**
|
|
19
|
+
* Build Nivo line data from flat rows for a sparkline.
|
|
20
|
+
* Uses sequential index as x (no labels needed).
|
|
21
|
+
* Exported for testing.
|
|
22
|
+
*/
|
|
23
|
+
export function buildSparklineData(rows, field) {
|
|
24
|
+
return [
|
|
25
|
+
{
|
|
26
|
+
id: "sparkline",
|
|
27
|
+
data: rows.map((row, i) => ({
|
|
28
|
+
x: i,
|
|
29
|
+
y: Number(row[field]) || 0,
|
|
30
|
+
})),
|
|
31
|
+
},
|
|
32
|
+
];
|
|
33
|
+
}
|
|
34
|
+
export function Sparkline({ rows, field, color, height = 40 }) {
|
|
35
|
+
const theme = useTheme();
|
|
36
|
+
const nivoTheme = buildNivoTheme(theme);
|
|
37
|
+
const palette = getChartPalette(theme);
|
|
38
|
+
const chartData = buildSparklineData(rows, field);
|
|
39
|
+
const lineColor = color ?? palette[0];
|
|
40
|
+
if (chartData[0].data.length < 2)
|
|
41
|
+
return null;
|
|
42
|
+
return (_jsx("div", { style: { height, width: "100%" }, children: _jsx(ResponsiveLine, { data: chartData, colors: [lineColor], theme: nivoTheme, margin: { top: 4, right: 0, bottom: 4, left: 0 }, xScale: { type: "linear" }, yScale: { type: "linear", stacked: false }, axisBottom: null, axisLeft: null, enableGridX: false, enableGridY: false, enablePoints: false, enableArea: true, areaOpacity: 0.15, lineWidth: 1.5, isInteractive: false, animate: false, defs: [
|
|
43
|
+
{
|
|
44
|
+
id: "sparkline-gradient",
|
|
45
|
+
type: "linearGradient",
|
|
46
|
+
colors: [
|
|
47
|
+
{ offset: 0, color: lineColor, opacity: 0.3 },
|
|
48
|
+
{ offset: 100, color: lineColor, opacity: 0.02 },
|
|
49
|
+
],
|
|
50
|
+
},
|
|
51
|
+
], fill: [{ match: "*", id: "sparkline-gradient" }] }) }));
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=Sparkline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../../../src/components/panels/Sparkline.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAS/C;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAA+B,EAC/B,KAAa;IAEb,OAAO;QACL;YACE,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC1B,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;aAC3B,CAAC,CAAC;SACJ;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAkB;IAC3E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAEtC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YACnC,KAAC,cAAc,IACb,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,CAAC,SAAS,CAAC,EACnB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAChD,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAC1B,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAC1C,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,UAAU,QACV,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,KAAK,EACpB,OAAO,EAAE,KAAK,EACd,IAAI,EAAE;gBACJ;oBACE,EAAE,EAAE,oBAAoB;oBACxB,IAAI,EAAE,gBAAgB;oBACtB,MAAM,EAAE;wBACN,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE;wBAC7C,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE;qBACjD;iBACF;aACF,EACD,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,oBAAoB,EAAE,CAAC,GAChD,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -2,7 +2,9 @@ interface StatPanelProps {
|
|
|
2
2
|
panel: Record<string, unknown>;
|
|
3
3
|
data: Record<string, unknown>;
|
|
4
4
|
comparisonData: Record<string, unknown> | null;
|
|
5
|
+
sparklineData?: Record<string, unknown> | null;
|
|
6
|
+
filterValues?: Record<string, string>;
|
|
5
7
|
}
|
|
6
|
-
export declare function StatPanel({ panel, data, comparisonData }: StatPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function StatPanel({ panel, data, comparisonData, sparklineData, filterValues }: StatPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
export {};
|
|
8
10
|
//# sourceMappingURL=StatPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/StatPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/StatPanel.tsx"],"names":[],"mappings":"AA0BA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,cAAc,2CA+FrG"}
|
|
@@ -16,15 +16,42 @@ import { TrendingUp, TrendingDown } from "lucide-react";
|
|
|
16
16
|
import { formatValue } from "../../formats";
|
|
17
17
|
import { useTheme } from "../../theme/context";
|
|
18
18
|
import { useLocale } from "../../locale/context";
|
|
19
|
-
|
|
19
|
+
import { resolveThresholdColor, resolveSemanticHex } from "../../panels/thresholds";
|
|
20
|
+
import { applyMappings } from "../../panels/mappings";
|
|
21
|
+
import { Sparkline } from "./Sparkline";
|
|
22
|
+
import { ClickableStatWrapper, resolveDataLinks } from "./DataLinks";
|
|
23
|
+
export function StatPanel({ panel, data, comparisonData, sparklineData, filterValues }) {
|
|
20
24
|
const theme = useTheme();
|
|
21
25
|
const locale = useLocale();
|
|
22
26
|
const stat = panel.stat;
|
|
23
27
|
const valueKey = stat?.value ?? "value";
|
|
24
28
|
const format = stat?.format ?? "number";
|
|
29
|
+
const decimals = stat?.decimals;
|
|
30
|
+
const align = stat?.align ?? "center";
|
|
25
31
|
const rows = data.rows;
|
|
26
32
|
const currentValue = rows[0]?.[valueKey];
|
|
27
|
-
const formattedValue = formatValue(currentValue, format, locale);
|
|
33
|
+
const formattedValue = formatValue(currentValue, format, locale, decimals);
|
|
34
|
+
// Value mappings — if matched, override display text and color
|
|
35
|
+
const mappings = panel.mappings;
|
|
36
|
+
const mapped = applyMappings(currentValue, mappings);
|
|
37
|
+
const displayValue = mapped?.text ?? formattedValue;
|
|
38
|
+
// Threshold background color — mapping color takes precedence
|
|
39
|
+
const thresholds = panel.thresholds;
|
|
40
|
+
const mappingHex = mapped?.color
|
|
41
|
+
? resolveSemanticHex(mapped.color, theme)
|
|
42
|
+
: undefined;
|
|
43
|
+
const thresholdColorName = resolveThresholdColor(currentValue, thresholds);
|
|
44
|
+
const thresholdHex = thresholdColorName
|
|
45
|
+
? resolveSemanticHex(thresholdColorName, theme)
|
|
46
|
+
: undefined;
|
|
47
|
+
const effectiveHex = mappingHex ?? thresholdHex;
|
|
48
|
+
const sparklineConfig = stat?.sparkline;
|
|
49
|
+
const sparklineRows = sparklineData?.rows;
|
|
50
|
+
const sparklineField = sparklineConfig?.field;
|
|
51
|
+
const dataLinks = panel.data_links;
|
|
52
|
+
const resolvedLinks = dataLinks
|
|
53
|
+
? resolveDataLinks(dataLinks, rows[0] ?? {}, filterValues ?? {})
|
|
54
|
+
: [];
|
|
28
55
|
let delta = null;
|
|
29
56
|
const compRows = comparisonData?.rows;
|
|
30
57
|
if (compRows?.[0]) {
|
|
@@ -34,7 +61,9 @@ export function StatPanel({ panel, data, comparisonData }) {
|
|
|
34
61
|
((Number(currentValue) - Number(prevValue)) / Number(prevValue)) * 100;
|
|
35
62
|
}
|
|
36
63
|
}
|
|
37
|
-
return (
|
|
38
|
-
|
|
64
|
+
return (_jsx(ClickableStatWrapper, { links: resolvedLinks, children: _jsxs("div", { className: `h-full flex flex-col justify-center rounded-lg transition-colors duration-300 ${align === "left" ? "items-start" : align === "right" ? "items-end" : "items-center"}`, style: effectiveHex
|
|
65
|
+
? { backgroundColor: `${effectiveHex}18` }
|
|
66
|
+
: undefined, children: [delta !== null && (_jsxs("div", { className: "absolute top-4 right-5 flex items-center gap-1", children: [delta >= 0 ? (_jsx(TrendingUp, { className: "w-3.5 h-3.5", style: { color: theme.status.positive } })) : (_jsx(TrendingDown, { className: "w-3.5 h-3.5", style: { color: theme.status.negative } })), _jsxs("span", { className: "text-xs font-semibold", style: { color: delta >= 0 ? theme.status.positive : theme.status.negative }, children: [delta >= 0 ? "+" : "", delta.toFixed(1), "%"] }), stat?.comparison?.label !=
|
|
67
|
+
null ? (_jsx("span", { className: "text-xs", style: { color: theme.typography.muted }, children: String(stat.comparison.label) })) : null] })), _jsx("span", { className: "text-3xl! font-bold! tabular-nums", style: { color: effectiveHex ?? theme.typography.value }, children: displayValue }), sparklineField && sparklineRows && sparklineRows.length > 1 && (_jsx("div", { className: "mt-2", children: _jsx(Sparkline, { rows: sparklineRows, field: sparklineField }) }))] }) }));
|
|
39
68
|
}
|
|
40
69
|
//# sourceMappingURL=StatPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatPanel.js","sourceRoot":"","sources":["../../../src/components/panels/StatPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"StatPanel.js","sourceRoot":"","sources":["../../../src/components/panels/StatPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAarE,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAkB;IACpG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,IAA2C,CAAC;IAC/D,MAAM,QAAQ,GAAI,IAAI,EAAE,KAAgB,IAAI,OAAO,CAAC;IACpD,MAAM,MAAM,GAAI,IAAI,EAAE,MAAiB,IAAI,QAAQ,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,EAAE,QAA8B,CAAC;IACtD,MAAM,KAAK,GAAI,IAAI,EAAE,KAAqC,IAAI,QAAQ,CAAC;IACvE,MAAM,IAAI,GAAG,IAAI,CAAC,IAAiC,CAAC;IACpD,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,cAAc,GAAG,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE3E,+DAA+D;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAsC,CAAC;IAC9D,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,MAAM,EAAE,IAAI,IAAI,cAAc,CAAC;IAEpD,8DAA8D;IAC9D,MAAM,UAAU,GAAG,KAAK,CAAC,UAAyC,CAAC;IACnE,MAAM,UAAU,GAAG,MAAM,EAAE,KAAK;QAC9B,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;QACzC,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,kBAAkB;QACrC,CAAC,CAAC,kBAAkB,CAAC,kBAAkB,EAAE,KAAK,CAAC;QAC/C,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,YAAY,GAAG,UAAU,IAAI,YAAY,CAAC;IAEhD,MAAM,eAAe,GAAG,IAAI,EAAE,SAAgD,CAAC;IAC/E,MAAM,aAAa,GAAG,aAAa,EAAE,IAA6C,CAAC;IACnF,MAAM,cAAc,GAAG,eAAe,EAAE,KAA2B,CAAC;IAEpE,MAAM,SAAS,GAAG,KAAK,CAAC,UAAoC,CAAC;IAC7D,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,YAAY,IAAI,EAAE,CAAC;QAChE,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,KAAK,GAAkB,IAAI,CAAC;IAChC,MAAM,QAAQ,GAAG,cAAc,EAAE,IAEpB,CAAC;IACd,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAClB,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAI,SAAS,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;YACjC,KAAK;gBACH,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC;QAC3E,CAAC;IACH,CAAC;IAED,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,aAAa,YACxC,eACE,SAAS,EAAE,iFAAiF,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,EAAE,EACjL,KAAK,EACH,YAAY;gBACV,CAAC,CAAC,EAAE,eAAe,EAAE,GAAG,YAAY,IAAI,EAAE;gBAC1C,CAAC,CAAC,SAAS,aAGd,KAAK,KAAK,IAAI,IAAI,CACjB,eAAK,SAAS,EAAC,gDAAgD,aAC5D,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CACZ,KAAC,UAAU,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAI,CAChF,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAI,CAClF,EACD,gBACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,aAE3E,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACrB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SACZ,EACL,IAAI,EAAE,UAAkD,EAAE,KAAK;4BACjE,IAAI,CAAC,CAAC,CAAC,CACL,eAAM,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAC/D,MAAM,CAAE,IAAK,CAAC,UAAsC,CAAC,KAAK,CAAC,GACvD,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,EACD,eACE,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAEvD,YAAY,GACR,EACN,cAAc,IAAI,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9D,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,SAAS,IAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,GAAI,GACrD,CACP,IACG,GACe,CACxB,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
interface TablePanelProps {
|
|
2
2
|
panel: Record<string, unknown>;
|
|
3
3
|
data: Record<string, unknown>;
|
|
4
|
+
filterValues?: Record<string, string>;
|
|
4
5
|
}
|
|
5
|
-
export declare function TablePanel({ panel, data }: TablePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function TablePanel({ panel, data, filterValues }: TablePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
export {};
|
|
7
8
|
//# sourceMappingURL=TablePanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/TablePanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TablePanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/TablePanel.tsx"],"names":[],"mappings":"AA4DA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,YAAiB,EAAE,EAAE,eAAe,2CAoP7E"}
|
|
@@ -17,11 +17,16 @@ import { ChevronUp, ChevronDown } from "lucide-react";
|
|
|
17
17
|
import { formatValue } from "../../formats";
|
|
18
18
|
import { useTheme } from "../../theme/context";
|
|
19
19
|
import { useLocale } from "../../locale/context";
|
|
20
|
-
|
|
20
|
+
import { resolveThresholdColor, resolveSemanticHex } from "../../panels/thresholds";
|
|
21
|
+
import { resolveOverrides } from "../../panels/overrides";
|
|
22
|
+
import { applyMappings } from "../../panels/mappings";
|
|
23
|
+
import { evaluateConditional } from "../../panels/conditional";
|
|
24
|
+
import { DataLinkIcon, resolveDataLinks } from "./DataLinks";
|
|
25
|
+
function formatCell(value, format, locale = "en-US", decimals) {
|
|
21
26
|
if (value === null || value === undefined)
|
|
22
27
|
return "—";
|
|
23
28
|
if (format)
|
|
24
|
-
return formatValue(value, format, locale);
|
|
29
|
+
return formatValue(value, format, locale, decimals);
|
|
25
30
|
const str = String(value);
|
|
26
31
|
// Auto-detect ISO date strings and format them
|
|
27
32
|
if (/^\d{4}-\d{2}-\d{2}T/.test(str)) {
|
|
@@ -38,14 +43,35 @@ function formatCell(value, format, locale = "en-US") {
|
|
|
38
43
|
}
|
|
39
44
|
return str;
|
|
40
45
|
}
|
|
41
|
-
export function TablePanel({ panel, data }) {
|
|
46
|
+
export function TablePanel({ panel, data, filterValues = {} }) {
|
|
42
47
|
const theme = useTheme();
|
|
43
48
|
const locale = useLocale();
|
|
44
49
|
const table = panel.table;
|
|
50
|
+
const dataLinks = panel.data_links ?? [];
|
|
45
51
|
const dataColumns = data.columns;
|
|
46
52
|
const columns = table?.columns ??
|
|
47
53
|
dataColumns.map((c) => ({ key: c.name, label: c.name }));
|
|
48
54
|
const pageSize = table?.page_size ?? 25;
|
|
55
|
+
// Enrichment config from panel YAML
|
|
56
|
+
const overrides = panel.overrides;
|
|
57
|
+
const panelThresholds = panel.thresholds;
|
|
58
|
+
const mappings = panel.mappings;
|
|
59
|
+
// Pre-resolve overrides for each column
|
|
60
|
+
const columnOverrides = {};
|
|
61
|
+
if (overrides) {
|
|
62
|
+
for (const col of columns) {
|
|
63
|
+
columnOverrides[col.key] = resolveOverrides(col.key, overrides);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
// Pre-resolve conditional rules for each column from table config
|
|
67
|
+
const columnConditionals = {};
|
|
68
|
+
if (table?.columns) {
|
|
69
|
+
for (const col of table.columns) {
|
|
70
|
+
if (col.conditional) {
|
|
71
|
+
columnConditionals[col.key] = col.conditional;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
49
75
|
const [sortKey, setSortKey] = useState(table?.sort_by ?? columns[0]?.key);
|
|
50
76
|
const [sortDir, setSortDir] = useState(table?.sort_dir ?? "DESC");
|
|
51
77
|
const [page, setPage] = useState(0);
|
|
@@ -63,7 +89,6 @@ export function TablePanel({ panel, data }) {
|
|
|
63
89
|
const sorted = [...rows].sort((a, b) => {
|
|
64
90
|
const aVal = a[sortKey];
|
|
65
91
|
const bVal = b[sortKey];
|
|
66
|
-
// pg returns bigint/numeric columns as strings; coerce to number when possible
|
|
67
92
|
const aNum = Number(aVal);
|
|
68
93
|
const bNum = Number(bVal);
|
|
69
94
|
const cmp = !isNaN(aNum) && !isNaN(bNum)
|
|
@@ -73,7 +98,72 @@ export function TablePanel({ panel, data }) {
|
|
|
73
98
|
});
|
|
74
99
|
const paged = sorted.slice(page * pageSize, (page + 1) * pageSize);
|
|
75
100
|
const totalPages = Math.ceil(sorted.length / pageSize);
|
|
76
|
-
|
|
77
|
-
|
|
101
|
+
/**
|
|
102
|
+
* Resolve the display text and cell style for a given cell value.
|
|
103
|
+
*/
|
|
104
|
+
function resolveCellDisplay(value, colKey, colFormat, colDecimals) {
|
|
105
|
+
const ovr = columnOverrides[colKey];
|
|
106
|
+
const effectiveFormat = ovr?.format ?? colFormat;
|
|
107
|
+
const effectiveDecimals = ovr?.decimals ?? colDecimals;
|
|
108
|
+
const effectiveThresholds = ovr?.thresholds ?? panelThresholds;
|
|
109
|
+
// Apply value mappings first
|
|
110
|
+
const mapped = applyMappings(value, mappings);
|
|
111
|
+
if (mapped) {
|
|
112
|
+
const mappedBg = mapped.color
|
|
113
|
+
? resolveSemanticHex(mapped.color, theme)
|
|
114
|
+
: undefined;
|
|
115
|
+
return {
|
|
116
|
+
text: mapped.text,
|
|
117
|
+
bgColor: mappedBg ? `${mappedBg}18` : undefined,
|
|
118
|
+
textColor: mappedBg,
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
// Evaluate conditional formatting rules (AFTER mappings, BEFORE thresholds)
|
|
122
|
+
const condRules = columnConditionals[colKey];
|
|
123
|
+
const condStyle = evaluateConditional(value, condRules);
|
|
124
|
+
if (condStyle) {
|
|
125
|
+
const condBg = condStyle.background
|
|
126
|
+
? resolveSemanticHex(condStyle.background, theme)
|
|
127
|
+
: undefined;
|
|
128
|
+
const condColor = condStyle.color
|
|
129
|
+
? resolveSemanticHex(condStyle.color, theme)
|
|
130
|
+
: undefined;
|
|
131
|
+
return {
|
|
132
|
+
text: formatCell(value, effectiveFormat, locale, effectiveDecimals),
|
|
133
|
+
bgColor: condBg ? `${condBg}18` : undefined,
|
|
134
|
+
textColor: condColor,
|
|
135
|
+
fontWeight: condStyle.weight === "bold" ? "bold" : undefined,
|
|
136
|
+
fontStyle: condStyle.italic ? "italic" : undefined,
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
// Apply threshold coloring
|
|
140
|
+
const thresholdColorName = resolveThresholdColor(value, effectiveThresholds);
|
|
141
|
+
const thresholdHex = thresholdColorName
|
|
142
|
+
? resolveSemanticHex(thresholdColorName, theme)
|
|
143
|
+
: undefined;
|
|
144
|
+
// Apply override fixed color
|
|
145
|
+
const fixedColor = ovr?.color
|
|
146
|
+
? resolveSemanticHex(ovr.color, theme)
|
|
147
|
+
: undefined;
|
|
148
|
+
return {
|
|
149
|
+
text: formatCell(value, effectiveFormat, locale, effectiveDecimals),
|
|
150
|
+
bgColor: thresholdHex ? `${thresholdHex}18` : undefined,
|
|
151
|
+
textColor: fixedColor ?? thresholdHex,
|
|
152
|
+
};
|
|
153
|
+
}
|
|
154
|
+
return (_jsxs("div", { className: "overflow-x-auto", children: [_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b", style: { borderColor: theme.panel.border }, children: [columns.map((col) => {
|
|
155
|
+
const ovr = columnOverrides[col.key];
|
|
156
|
+
const displayLabel = ovr?.label ?? col.label;
|
|
157
|
+
return (_jsx("th", { className: `py-2 px-3 uppercase tracking-wide font-medium cursor-pointer select-none hover:opacity-80 transition ${col.align === "right" ? "text-right" : "text-left"}`, style: { color: theme.typography.label }, onClick: () => toggleSort(col.key), children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [displayLabel, sortKey === col.key &&
|
|
158
|
+
(sortDir === "ASC" ? (_jsx(ChevronUp, { className: "w-3 h-3" })) : (_jsx(ChevronDown, { className: "w-3 h-3" })))] }) }, col.key));
|
|
159
|
+
}), dataLinks.length > 0 && (_jsx("th", { className: "py-2 px-3 uppercase tracking-wide font-medium text-right", style: { color: theme.typography.label }, children: "Links" }))] }) }), _jsx("tbody", { children: paged.map((row, i) => (_jsxs("tr", { className: "border-b opacity-90 hover:opacity-100", style: { borderColor: theme.panel.border }, children: [columns.map((col) => {
|
|
160
|
+
const cell = resolveCellDisplay(row[col.key], col.key, col.format, col.decimals);
|
|
161
|
+
return (_jsx("td", { className: `py-2.5 px-3 ${col.align === "right" ? "text-right tabular-nums" : ""} transition-colors duration-200`, style: {
|
|
162
|
+
backgroundColor: cell.bgColor,
|
|
163
|
+
color: cell.textColor ?? theme.filters.text,
|
|
164
|
+
fontWeight: cell.fontWeight,
|
|
165
|
+
fontStyle: cell.fontStyle,
|
|
166
|
+
}, children: cell.text }, col.key));
|
|
167
|
+
}), dataLinks.length > 0 && (_jsx("td", { className: `py-2.5 px-3 text-right`, children: _jsx(DataLinkIcon, { links: resolveDataLinks(dataLinks, row, filterValues) }) }))] }, i))) })] }), sorted.length > pageSize && (_jsxs("div", { className: "mt-3 flex justify-between items-center uppercase tracking-wide", style: { color: theme.typography.label }, children: [_jsxs("span", { children: ["Showing ", page * pageSize + 1, "-", Math.min((page + 1) * pageSize, sorted.length), " of ", sorted.length, " ", "results"] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { disabled: page === 0, onClick: () => setPage((p) => p - 1), className: "disabled:opacity-30 hover:opacity-80 transition", children: "\u2190 Prev" }), _jsx("button", { disabled: page >= totalPages - 1, onClick: () => setPage((p) => p + 1), className: "disabled:opacity-30 hover:opacity-80 transition", children: "Next \u2192" })] })] }))] }));
|
|
78
168
|
}
|
|
79
169
|
//# sourceMappingURL=TablePanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TablePanel.js","sourceRoot":"","sources":["../../../src/components/panels/TablePanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"TablePanel.js","sourceRoot":"","sources":["../../../src/components/panels/TablePanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/VideoPanel.tsx"],"names":[],"mappings":"AAgBA,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,KAAK,CAAC,EAAE;YACN,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,IAAI,CAAC,EAAE,OAAO,CAAC;YACf,KAAK,CAAC,EAAE,OAAO,CAAC;YAChB,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;SACpB,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"VideoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/VideoPanel.tsx"],"names":[],"mappings":"AAgBA,UAAU,eAAe;IACvB,KAAK,EAAE;QACL,KAAK,CAAC,EAAE;YACN,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,IAAI,CAAC,EAAE,OAAO,CAAC;YACf,KAAK,CAAC,EAAE,OAAO,CAAC;YAChB,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;SACpB,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,eAAe,2CAkCpD"}
|
|
@@ -18,7 +18,7 @@ export function VideoPanel({ panel }) {
|
|
|
18
18
|
const cfg = panel.video ?? {};
|
|
19
19
|
const { src, autoplay = false, loop = false, muted = false, poster, controls = true, } = cfg;
|
|
20
20
|
if (!src) {
|
|
21
|
-
return (_jsx("div", { className:
|
|
21
|
+
return (_jsx("div", { className: "flex items-center justify-center h-full", style: { color: theme.typography.muted }, children: "No video source configured" }));
|
|
22
22
|
}
|
|
23
23
|
return (_jsx("video", { src: src, autoPlay: autoplay, loop: loop, muted: muted, poster: poster, controls: controls, className: "w-full h-full object-contain" }));
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPanel.js","sourceRoot":"","sources":["../../../src/components/panels/VideoPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAe/C,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAmB;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAC9B,MAAM,EACJ,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,MAAM,EACN,QAAQ,GAAG,IAAI,GAChB,GAAG,GAAG,CAAC;IAER,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,CACL,cACE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"VideoPanel.js","sourceRoot":"","sources":["../../../src/components/panels/VideoPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAe/C,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAmB;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAC9B,MAAM,EACJ,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,MAAM,EACN,QAAQ,GAAG,IAAI,GAChB,GAAG,GAAG,CAAC;IAER,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,CACL,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,2CAGpC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,8BAA8B,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Theme } from "../../schemas/theme";
|
|
2
2
|
/**
|
|
3
3
|
* Build a Nivo theme configuration object from a Panoboard Theme.
|
|
4
|
-
*
|
|
4
|
+
* Theme values are raw hex strings — no extraction needed.
|
|
5
5
|
*/
|
|
6
6
|
export declare function buildNivoTheme(theme: Theme): {
|
|
7
7
|
text: {
|
|
@@ -49,47 +49,4 @@ export declare function buildNivoTheme(theme: Theme): {
|
|
|
49
49
|
* Get the chart color palette from a Panoboard Theme.
|
|
50
50
|
*/
|
|
51
51
|
export declare function getChartPalette(theme: Theme): string[];
|
|
52
|
-
export declare const nivoDarkTheme: {
|
|
53
|
-
text: {
|
|
54
|
-
fontSize: number;
|
|
55
|
-
fill: string;
|
|
56
|
-
};
|
|
57
|
-
axis: {
|
|
58
|
-
ticks: {
|
|
59
|
-
text: {
|
|
60
|
-
fill: string;
|
|
61
|
-
fontSize: number;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
legend: {
|
|
65
|
-
text: {
|
|
66
|
-
fill: string;
|
|
67
|
-
fontSize: number;
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
};
|
|
71
|
-
grid: {
|
|
72
|
-
line: {
|
|
73
|
-
stroke: string;
|
|
74
|
-
strokeWidth: number;
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
tooltip: {
|
|
78
|
-
container: {
|
|
79
|
-
background: string;
|
|
80
|
-
border: string;
|
|
81
|
-
borderRadius: number;
|
|
82
|
-
padding: string;
|
|
83
|
-
color: string;
|
|
84
|
-
fontSize: number;
|
|
85
|
-
};
|
|
86
|
-
};
|
|
87
|
-
legends: {
|
|
88
|
-
text: {
|
|
89
|
-
fill: string;
|
|
90
|
-
fontSize: number;
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
};
|
|
94
|
-
export declare const PALETTE: string[];
|
|
95
52
|
//# sourceMappingURL=nivo-theme.d.ts.map
|