@perses-dev/explore 0.50.0 → 0.51.0-beta.0

package/dist/cjs/components/PrometheusMetricsFinder/utils.js

@@ -1,203 +0,0 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    useLabelValues: function() {
-        return useLabelValues;
-    },
-    useLabels: function() {
-        return useLabels;
-    },
-    useMetricMetadata: function() {
-        return useMetricMetadata;
-    },
-    useSeriesStates: function() {
-        return useSeriesStates;
-    }
-});
-const _react = require("react");
-const _reactquery = require("@tanstack/react-query");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _types = require("./types");
-function useMetricMetadata(metricName, datasource, enabled) {
-    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
-    // histograms and summaries timeseries desc are not always added to prefixed timeseries
-    const name = metricName.replace(/(_count|_sum|_bucket)$/, '');
-    const { data, isLoading, error } = (0, _reactquery.useQuery)({
-        enabled: !!client && enabled,
-        queryKey: [
-            'metricMetadata',
-            name
-        ],
-        queryFn: async ()=>{
-            const params = {
-                metric: name
-            };
-            return await client.metricMetadata(params);
-        }
-    });
-    // Find the first result with help text
-    const metadata = (0, _react.useMemo)(()=>{
-        var _data_data;
-        var _data_data_name;
-        for (const metric of (_data_data_name = data === null || data === void 0 ? void 0 : (_data_data = data.data) === null || _data_data === void 0 ? void 0 : _data_data[name]) !== null && _data_data_name !== void 0 ? _data_data_name : []){
-            if (metric.help.length > 0) {
-                return metric;
-            }
-        }
-        return undefined;
-    }, [
-        data,
-        name
-    ]);
-    return {
-        metadata,
-        isLoading,
-        error
-    };
-}
-function useLabels(filters, datasource) {
-    const { absoluteTimeRange: { start, end } } = (0, _pluginsystem.useTimeRange)();
-    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
-    return (0, _reactquery.useQuery)({
-        enabled: !!client,
-        queryKey: [
-            'labels',
-            'datasource',
-            datasource.name,
-            'start',
-            start,
-            'end',
-            end,
-            'filters',
-            ...filters
-        ],
-        queryFn: async ()=>{
-            const params = {
-                start: start.valueOf() / 1000,
-                end: end.valueOf() / 1000
-            };
-            if (filters.length) {
-                params['match[]'] = [
-                    `{${(0, _types.computeFilterExpr)(filters)}}`
-                ];
-            }
-            return await client.labelNames(params);
-        }
-    });
-}
-function useLabelValues(labelName, filters, datasource) {
-    const { absoluteTimeRange: { start, end } } = (0, _pluginsystem.useTimeRange)();
-    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
-    return (0, _reactquery.useQuery)({
-        enabled: !!client,
-        queryKey: [
-            'labelValues',
-            labelName,
-            'datasource',
-            datasource.name,
-            'start',
-            start,
-            'end',
-            'filters',
-            ...filters
-        ],
-        queryFn: async ()=>{
-            const params = {
-                labelName: labelName,
-                start: start.valueOf() / 1000,
-                end: end.valueOf() / 1000
-            };
-            if (filters.length) {
-                params['match[]'] = [
-                    `{${(0, _types.computeFilterExpr)(filters)}}`
-                ];
-            }
-            return await client.labelValues(params);
-        }
-    });
-}
-function useSeriesStates(metricName, filters, datasource) {
-    const { absoluteTimeRange: { start, end } } = (0, _pluginsystem.useTimeRange)();
-    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
-    const { data: seriesData, isLoading } = (0, _reactquery.useQuery)({
-        enabled: !!client,
-        queryKey: [
-            'series',
-            metricName,
-            'datasource',
-            datasource,
-            'start',
-            start,
-            'end',
-            'filters',
-            ...filters
-        ],
-        queryFn: async ()=>{
-            const params = {
-                'match[]': [
-                    `{${(0, _types.computeFilterExpr)(filters)}}`
-                ],
-                start: start.valueOf() / 1000,
-                end: end.valueOf() / 1000
-            };
-            return await client.series(params);
-        }
-    });
-    const labelValueCounters = (0, _react.useMemo)(()=>{
-        const result = new Map();
-        if ((seriesData === null || seriesData === void 0 ? void 0 : seriesData.data) === undefined) {
-            return result;
-        }
-        for (const series of seriesData.data){
-            for (const [label, value] of Object.entries(series)){
-                const labelCounters = result.get(label);
-                if (labelCounters === undefined) {
-                    result.set(label, [
-                        {
-                            labelValue: value,
-                            counter: 1
-                        }
-                    ]);
-                    continue;
-                }
-                const labelValueCounter = labelCounters.find((counter)=>counter.labelValue === value);
-                if (labelValueCounter === undefined) {
-                    labelCounters.push({
-                        labelValue: value,
-                        counter: 1
-                    });
-                } else {
-                    labelValueCounter.counter += 1;
-                }
-            }
-        }
-        return result;
-    }, [
-        seriesData
-    ]);
-    return {
-        series: seriesData === null || seriesData === void 0 ? void 0 : seriesData.data,
-        labelValueCounters,
-        isLoading
-    };
-}

package/dist/components/ExploreManager/MetricsExplorer.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-export declare function MetricsExplorer(): ReactElement;
-//# sourceMappingURL=MetricsExplorer.d.ts.map

package/dist/components/ExploreManager/MetricsExplorer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricsExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/MetricsExplorer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAwErC,wBAAgB,eAAe,IAAI,YAAY,CAkD9C"}

package/dist/components/ExploreManager/MetricsExplorer.js

@@ -1,190 +0,0 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack, Tab, Tabs } from '@mui/material';
-import { DataQueriesProvider, MultiQueryEditor, useSuggestedStepMs } from '@perses-dev/plugin-system';
-import useResizeObserver from 'use-resize-observer';
-import { Panel } from '@perses-dev/dashboards';
-import { DEFAULT_PROM } from '@perses-dev/prometheus-plugin';
-import { PrometheusMetricsFinder } from '../PrometheusMetricsFinder';
-import { PANEL_PREVIEW_HEIGHT } from './constants';
-import { useExplorerManagerContext } from './ExplorerManagerProvider';
-function TimeSeriesPanel({ queries }) {
-    const { width, ref: boxRef } = useResizeObserver();
-    const height = PANEL_PREVIEW_HEIGHT;
-    const suggestedStepMs = useSuggestedStepMs(width);
-    // map TimeSeriesQueryDefinition to Definition<UnknownSpec>
-    const definitions = queries.length ? queries.map((query)=>{
-        return {
-            kind: query.spec.plugin.kind,
-            spec: query.spec.plugin.spec
-        };
-    }) : [];
-    return /*#__PURE__*/ _jsx(Box, {
-        ref: boxRef,
-        height: height,
-        children: /*#__PURE__*/ _jsx(DataQueriesProvider, {
-            definitions: definitions,
-            options: {
-                suggestedStepMs,
-                mode: 'range'
-            },
-            children: /*#__PURE__*/ _jsx(Panel, {
-                panelOptions: {
-                    hideHeader: true
-                },
-                definition: {
-                    kind: 'Panel',
-                    spec: {
-                        queries: queries,
-                        display: {
-                            name: ''
-                        },
-                        plugin: {
-                            kind: 'TimeSeriesChart',
-                            spec: {}
-                        }
-                    }
-                }
-            })
-        })
-    });
-}
-function MetricDataTable({ queries }) {
-    const height = PANEL_PREVIEW_HEIGHT;
-    // map TimeSeriesQueryDefinition to Definition<UnknownSpec>
-    const definitions = queries.map((query)=>{
-        return {
-            kind: query.spec.plugin.kind,
-            spec: query.spec.plugin.spec
-        };
-    });
-    return /*#__PURE__*/ _jsx(Box, {
-        height: height,
-        children: /*#__PURE__*/ _jsx(DataQueriesProvider, {
-            definitions: definitions,
-            options: {
-                mode: 'instant'
-            },
-            children: /*#__PURE__*/ _jsx(Panel, {
-                panelOptions: {
-                    hideHeader: true
-                },
-                definition: {
-                    kind: 'Panel',
-                    spec: {
-                        queries: queries,
-                        display: {
-                            name: ''
-                        },
-                        plugin: {
-                            kind: 'TimeSeriesTable',
-                            spec: {}
-                        }
-                    }
-                }
-            })
-        })
-    });
-}
-export function MetricsExplorer() {
-    const { data: { tab = 'table', queries = [], datasource = DEFAULT_PROM, filters = [], exploredMetric = undefined }, setData } = useExplorerManagerContext();
-    return /*#__PURE__*/ _jsxs(Stack, {
-        gap: 2,
-        sx: {
-            width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ _jsxs(Tabs, {
-                value: tab,
-                onChange: (_, state)=>setData({
-                        tab: state,
-                        queries
-                    }),
-                variant: "scrollable",
-                sx: {
-                    borderBottom: 1,
-                    borderColor: 'divider'
-                },
-                children: [
-                    /*#__PURE__*/ _jsx(Tab, {
-                        value: "table",
-                        label: "Table"
-                    }),
-                    /*#__PURE__*/ _jsx(Tab, {
-                        value: "graph",
-                        label: "Graph"
-                    }),
-                    /*#__PURE__*/ _jsx(Tab, {
-                        value: "finder",
-                        label: "Finder"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs(Stack, {
-                gap: 1,
-                children: [
-                    tab === 'table' && /*#__PURE__*/ _jsxs(Stack, {
-                        children: [
-                            /*#__PURE__*/ _jsx(MultiQueryEditor, {
-                                queryTypes: [
-                                    'TimeSeriesQuery'
-                                ],
-                                onChange: (state)=>setData({
-                                        tab,
-                                        queries: state
-                                    }),
-                                queries: queries
-                            }),
-                            /*#__PURE__*/ _jsx(MetricDataTable, {
-                                queries: queries
-                            })
-                        ]
-                    }),
-                    tab === 'graph' && /*#__PURE__*/ _jsxs(Stack, {
-                        children: [
-                            /*#__PURE__*/ _jsx(MultiQueryEditor, {
-                                queryTypes: [
-                                    'TimeSeriesQuery'
-                                ],
-                                onChange: (state)=>setData({
-                                        tab,
-                                        queries: state
-                                    }),
-                                queries: queries
-                            }),
-                            /*#__PURE__*/ _jsx(TimeSeriesPanel, {
-                                queries: queries
-                            })
-                        ]
-                    }),
-                    tab === 'finder' && /*#__PURE__*/ _jsx(Stack, {
-                        children: /*#__PURE__*/ _jsx(PrometheusMetricsFinder, {
-                            onChange: (state)=>setData({
-                                    tab,
-                                    ...state
-                                }),
-                            value: {
-                                datasource,
-                                filters,
-                                exploredMetric
-                            }
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=MetricsExplorer.js.map

package/dist/components/ExploreManager/MetricsExplorer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/MetricsExplorer.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { QueryDefinition } from '@perses-dev/core';\nimport { Box, Stack, Tab, Tabs } from '@mui/material';\nimport { DataQueriesProvider, MultiQueryEditor, useSuggestedStepMs } from '@perses-dev/plugin-system';\nimport useResizeObserver from 'use-resize-observer';\nimport { Panel } from '@perses-dev/dashboards';\nimport { DEFAULT_PROM } from '@perses-dev/prometheus-plugin';\nimport { ReactElement } from 'react';\nimport { PrometheusMetricsFinder } from '../PrometheusMetricsFinder';\nimport { FinderQueryParams } from '../PrometheusMetricsFinder/types';\nimport { PANEL_PREVIEW_HEIGHT } from './constants';\nimport { useExplorerManagerContext } from './ExplorerManagerProvider';\n\ninterface MetricsExplorerQueryParams extends FinderQueryParams {\n  tab?: string;\n  queries?: QueryDefinition[];\n}\n\nfunction TimeSeriesPanel({ queries }: { queries: QueryDefinition[] }): ReactElement {\n  const { width, ref: boxRef } = useResizeObserver();\n  const height = PANEL_PREVIEW_HEIGHT;\n\n  const suggestedStepMs = useSuggestedStepMs(width);\n\n  // map TimeSeriesQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  return (\n    <Box ref={boxRef} height={height}>\n      <DataQueriesProvider definitions={definitions} options={{ suggestedStepMs, mode: 'range' }}>\n        <Panel\n          panelOptions={{\n            hideHeader: true,\n          }}\n          definition={{\n            kind: 'Panel',\n            spec: { queries: queries, display: { name: '' }, plugin: { kind: 'TimeSeriesChart', spec: {} } },\n          }}\n        />\n      </DataQueriesProvider>\n    </Box>\n  );\n}\n\nfunction MetricDataTable({ queries }: { queries: QueryDefinition[] }): ReactElement {\n  const height = PANEL_PREVIEW_HEIGHT;\n\n  // map TimeSeriesQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.map((query) => {\n    return {\n      kind: query.spec.plugin.kind,\n      spec: query.spec.plugin.spec,\n    };\n  });\n\n  return (\n    <Box height={height}>\n      <DataQueriesProvider definitions={definitions} options={{ mode: 'instant' }}>\n        <Panel\n          panelOptions={{\n            hideHeader: true,\n          }}\n          definition={{\n            kind: 'Panel',\n            spec: { queries: queries, display: { name: '' }, plugin: { kind: 'TimeSeriesTable', spec: {} } },\n          }}\n        />\n      </DataQueriesProvider>\n    </Box>\n  );\n}\n\nexport function MetricsExplorer(): ReactElement {\n  const {\n    data: { tab = 'table', queries = [], datasource = DEFAULT_PROM, filters = [], exploredMetric = undefined },\n    setData,\n  } = useExplorerManagerContext<MetricsExplorerQueryParams>();\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <Tabs\n        value={tab}\n        onChange={(_, state) => setData({ tab: state, queries })}\n        variant=\"scrollable\"\n        sx={{ borderBottom: 1, borderColor: 'divider' }}\n      >\n        <Tab value=\"table\" label=\"Table\" />\n        <Tab value=\"graph\" label=\"Graph\" />\n        <Tab value=\"finder\" label=\"Finder\" />\n      </Tabs>\n      <Stack gap={1}>\n        {tab === 'table' && (\n          <Stack>\n            <MultiQueryEditor\n              queryTypes={['TimeSeriesQuery']}\n              onChange={(state) => setData({ tab, queries: state })}\n              queries={queries}\n            />\n            <MetricDataTable queries={queries} />\n          </Stack>\n        )}\n        {tab === 'graph' && (\n          <Stack>\n            <MultiQueryEditor\n              queryTypes={['TimeSeriesQuery']}\n              onChange={(state) => setData({ tab, queries: state })}\n              queries={queries}\n            />\n            <TimeSeriesPanel queries={queries} />\n          </Stack>\n        )}\n        {tab === 'finder' && (\n          <Stack>\n            <PrometheusMetricsFinder\n              onChange={(state) => setData({ tab, ...state })}\n              value={{ datasource, filters, exploredMetric }}\n            />\n          </Stack>\n        )}\n      </Stack>\n    </Stack>\n  );\n}\n"],"names":["Box","Stack","Tab","Tabs","DataQueriesProvider","MultiQueryEditor","useSuggestedStepMs","useResizeObserver","Panel","DEFAULT_PROM","PrometheusMetricsFinder","PANEL_PREVIEW_HEIGHT","useExplorerManagerContext","TimeSeriesPanel","queries","width","ref","boxRef","height","suggestedStepMs","definitions","length","map","query","kind","spec","plugin","options","mode","panelOptions","hideHeader","definition","display","name","MetricDataTable","MetricsExplorer","data","tab","datasource","filters","exploredMetric","undefined","setData","gap","sx","value","onChange","_","state","variant","borderBottom","borderColor","label","queryTypes"],"mappings":"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"}

package/dist/components/ExploreManager/TracesExplorer.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-export declare function TracesExplorer(): ReactElement;
-//# sourceMappingURL=TracesExplorer.d.ts.map

package/dist/components/ExploreManager/TracesExplorer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TracesExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/TracesExplorer.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AA2ErC,wBAAgB,cAAc,IAAI,YAAY,CAwC7C"}

package/dist/components/ExploreManager/TracesExplorer.js

@@ -1,167 +0,0 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { DataQueriesProvider, MultiQueryEditor, useDataQueries } from '@perses-dev/plugin-system';
-import { Box, Stack } from '@mui/material';
-import { ErrorAlert, ErrorBoundary, LoadingOverlay, NoDataOverlay } from '@perses-dev/components';
-import { Panel } from '@perses-dev/dashboards';
-import { isValidTraceId } from '@perses-dev/core';
-import { PANEL_PREVIEW_HEIGHT } from './constants';
-import { useExplorerManagerContext } from './ExplorerManagerProvider';
-function SearchResultsPanel({ queries }) {
-    const { isFetching, isLoading, queryResults } = useDataQueries('TraceQuery');
-    // no query executed, show empty panel
-    if (queryResults.length === 0) {
-        return /*#__PURE__*/ _jsx(_Fragment, {});
-    }
-    if (isLoading || isFetching) {
-        return /*#__PURE__*/ _jsx(LoadingOverlay, {});
-    }
-    const queryError = queryResults.find((d)=>d.error);
-    if (queryError) {
-        throw queryError.error;
-    }
-    const tracesFound = queryResults.some((traceData)=>{
-        var _traceData_data;
-        var _traceData_data_searchResult;
-        return ((_traceData_data_searchResult = (_traceData_data = traceData.data) === null || _traceData_data === void 0 ? void 0 : _traceData_data.searchResult) !== null && _traceData_data_searchResult !== void 0 ? _traceData_data_searchResult : []).length > 0;
-    });
-    if (!tracesFound) {
-        return /*#__PURE__*/ _jsx(NoDataOverlay, {
-            resource: "traces"
-        });
-    }
-    return /*#__PURE__*/ _jsxs(Stack, {
-        sx: {
-            height: '100%'
-        },
-        gap: 2,
-        children: [
-            /*#__PURE__*/ _jsx(Box, {
-                sx: {
-                    height: '35%',
-                    flexShrink: 0
-                },
-                children: /*#__PURE__*/ _jsx(Panel, {
-                    panelOptions: {
-                        hideHeader: true
-                    },
-                    definition: {
-                        kind: 'Panel',
-                        spec: {
-                            queries,
-                            display: {
-                                name: ''
-                            },
-                            plugin: {
-                                kind: 'ScatterChart',
-                                spec: {}
-                            }
-                        }
-                    }
-                })
-            }),
-            /*#__PURE__*/ _jsx(Panel, {
-                sx: {
-                    flexGrow: 1
-                },
-                panelOptions: {
-                    hideHeader: true
-                },
-                definition: {
-                    kind: 'Panel',
-                    spec: {
-                        queries,
-                        display: {
-                            name: ''
-                        },
-                        plugin: {
-                            kind: 'TraceTable',
-                            spec: {}
-                        }
-                    }
-                }
-            })
-        ]
-    });
-}
-function TracingGanttChartPanel({ queries }) {
-    return /*#__PURE__*/ _jsx(Panel, {
-        panelOptions: {
-            hideHeader: true
-        },
-        definition: {
-            kind: 'Panel',
-            spec: {
-                queries,
-                display: {
-                    name: ''
-                },
-                plugin: {
-                    kind: 'TracingGanttChart',
-                    spec: {}
-                }
-            }
-        }
-    });
-}
-export function TracesExplorer() {
-    var _queries_, _queries_1, _queries_2;
-    const { data: { queries = [] }, setData } = useExplorerManagerContext();
-    // map TraceQueryDefinition to Definition<UnknownSpec>
-    const definitions = queries.length ? queries.map((query)=>{
-        return {
-            kind: query.spec.plugin.kind,
-            spec: query.spec.plugin.spec
-        };
-    }) : [];
-    var _queries__spec_plugin_spec_query;
-    // Cannot cast to TempoTraceQuerySpec because 'tempo-plugin' types are not accessible in @perses-dev/explore
-    const isSingleTrace = queries.length === 1 && ((_queries_ = queries[0]) === null || _queries_ === void 0 ? void 0 : _queries_.kind) === 'TraceQuery' && ((_queries_1 = queries[0]) === null || _queries_1 === void 0 ? void 0 : _queries_1.spec.plugin.kind) === 'TempoTraceQuery' && isValidTraceId((_queries__spec_plugin_spec_query = ((_queries_2 = queries[0]) === null || _queries_2 === void 0 ? void 0 : _queries_2.spec.plugin.spec).query) !== null && _queries__spec_plugin_spec_query !== void 0 ? _queries__spec_plugin_spec_query : ''); // eslint-disable-line @typescript-eslint/no-explicit-any
-    return /*#__PURE__*/ _jsxs(Stack, {
-        gap: 2,
-        sx: {
-            width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ _jsx(MultiQueryEditor, {
-                queryTypes: [
-                    'TraceQuery'
-                ],
-                onChange: (newQueries)=>setData({
-                        queries: newQueries
-                    }),
-                queries: queries
-            }),
-            /*#__PURE__*/ _jsx(ErrorBoundary, {
-                FallbackComponent: ErrorAlert,
-                resetKeys: [
-                    queries
-                ],
-                children: /*#__PURE__*/ _jsx(DataQueriesProvider, {
-                    definitions: definitions,
-                    children: /*#__PURE__*/ _jsx(Box, {
-                        height: PANEL_PREVIEW_HEIGHT,
-                        children: isSingleTrace ? /*#__PURE__*/ _jsx(TracingGanttChartPanel, {
-                            queries: queries
-                        }) : /*#__PURE__*/ _jsx(SearchResultsPanel, {
-                            queries: queries
-                        })
-                    })
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=TracesExplorer.js.map

package/dist/components/ExploreManager/TracesExplorer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/TracesExplorer.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { DataQueriesProvider, MultiQueryEditor, useDataQueries } from '@perses-dev/plugin-system';\nimport { Box, Stack } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary, LoadingOverlay, NoDataOverlay } from '@perses-dev/components';\nimport { Panel } from '@perses-dev/dashboards';\nimport { QueryDefinition, isValidTraceId } from '@perses-dev/core';\nimport { ReactElement } from 'react';\nimport { PANEL_PREVIEW_HEIGHT } from './constants';\nimport { useExplorerManagerContext } from './ExplorerManagerProvider';\n\ninterface TracesExplorerQueryParams {\n  queries?: QueryDefinition[];\n}\n\ninterface SearchResultsPanelProps {\n  queries: QueryDefinition[];\n}\n\nfunction SearchResultsPanel({ queries }: SearchResultsPanelProps): ReactElement {\n  const { isFetching, isLoading, queryResults } = useDataQueries('TraceQuery');\n\n  // no query executed, show empty panel\n  if (queryResults.length === 0) {\n    return <></>;\n  }\n\n  if (isLoading || isFetching) {\n    return <LoadingOverlay />;\n  }\n\n  const queryError = queryResults.find((d) => d.error);\n  if (queryError) {\n    throw queryError.error;\n  }\n\n  const tracesFound = queryResults.some((traceData) => (traceData.data?.searchResult ?? []).length > 0);\n  if (!tracesFound) {\n    return <NoDataOverlay resource=\"traces\" />;\n  }\n\n  return (\n    <Stack sx={{ height: '100%' }} gap={2}>\n      <Box sx={{ height: '35%', flexShrink: 0 }}>\n        <Panel\n          panelOptions={{\n            hideHeader: true,\n          }}\n          definition={{\n            kind: 'Panel',\n            spec: { queries, display: { name: '' }, plugin: { kind: 'ScatterChart', spec: {} } },\n          }}\n        />\n      </Box>\n      <Panel\n        sx={{ flexGrow: 1 }}\n        panelOptions={{\n          hideHeader: true,\n        }}\n        definition={{\n          kind: 'Panel',\n          spec: { queries, display: { name: '' }, plugin: { kind: 'TraceTable', spec: {} } },\n        }}\n      />\n    </Stack>\n  );\n}\n\nfunction TracingGanttChartPanel({ queries }: { queries: QueryDefinition[] }): ReactElement {\n  return (\n    <Panel\n      panelOptions={{\n        hideHeader: true,\n      }}\n      definition={{\n        kind: 'Panel',\n        spec: { queries, display: { name: '' }, plugin: { kind: 'TracingGanttChart', spec: {} } },\n      }}\n    />\n  );\n}\n\nexport function TracesExplorer(): ReactElement {\n  const {\n    data: { queries = [] },\n    setData,\n  } = useExplorerManagerContext<TracesExplorerQueryParams>();\n\n  // map TraceQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query: QueryDefinition) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  // Cannot cast to TempoTraceQuerySpec because 'tempo-plugin' types are not accessible in @perses-dev/explore\n  const isSingleTrace =\n    queries.length === 1 &&\n    queries[0]?.kind === 'TraceQuery' &&\n    queries[0]?.spec.plugin.kind === 'TempoTraceQuery' &&\n    isValidTraceId((queries[0]?.spec.plugin.spec as any).query ?? ''); // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <MultiQueryEditor\n        queryTypes={['TraceQuery']}\n        onChange={(newQueries) => setData({ queries: newQueries })}\n        queries={queries}\n      />\n\n      <ErrorBoundary FallbackComponent={ErrorAlert} resetKeys={[queries]}>\n        <DataQueriesProvider definitions={definitions}>\n          <Box height={PANEL_PREVIEW_HEIGHT}>\n            {isSingleTrace ? <TracingGanttChartPanel queries={queries} /> : <SearchResultsPanel queries={queries} />}\n          </Box>\n        </DataQueriesProvider>\n      </ErrorBoundary>\n    </Stack>\n  );\n}\n"],"names":["DataQueriesProvider","MultiQueryEditor","useDataQueries","Box","Stack","ErrorAlert","ErrorBoundary","LoadingOverlay","NoDataOverlay","Panel","isValidTraceId","PANEL_PREVIEW_HEIGHT","useExplorerManagerContext","SearchResultsPanel","queries","isFetching","isLoading","queryResults","length","queryError","find","d","error","tracesFound","some","traceData","data","searchResult","resource","sx","height","gap","flexShrink","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","flexGrow","TracingGanttChartPanel","TracesExplorer","setData","definitions","map","query","isSingleTrace","width","queryTypes","onChange","newQueries","FallbackComponent","resetKeys"],"mappings":"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"}

package/dist/components/ExploreManager/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const PANEL_PREVIEW_HEIGHT = 700;
-export declare const PANEL_PREVIEW_DEFAULT_WIDTH = 840;
-//# sourceMappingURL=constants.d.ts.map

package/dist/components/ExploreManager/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/constants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,2BAA2B,MAAM,CAAC"}

package/dist/components/ExploreManager/constants.js

@@ -1,16 +0,0 @@
-// Copyright 2024 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-export const PANEL_PREVIEW_HEIGHT = 700;
-export const PANEL_PREVIEW_DEFAULT_WIDTH = 840;
-
-//# sourceMappingURL=constants.js.map

package/dist/components/ExploreManager/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/constants.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport const PANEL_PREVIEW_HEIGHT = 700;\nexport const PANEL_PREVIEW_DEFAULT_WIDTH = 840;\n"],"names":["PANEL_PREVIEW_HEIGHT","PANEL_PREVIEW_DEFAULT_WIDTH"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,MAAMA,uBAAuB,IAAI;AACxC,OAAO,MAAMC,8BAA8B,IAAI"}