@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
|
@@ -12,6 +12,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
12
12
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
13
|
// See the License for the specific language governing permissions and
|
|
14
14
|
// limitations under the License.
|
|
15
|
+
import { useCallback } from "react";
|
|
15
16
|
import { ResponsiveBar } from "@nivo/bar";
|
|
16
17
|
import { buildNivoTheme, getChartPalette } from "./nivo-theme";
|
|
17
18
|
import { useTheme } from "../../theme/context";
|
|
@@ -19,15 +20,36 @@ import { ChartTooltip } from "./ChartTooltip";
|
|
|
19
20
|
import { formatValue, formatValueShort } from "../../formats";
|
|
20
21
|
import { useLocale } from "../../locale/context";
|
|
21
22
|
import { extractSemanticColor } from "./semantic-colors";
|
|
23
|
+
import { resolveThresholdColor, resolveSemanticHex } from "../../panels/thresholds";
|
|
24
|
+
import { applyMappings } from "../../panels/mappings";
|
|
25
|
+
import { useCrosshair } from "../CrosshairContext";
|
|
26
|
+
/**
|
|
27
|
+
* Creates a Nivo custom layer that renders a shared crosshair line
|
|
28
|
+
* driven by the CrosshairContext timestamp.
|
|
29
|
+
*/
|
|
30
|
+
function createSharedCrosshairLayer(timestamp) {
|
|
31
|
+
if (timestamp == null)
|
|
32
|
+
return undefined;
|
|
33
|
+
return function SharedCrosshairLayer({ bars, innerHeight }) {
|
|
34
|
+
const match = bars.find((b) => Number(b.data.indexValue) === timestamp);
|
|
35
|
+
if (!match)
|
|
36
|
+
return null;
|
|
37
|
+
const cx = match.x + match.width / 2;
|
|
38
|
+
return (_jsx("line", { x1: cx, x2: cx, y1: 0, y2: innerHeight, stroke: "currentColor", strokeWidth: 1, strokeDasharray: "6 4", opacity: 0.5, style: { pointerEvents: "none" } }));
|
|
39
|
+
};
|
|
40
|
+
}
|
|
22
41
|
export function BarChart({ data, config }) {
|
|
23
42
|
const theme = useTheme();
|
|
24
43
|
const nivoTheme = buildNivoTheme(theme);
|
|
25
44
|
const palette = getChartPalette(theme);
|
|
45
|
+
const { timestamp, setTimestamp } = useCrosshair();
|
|
26
46
|
const xKey = config.x ?? "x";
|
|
27
47
|
const yKey = config.y ?? "y";
|
|
28
48
|
const yFormat = config.y_format;
|
|
29
49
|
const seriesKey = config.series;
|
|
30
50
|
const stacked = config.stacked ?? false;
|
|
51
|
+
const thresholds = config.thresholds;
|
|
52
|
+
const chartMappings = config.mappings;
|
|
31
53
|
// Build color map: explicit series_colors > semantic theme colors > palette
|
|
32
54
|
const seriesColorMap = {};
|
|
33
55
|
if (config.series_colors) {
|
|
@@ -63,14 +85,46 @@ export function BarChart({ data, config }) {
|
|
|
63
85
|
keys = [yKey];
|
|
64
86
|
chartData = data.map((row) => ({ ...row }));
|
|
65
87
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
88
|
+
// Build threshold color function for single-series bars
|
|
89
|
+
const thresholdColorFn = thresholds && !seriesKey
|
|
90
|
+
? (datum) => {
|
|
91
|
+
const value = datum[yKey];
|
|
92
|
+
const colorName = resolveThresholdColor(value, thresholds);
|
|
93
|
+
if (colorName)
|
|
94
|
+
return resolveSemanticHex(colorName, theme);
|
|
95
|
+
return palette[0];
|
|
96
|
+
}
|
|
97
|
+
: undefined;
|
|
98
|
+
const handleMouseEnter = useCallback((datum) => {
|
|
99
|
+
const xVal = Number(datum.indexValue);
|
|
100
|
+
if (!Number.isNaN(xVal))
|
|
101
|
+
setTimestamp(xVal);
|
|
102
|
+
}, [setTimestamp]);
|
|
103
|
+
const handleMouseLeave = useCallback(() => {
|
|
104
|
+
setTimestamp(null);
|
|
105
|
+
}, [setTimestamp]);
|
|
106
|
+
const sharedCrosshairLayer = createSharedCrosshairLayer(timestamp);
|
|
107
|
+
const barLayers = [
|
|
108
|
+
"grid",
|
|
109
|
+
"axes",
|
|
110
|
+
"bars",
|
|
111
|
+
];
|
|
112
|
+
if (sharedCrosshairLayer) {
|
|
113
|
+
barLayers.push(sharedCrosshairLayer);
|
|
114
|
+
}
|
|
115
|
+
barLayers.push("markers", "legends", "annotations", "totals");
|
|
116
|
+
return (_jsx("div", { style: { height: "100%" }, children: _jsx(ResponsiveBar, { data: chartData, keys: keys, indexBy: xKey, groupMode: stacked ? "stacked" : "grouped", colors: thresholdColorFn
|
|
117
|
+
? (bar) => thresholdColorFn(bar.data)
|
|
118
|
+
: Object.keys(seriesColorMap).length > 0
|
|
119
|
+
? ({ id }) => seriesColorMap[String(id)] ??
|
|
120
|
+
palette[keys.indexOf(String(id)) % palette.length]
|
|
121
|
+
: config.color
|
|
122
|
+
? [config.color]
|
|
123
|
+
: palette, theme: nivoTheme, margin: { top: 16, right: 16, bottom: 48, left: 56 }, padding: 0.3, layers: barLayers, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, tooltip: ({ id, value, indexValue }) => {
|
|
72
124
|
const hasMultipleSeries = keys.length > 1;
|
|
73
|
-
const
|
|
125
|
+
const numVal = typeof value === "number" ? value : Number(value);
|
|
126
|
+
const mapped = applyMappings(numVal, chartMappings);
|
|
127
|
+
const formatted = mapped?.text ?? fmt(numVal);
|
|
74
128
|
return (_jsx(ChartTooltip, { label: String(indexValue), value: hasMultipleSeries ? `${id}: ${formatted}` : formatted }));
|
|
75
129
|
}, axisBottom: {
|
|
76
130
|
tickSize: 4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../src/components/panels/BarChart.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,aAAa,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../src/components/panels/BarChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ChartTooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ChartTooltip.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CA4CtE;AAID,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,4BAA4B;IAC3C,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GACP,EAAE,4BAA4B,2CA6D9B;AAID;;;GAGG;AACH,wBAAgB,aAAa,KACnB,4BAIL;IACD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B,6CACF;AAED;;;GAGG;AACH,wBAAgB,cAAc,KACpB,YAEL;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;QAC1B,IAAI,EAAE;YAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAC;QACnE,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,6CAOF"}
|
|
@@ -13,55 +13,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
// See the License for the specific language governing permissions and
|
|
14
14
|
// limitations under the License.
|
|
15
15
|
import { useTheme } from "../../theme/context";
|
|
16
|
-
/**
|
|
17
|
-
* Extracts a hex color from a Tailwind class string (same logic as nivo-theme).
|
|
18
|
-
* Duplicated here to keep this file self-contained and avoid circular deps.
|
|
19
|
-
*/
|
|
20
|
-
function extractHex(twClass, fallback) {
|
|
21
|
-
const match = twClass.match(/#[0-9a-fA-F]{3,8}/);
|
|
22
|
-
if (match)
|
|
23
|
-
return match[0];
|
|
24
|
-
const namedColors = {
|
|
25
|
-
"slate-50": "#f8fafc",
|
|
26
|
-
"slate-100": "#f1f5f9",
|
|
27
|
-
"slate-200": "#e2e8f0",
|
|
28
|
-
"slate-300": "#cbd5e1",
|
|
29
|
-
"slate-400": "#94a3b8",
|
|
30
|
-
"slate-500": "#64748b",
|
|
31
|
-
"slate-600": "#475569",
|
|
32
|
-
"slate-700": "#334155",
|
|
33
|
-
"slate-800": "#1e293b",
|
|
34
|
-
"slate-900": "#0f172a",
|
|
35
|
-
"slate-950": "#020617",
|
|
36
|
-
"gray-800": "#1f2937",
|
|
37
|
-
"gray-900": "#111827",
|
|
38
|
-
"zinc-800": "#27272a",
|
|
39
|
-
"zinc-900": "#18181b",
|
|
40
|
-
white: "#ffffff",
|
|
41
|
-
black: "#000000",
|
|
42
|
-
"indigo-300": "#a5b4fc",
|
|
43
|
-
"indigo-400": "#818cf8",
|
|
44
|
-
"indigo-500": "#6366f1",
|
|
45
|
-
"emerald-400": "#34d399",
|
|
46
|
-
"red-400": "#f87171",
|
|
47
|
-
"amber-400": "#fbbf24",
|
|
48
|
-
};
|
|
49
|
-
for (const [name, hex] of Object.entries(namedColors)) {
|
|
50
|
-
if (twClass.includes(name))
|
|
51
|
-
return hex;
|
|
52
|
-
}
|
|
53
|
-
return fallback;
|
|
54
|
-
}
|
|
55
16
|
/**
|
|
56
17
|
* Themed tooltip for single-series Nivo charts.
|
|
57
18
|
* Uses inline styles because it renders inside an SVG foreign-object context.
|
|
58
19
|
*/
|
|
59
20
|
export function ChartTooltip({ label, value, color }) {
|
|
60
21
|
const theme = useTheme();
|
|
61
|
-
const bg =
|
|
62
|
-
const border =
|
|
63
|
-
const textMain =
|
|
64
|
-
const textMuted =
|
|
22
|
+
const bg = theme.panel.surface;
|
|
23
|
+
const border = theme.panel.border;
|
|
24
|
+
const textMain = theme.panel.title;
|
|
25
|
+
const textMuted = theme.typography.muted;
|
|
65
26
|
return (_jsxs("div", { style: {
|
|
66
27
|
background: bg,
|
|
67
28
|
border: `1px solid ${border}`,
|
|
@@ -83,11 +44,11 @@ export function ChartTooltip({ label, value, color }) {
|
|
|
83
44
|
}
|
|
84
45
|
export function MultiSeriesChartTooltip({ label, points, }) {
|
|
85
46
|
const theme = useTheme();
|
|
86
|
-
const bg =
|
|
87
|
-
const border =
|
|
88
|
-
const textMain =
|
|
89
|
-
const textMuted =
|
|
90
|
-
const divider =
|
|
47
|
+
const bg = theme.panel.surface;
|
|
48
|
+
const border = theme.panel.border;
|
|
49
|
+
const textMain = theme.panel.title;
|
|
50
|
+
const textMuted = theme.typography.muted;
|
|
51
|
+
const divider = theme.panel.border;
|
|
91
52
|
return (_jsxs("div", { style: {
|
|
92
53
|
background: bg,
|
|
93
54
|
border: `1px solid ${border}`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartTooltip.js","sourceRoot":"","sources":["../../../src/components/panels/ChartTooltip.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;
|
|
1
|
+
{"version":3,"file":"ChartTooltip.js","sourceRoot":"","sources":["../../../src/components/panels/ChartTooltip.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;AAa/C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAqB;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;IACnC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;IAEzC,OAAO,CACL,eACE,KAAK,EAAE;YACL,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,aAAa,MAAM,EAAE;YAC7B,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,6BAA6B;YACxC,cAAc,EAAE,WAAW;YAC3B,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,GAAG;SACd,aAED,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,YAC7D,KAAK,GACD,EACP,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1D,KAAK,IAAI,CACR,eACE,KAAK,EAAE;4BACL,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,KAAK;4BACnB,UAAU,EAAE,KAAK;4BACjB,UAAU,EAAE,CAAC;yBACd,GACD,CACH,EACD,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,YAC5D,KAAK,GACD,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAgBD,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,GACuB;IAC7B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;IACnC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;IAEnC,OAAO,CACL,eACE,KAAK,EAAE;YACL,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,aAAa,MAAM,EAAE;YAC7B,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,6BAA6B;YACxC,cAAc,EAAE,WAAW;YAC3B,QAAQ,EAAE,GAAG;SACd,aAED,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,GAAG;oBACf,YAAY,EAAE,CAAC;oBACf,aAAa,EAAE,CAAC;oBAChB,YAAY,EAAE,aAAa,OAAO,EAAE;iBACrC,YAEA,KAAK,GACF,EACN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,YAC7D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,eAEE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAEvD,KAAK,CAAC,KAAK,IAAI,CACd,eACE,KAAK,EAAE;gCACL,KAAK,EAAE,CAAC;gCACR,MAAM,EAAE,CAAC;gCACT,YAAY,EAAE,KAAK;gCACnB,UAAU,EAAE,KAAK,CAAC,KAAK;gCACvB,UAAU,EAAE,CAAC;6BACd,GACD,CACH,EACD,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,YACrD,KAAK,CAAC,EAAE,GACJ,EACP,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,YAC5D,KAAK,CAAC,KAAK,GACP,KAnBF,KAAK,CAAC,EAAE,CAoBT,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC;AAED,iFAAiF;AAEjF;;;GAGG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,CAAC,EACN,EAAE,EACF,KAAK,EACL,UAAU,GAKX,EAAE,EAAE,CAAC,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,KAAK,EAAE,GAAI,CAAC;AAC9E,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,CAAC,EACN,KAAK,GAON,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,EACpC,KAAK,EAAE,GAAG,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface DataLink {
|
|
2
|
+
title: string;
|
|
3
|
+
url: string;
|
|
4
|
+
target: "_self" | "_blank";
|
|
5
|
+
}
|
|
6
|
+
export interface ResolvedDataLink {
|
|
7
|
+
title: string;
|
|
8
|
+
url: string;
|
|
9
|
+
target: "_self" | "_blank";
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Interpolate a data link URL template.
|
|
13
|
+
* - ${row.field} resolves to row[field], URL-encoded
|
|
14
|
+
* - ${filter_name} resolves to filterValues[filter_name], URL-encoded
|
|
15
|
+
* Exported for testing.
|
|
16
|
+
*/
|
|
17
|
+
export declare function interpolateDataLinkUrl(urlTemplate: string, row: Record<string, unknown>, filterValues: Record<string, string>): string;
|
|
18
|
+
/**
|
|
19
|
+
* Resolve an array of data link templates against a specific row and filter context.
|
|
20
|
+
* Exported for testing.
|
|
21
|
+
*/
|
|
22
|
+
export declare function resolveDataLinks(links: DataLink[], row: Record<string, unknown>, filterValues: Record<string, string>): ResolvedDataLink[];
|
|
23
|
+
/** Link icon overlay for table rows -- shows on hover */
|
|
24
|
+
export declare function DataLinkIcon({ links }: {
|
|
25
|
+
links: ResolvedDataLink[];
|
|
26
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
+
/**
|
|
28
|
+
* Wrap a stat panel to make the entire panel clickable when it has data links.
|
|
29
|
+
* Uses the first data link as the primary click target.
|
|
30
|
+
*/
|
|
31
|
+
export declare function ClickableStatWrapper({ links, children, }: {
|
|
32
|
+
links: ResolvedDataLink[];
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
//# sourceMappingURL=DataLinks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataLinks.d.ts","sourceRoot":"","sources":["../../../src/components/panels/DataLinks.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC5B;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,MAAM,EACnB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACnC,MAAM,CAiBR;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,QAAQ,EAAE,EACjB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACnC,gBAAgB,EAAE,CAMpB;AAID,yDAAyD;AACzD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,kDA8CpE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAeA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { ExternalLink } from "lucide-react";
|
|
16
|
+
/**
|
|
17
|
+
* Interpolate a data link URL template.
|
|
18
|
+
* - ${row.field} resolves to row[field], URL-encoded
|
|
19
|
+
* - ${filter_name} resolves to filterValues[filter_name], URL-encoded
|
|
20
|
+
* Exported for testing.
|
|
21
|
+
*/
|
|
22
|
+
export function interpolateDataLinkUrl(urlTemplate, row, filterValues) {
|
|
23
|
+
// Replace ${row.field} patterns
|
|
24
|
+
let url = urlTemplate.replace(/\$\{row\.([^}]+)\}/g, (_match, field) => {
|
|
25
|
+
const value = row[field.trim()];
|
|
26
|
+
return value != null ? encodeURIComponent(String(value)) : "";
|
|
27
|
+
});
|
|
28
|
+
// Replace ${filter_name} patterns (that are NOT ${row.*})
|
|
29
|
+
url = url.replace(/\$\{([^}]+)\}/g, (_match, name) => {
|
|
30
|
+
const value = filterValues[name.trim()];
|
|
31
|
+
return value != null ? encodeURIComponent(value) : "";
|
|
32
|
+
});
|
|
33
|
+
return url;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Resolve an array of data link templates against a specific row and filter context.
|
|
37
|
+
* Exported for testing.
|
|
38
|
+
*/
|
|
39
|
+
export function resolveDataLinks(links, row, filterValues) {
|
|
40
|
+
return links.map((link) => ({
|
|
41
|
+
title: link.title,
|
|
42
|
+
url: interpolateDataLinkUrl(link.url, row, filterValues),
|
|
43
|
+
target: link.target ?? "_self",
|
|
44
|
+
}));
|
|
45
|
+
}
|
|
46
|
+
// --- UI Components ---
|
|
47
|
+
/** Link icon overlay for table rows -- shows on hover */
|
|
48
|
+
export function DataLinkIcon({ links }) {
|
|
49
|
+
if (links.length === 0)
|
|
50
|
+
return null;
|
|
51
|
+
if (links.length === 1) {
|
|
52
|
+
return (_jsx("a", { href: links[0].url, target: links[0].target, rel: links[0].target === "_blank" ? "noopener noreferrer" : undefined, className: "inline-flex items-center transition-colors", style: { color: "var(--text-link)" }, title: links[0].title, children: _jsx(ExternalLink, { className: "w-3.5 h-3.5" }) }));
|
|
53
|
+
}
|
|
54
|
+
// Multiple links: render a dropdown-like popover on hover
|
|
55
|
+
return (_jsxs("div", { className: "relative group inline-flex", children: [_jsx("button", { className: "inline-flex items-center transition-colors", style: { color: "var(--text-link)" }, title: "Data links", children: _jsx(ExternalLink, { className: "w-3.5 h-3.5" }) }), _jsx("div", { className: "hidden group-hover:flex flex-col absolute right-0 top-full mt-1 z-50 glass-overlay rounded-lg shadow-xl py-1 min-w-40", children: links.map((link, i) => (_jsx("a", { href: link.url, target: link.target, rel: link.target === "_blank" ? "noopener noreferrer" : undefined, className: "px-3 py-1.5 text-xs transition-colors hover:opacity-80", style: { color: "var(--text-label)" }, children: link.title }, i))) })] }));
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Wrap a stat panel to make the entire panel clickable when it has data links.
|
|
59
|
+
* Uses the first data link as the primary click target.
|
|
60
|
+
*/
|
|
61
|
+
export function ClickableStatWrapper({ links, children, }) {
|
|
62
|
+
if (links.length === 0)
|
|
63
|
+
return _jsx(_Fragment, { children: children });
|
|
64
|
+
const primary = links[0];
|
|
65
|
+
return (_jsx("a", { href: primary.url, target: primary.target, rel: primary.target === "_blank" ? "noopener noreferrer" : undefined, className: "block h-full cursor-pointer hover:opacity-80 transition-opacity", title: primary.title, children: children }));
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=DataLinks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataLinks.js","sourceRoot":"","sources":["../../../src/components/panels/DataLinks.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GaugePanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/GaugePanel.tsx"],"names":[],"mappings":"AAkBA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AA8DD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,2CA+I1D"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } 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 { formatValue } from "../../formats";
|
|
16
|
+
import { useTheme } from "../../theme/context";
|
|
17
|
+
import { useLocale } from "../../locale/context";
|
|
18
|
+
/** Map semantic color names to hex values */
|
|
19
|
+
const SEMANTIC_COLORS = {
|
|
20
|
+
green: "#34d399",
|
|
21
|
+
yellow: "#fbbf24",
|
|
22
|
+
red: "#f87171",
|
|
23
|
+
orange: "#fb923c",
|
|
24
|
+
blue: "#60a5fa",
|
|
25
|
+
};
|
|
26
|
+
function resolveColor(color) {
|
|
27
|
+
return SEMANTIC_COLORS[color] ?? color;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Compute the threshold color for a given value against threshold steps.
|
|
31
|
+
* Steps are sorted ascending by value. The color of the last step whose
|
|
32
|
+
* value <= the current value wins.
|
|
33
|
+
*/
|
|
34
|
+
function resolveThresholdColor(value, steps) {
|
|
35
|
+
const sorted = [...steps].sort((a, b) => a.value - b.value);
|
|
36
|
+
let color = resolveColor(sorted[0]?.color ?? "green");
|
|
37
|
+
for (const step of sorted) {
|
|
38
|
+
if (value >= step.value) {
|
|
39
|
+
color = resolveColor(step.color);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return color;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Generate an SVG arc path for a radial gauge.
|
|
46
|
+
* startAngle and endAngle are in degrees, measured clockwise from top-center.
|
|
47
|
+
*/
|
|
48
|
+
function describeArc(cx, cy, radius, startAngle, endAngle) {
|
|
49
|
+
const toRad = (deg) => ((deg - 90) * Math.PI) / 180;
|
|
50
|
+
const start = {
|
|
51
|
+
x: cx + radius * Math.cos(toRad(endAngle)),
|
|
52
|
+
y: cy + radius * Math.sin(toRad(endAngle)),
|
|
53
|
+
};
|
|
54
|
+
const end = {
|
|
55
|
+
x: cx + radius * Math.cos(toRad(startAngle)),
|
|
56
|
+
y: cy + radius * Math.sin(toRad(startAngle)),
|
|
57
|
+
};
|
|
58
|
+
const largeArcFlag = endAngle - startAngle <= 180 ? 0 : 1;
|
|
59
|
+
return `M ${start.x} ${start.y} A ${radius} ${radius} 0 ${largeArcFlag} 0 ${end.x} ${end.y}`;
|
|
60
|
+
}
|
|
61
|
+
const ARC_START = 135; // degrees
|
|
62
|
+
const ARC_SWEEP = 270; // degrees
|
|
63
|
+
const ARC_END = ARC_START + ARC_SWEEP;
|
|
64
|
+
export function GaugePanel({ panel, data }) {
|
|
65
|
+
const theme = useTheme();
|
|
66
|
+
const locale = useLocale();
|
|
67
|
+
const gauge = panel.gauge;
|
|
68
|
+
const valueKey = gauge?.value ?? "value";
|
|
69
|
+
const min = gauge?.min ?? 0;
|
|
70
|
+
const max = gauge?.max ?? 100;
|
|
71
|
+
const format = gauge?.format;
|
|
72
|
+
const thresholds = gauge?.thresholds;
|
|
73
|
+
const rows = data.rows;
|
|
74
|
+
const rawValue = rows?.[0]?.[valueKey];
|
|
75
|
+
const numValue = rawValue != null ? Number(rawValue) : null;
|
|
76
|
+
const clampedValue = numValue != null ? Math.max(min, Math.min(max, numValue)) : null;
|
|
77
|
+
const formattedValue = numValue != null ? formatValue(numValue, format ?? "number", locale) : "--";
|
|
78
|
+
// SVG dimensions
|
|
79
|
+
const size = 200;
|
|
80
|
+
const cx = size / 2;
|
|
81
|
+
const cy = size / 2;
|
|
82
|
+
const radius = 80;
|
|
83
|
+
const strokeWidth = 16;
|
|
84
|
+
// Compute fill angle
|
|
85
|
+
const fraction = clampedValue != null && max !== min
|
|
86
|
+
? (clampedValue - min) / (max - min)
|
|
87
|
+
: 0;
|
|
88
|
+
const fillEnd = ARC_START + fraction * ARC_SWEEP;
|
|
89
|
+
// Resolve arc color from thresholds
|
|
90
|
+
const arcColor = numValue != null && thresholds?.steps
|
|
91
|
+
? resolveThresholdColor(numValue, thresholds.steps)
|
|
92
|
+
: theme.palette?.[0] ?? "#818cf8";
|
|
93
|
+
// Track (background arc) color
|
|
94
|
+
const trackColor = "rgba(148, 163, 184, 0.15)";
|
|
95
|
+
return (_jsx("div", { className: "h-full flex items-center justify-center", children: _jsxs("svg", { viewBox: `0 0 ${size} ${size}`, style: { width: "100%", maxWidth: size, maxHeight: "100%" }, children: [thresholds?.steps && thresholds.steps.length > 1 ? ((() => {
|
|
96
|
+
const sorted = [...thresholds.steps].sort((a, b) => a.value - b.value);
|
|
97
|
+
return sorted.map((step, i) => {
|
|
98
|
+
const stepStart = ARC_START +
|
|
99
|
+
((step.value - min) / (max - min)) * ARC_SWEEP;
|
|
100
|
+
const nextValue = i < sorted.length - 1 ? sorted[i + 1].value : max;
|
|
101
|
+
const stepEnd = ARC_START +
|
|
102
|
+
((nextValue - min) / (max - min)) * ARC_SWEEP;
|
|
103
|
+
return (_jsx("path", { d: describeArc(cx, cy, radius, stepStart, stepEnd), fill: "none", stroke: resolveColor(step.color), strokeWidth: strokeWidth, strokeLinecap: "butt", opacity: 0.12 }, i));
|
|
104
|
+
});
|
|
105
|
+
})()) : (_jsx("path", { d: describeArc(cx, cy, radius, ARC_START, ARC_END), fill: "none", stroke: trackColor, strokeWidth: strokeWidth, strokeLinecap: "round" })), fraction > 0 && (_jsx("path", { d: describeArc(cx, cy, radius, ARC_START, fillEnd), fill: "none", stroke: arcColor, strokeWidth: strokeWidth, strokeLinecap: "round", style: {
|
|
106
|
+
filter: `drop-shadow(0 0 6px ${arcColor}60)`,
|
|
107
|
+
transition: "d 0.6s ease-out",
|
|
108
|
+
} })), _jsx("text", { x: cx, y: cy - 4, textAnchor: "middle", dominantBaseline: "central", style: {
|
|
109
|
+
fontSize: 28,
|
|
110
|
+
fontWeight: 700,
|
|
111
|
+
fill: arcColor,
|
|
112
|
+
fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace',
|
|
113
|
+
fontVariantNumeric: "tabular-nums",
|
|
114
|
+
}, children: formattedValue }), _jsx("text", { x: cx - radius + 8, y: cy + radius / 2 + 16, textAnchor: "start", style: { fontSize: 10, fill: "#64748b" }, children: formatValue(min, format ?? "number", locale) }), _jsx("text", { x: cx + radius - 8, y: cy + radius / 2 + 16, textAnchor: "end", style: { fontSize: 10, fill: "#64748b" }, children: formatValue(max, format ?? "number", locale) })] }) }));
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=GaugePanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GaugePanel.js","sourceRoot":"","sources":["../../../src/components/panels/GaugePanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface Bucket {
|
|
2
|
+
label: string;
|
|
3
|
+
count: number;
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Compute histogram buckets from raw values.
|
|
9
|
+
* bucketConfig: "auto" uses Sturges' formula (ceil(log2(n) + 1)), or an explicit integer.
|
|
10
|
+
*/
|
|
11
|
+
export declare function computeBuckets(values: number[], bucketConfig: "auto" | number): Bucket[];
|
|
12
|
+
interface HistogramPanelProps {
|
|
13
|
+
panel: Record<string, unknown>;
|
|
14
|
+
data: Record<string, unknown>;
|
|
15
|
+
}
|
|
16
|
+
export declare function HistogramPanel({ panel, data }: HistogramPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=HistogramPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HistogramPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/HistogramPanel.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EAAE,EAChB,YAAY,EAAE,MAAM,GAAG,MAAM,GAC5B,MAAM,EAAE,CAqCV;AAED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CA+DlE"}
|
|
@@ -0,0 +1,92 @@
|
|
|
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 { ResponsiveBar } from "@nivo/bar";
|
|
16
|
+
import { buildNivoTheme, getChartPalette } from "./nivo-theme";
|
|
17
|
+
import { useTheme } from "../../theme/context";
|
|
18
|
+
import { ChartTooltip } from "./ChartTooltip";
|
|
19
|
+
import { formatValue } from "../../formats";
|
|
20
|
+
import { useLocale } from "../../locale/context";
|
|
21
|
+
/**
|
|
22
|
+
* Compute histogram buckets from raw values.
|
|
23
|
+
* bucketConfig: "auto" uses Sturges' formula (ceil(log2(n) + 1)), or an explicit integer.
|
|
24
|
+
*/
|
|
25
|
+
export function computeBuckets(values, bucketConfig) {
|
|
26
|
+
if (values.length === 0)
|
|
27
|
+
return [];
|
|
28
|
+
const sorted = [...values].sort((a, b) => a - b);
|
|
29
|
+
const minVal = sorted[0];
|
|
30
|
+
const maxVal = sorted[sorted.length - 1];
|
|
31
|
+
if (minVal === maxVal) {
|
|
32
|
+
return [{ label: String(minVal), count: values.length, min: minVal, max: maxVal }];
|
|
33
|
+
}
|
|
34
|
+
const bucketCount = bucketConfig === "auto"
|
|
35
|
+
? Math.ceil(Math.log2(values.length) + 1)
|
|
36
|
+
: bucketConfig;
|
|
37
|
+
const width = (maxVal - minVal) / bucketCount;
|
|
38
|
+
const buckets = [];
|
|
39
|
+
for (let i = 0; i < bucketCount; i++) {
|
|
40
|
+
const bMin = minVal + i * width;
|
|
41
|
+
const bMax = i === bucketCount - 1 ? maxVal : minVal + (i + 1) * width;
|
|
42
|
+
buckets.push({ label: "", count: 0, min: bMin, max: bMax });
|
|
43
|
+
}
|
|
44
|
+
for (const v of values) {
|
|
45
|
+
let idx = Math.floor((v - minVal) / width);
|
|
46
|
+
if (idx >= bucketCount)
|
|
47
|
+
idx = bucketCount - 1;
|
|
48
|
+
buckets[idx].count++;
|
|
49
|
+
}
|
|
50
|
+
// Generate labels
|
|
51
|
+
for (const b of buckets) {
|
|
52
|
+
b.label = `${b.min.toFixed(1)} - ${b.max.toFixed(1)}`;
|
|
53
|
+
}
|
|
54
|
+
return buckets;
|
|
55
|
+
}
|
|
56
|
+
export function HistogramPanel({ panel, data }) {
|
|
57
|
+
const theme = useTheme();
|
|
58
|
+
const nivoTheme = buildNivoTheme(theme);
|
|
59
|
+
const palette = getChartPalette(theme);
|
|
60
|
+
const locale = useLocale();
|
|
61
|
+
const histogram = panel.histogram;
|
|
62
|
+
const field = histogram?.field ?? "value";
|
|
63
|
+
const bucketConfig = histogram?.buckets ?? "auto";
|
|
64
|
+
const format = histogram?.format;
|
|
65
|
+
const rows = data.rows;
|
|
66
|
+
const values = (rows ?? [])
|
|
67
|
+
.map((r) => Number(r[field]))
|
|
68
|
+
.filter((v) => !isNaN(v));
|
|
69
|
+
const buckets = computeBuckets(values, bucketConfig);
|
|
70
|
+
const chartData = buckets.map((b) => ({
|
|
71
|
+
bucket: b.label,
|
|
72
|
+
count: b.count,
|
|
73
|
+
}));
|
|
74
|
+
return (_jsx("div", { style: { height: "100%" }, children: _jsx(ResponsiveBar, { data: chartData, keys: ["count"], indexBy: "bucket", colors: [palette[0]], theme: nivoTheme, margin: { top: 16, right: 16, bottom: 56, left: 56 }, padding: 0.08, tooltip: ({ indexValue, value }) => {
|
|
75
|
+
const bucket = buckets.find((b) => b.label === indexValue);
|
|
76
|
+
const rangeLabel = bucket
|
|
77
|
+
? `${format ? formatValue(bucket.min, format, locale) : bucket.min.toFixed(1)} - ${format ? formatValue(bucket.max, format, locale) : bucket.max.toFixed(1)}`
|
|
78
|
+
: String(indexValue);
|
|
79
|
+
return (_jsx(ChartTooltip, { label: rangeLabel, value: `${value} values` }));
|
|
80
|
+
}, axisBottom: {
|
|
81
|
+
tickSize: 4,
|
|
82
|
+
tickPadding: 4,
|
|
83
|
+
tickRotation: -30,
|
|
84
|
+
}, axisLeft: {
|
|
85
|
+
tickSize: 4,
|
|
86
|
+
tickPadding: 4,
|
|
87
|
+
legend: "Count",
|
|
88
|
+
legendPosition: "middle",
|
|
89
|
+
legendOffset: -44,
|
|
90
|
+
}, labelSkipWidth: 12, labelSkipHeight: 12, labelTextColor: { from: "color", modifiers: [["brighter", 3]] } }) }));
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=HistogramPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HistogramPanel.js","sourceRoot":"","sources":["../../../src/components/panels/HistogramPanel.tsx"],"names":[],"mappings":"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"}
|