@perses-dev/explore 0.50.3 → 0.51.0-beta.1

package/dist/cjs/components/ExploreManager/MetricsExplorer.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
-});
-Object.defineProperty(exports, "MetricsExplorer", {
-    enumerable: true,
-    get: function() {
-        return MetricsExplorer;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _useresizeobserver = /*#__PURE__*/ _interop_require_default(require("use-resize-observer"));
-const _dashboards = require("@perses-dev/dashboards");
-const _prometheusplugin = require("@perses-dev/prometheus-plugin");
-const _PrometheusMetricsFinder = require("../PrometheusMetricsFinder");
-const _constants = require("./constants");
-const _ExplorerManagerProvider = require("./ExplorerManagerProvider");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function TimeSeriesPanel({ queries }) {
-    const { width, ref: boxRef } = (0, _useresizeobserver.default)();
-    const height = _constants.PANEL_PREVIEW_HEIGHT;
-    const suggestedStepMs = (0, _pluginsystem.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__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        ref: boxRef,
-        height: height,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DataQueriesProvider, {
-            definitions: definitions,
-            options: {
-                suggestedStepMs,
-                mode: 'range'
-            },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.Panel, {
-                panelOptions: {
-                    hideHeader: true
-                },
-                definition: {
-                    kind: 'Panel',
-                    spec: {
-                        queries: queries,
-                        display: {
-                            name: ''
-                        },
-                        plugin: {
-                            kind: 'TimeSeriesChart',
-                            spec: {}
-                        }
-                    }
-                }
-            })
-        })
-    });
-}
-function MetricDataTable({ queries }) {
-    const height = _constants.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__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        height: height,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DataQueriesProvider, {
-            definitions: definitions,
-            options: {
-                mode: 'instant'
-            },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.Panel, {
-                panelOptions: {
-                    hideHeader: true
-                },
-                definition: {
-                    kind: 'Panel',
-                    spec: {
-                        queries: queries,
-                        display: {
-                            name: ''
-                        },
-                        plugin: {
-                            kind: 'TimeSeriesTable',
-                            spec: {}
-                        }
-                    }
-                }
-            })
-        })
-    });
-}
-function MetricsExplorer() {
-    const { data: { tab = 'table', queries = [], datasource = _prometheusplugin.DEFAULT_PROM, filters = [], exploredMetric = undefined }, setData } = (0, _ExplorerManagerProvider.useExplorerManagerContext)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        gap: 2,
-        sx: {
-            width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Tabs, {
-                value: tab,
-                onChange: (_, state)=>setData({
-                        tab: state,
-                        queries
-                    }),
-                variant: "scrollable",
-                sx: {
-                    borderBottom: 1,
-                    borderColor: 'divider'
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tab, {
-                        value: "table",
-                        label: "Table"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tab, {
-                        value: "graph",
-                        label: "Graph"
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tab, {
-                        value: "finder",
-                        label: "Finder"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                gap: 1,
-                children: [
-                    tab === 'table' && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.MultiQueryEditor, {
-                                queryTypes: [
-                                    'TimeSeriesQuery'
-                                ],
-                                onChange: (state)=>setData({
-                                        tab,
-                                        queries: state
-                                    }),
-                                queries: queries
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(MetricDataTable, {
-                                queries: queries
-                            })
-                        ]
-                    }),
-                    tab === 'graph' && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.MultiQueryEditor, {
-                                queryTypes: [
-                                    'TimeSeriesQuery'
-                                ],
-                                onChange: (state)=>setData({
-                                        tab,
-                                        queries: state
-                                    }),
-                                queries: queries
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(TimeSeriesPanel, {
-                                queries: queries
-                            })
-                        ]
-                    }),
-                    tab === 'finder' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PrometheusMetricsFinder.PrometheusMetricsFinder, {
-                            onChange: (state)=>setData({
-                                    tab,
-                                    ...state
-                                }),
-                            value: {
-                                datasource,
-                                filters,
-                                exploredMetric
-                            }
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}

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

@@ -1,175 +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
-});
-Object.defineProperty(exports, "TracesExplorer", {
-    enumerable: true,
-    get: function() {
-        return TracesExplorer;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _dashboards = require("@perses-dev/dashboards");
-const _core = require("@perses-dev/core");
-const _constants = require("./constants");
-const _ExplorerManagerProvider = require("./ExplorerManagerProvider");
-function SearchResultsPanel({ queries }) {
-    const { isFetching, isLoading, queryResults } = (0, _pluginsystem.useDataQueries)('TraceQuery');
-    // no query executed, show empty panel
-    if (queryResults.length === 0) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
-    }
-    if (isLoading || isFetching) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.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__*/ (0, _jsxruntime.jsx)(_components.NoDataOverlay, {
-            resource: "traces"
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        sx: {
-            height: '100%'
-        },
-        gap: 2,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                sx: {
-                    height: '35%',
-                    flexShrink: 0
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.Panel, {
-                    panelOptions: {
-                        hideHeader: true
-                    },
-                    definition: {
-                        kind: 'Panel',
-                        spec: {
-                            queries,
-                            display: {
-                                name: ''
-                            },
-                            plugin: {
-                                kind: 'ScatterChart',
-                                spec: {}
-                            }
-                        }
-                    }
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.Panel, {
-                sx: {
-                    flexGrow: 1
-                },
-                panelOptions: {
-                    hideHeader: true
-                },
-                definition: {
-                    kind: 'Panel',
-                    spec: {
-                        queries,
-                        display: {
-                            name: ''
-                        },
-                        plugin: {
-                            kind: 'TraceTable',
-                            spec: {}
-                        }
-                    }
-                }
-            })
-        ]
-    });
-}
-function TracingGanttChartPanel({ queries }) {
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_dashboards.Panel, {
-        panelOptions: {
-            hideHeader: true
-        },
-        definition: {
-            kind: 'Panel',
-            spec: {
-                queries,
-                display: {
-                    name: ''
-                },
-                plugin: {
-                    kind: 'TracingGanttChart',
-                    spec: {}
-                }
-            }
-        }
-    });
-}
-function TracesExplorer() {
-    var _queries_, _queries_1, _queries_2;
-    const { data: { queries = [] }, setData } = (0, _ExplorerManagerProvider.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' && (0, _core.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__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        gap: 2,
-        sx: {
-            width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.MultiQueryEditor, {
-                queryTypes: [
-                    'TraceQuery'
-                ],
-                onChange: (newQueries)=>setData({
-                        queries: newQueries
-                    }),
-                queries: queries
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorBoundary, {
-                FallbackComponent: _components.ErrorAlert,
-                resetKeys: [
-                    queries
-                ],
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DataQueriesProvider, {
-                    definitions: definitions,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                        height: _constants.PANEL_PREVIEW_HEIGHT,
-                        children: isSingleTrace ? /*#__PURE__*/ (0, _jsxruntime.jsx)(TracingGanttChartPanel, {
-                            queries: queries
-                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(SearchResultsPanel, {
-                            queries: queries
-                        })
-                    })
-                })
-            })
-        ]
-    });
-}

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

@@ -1,32 +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, {
-    PANEL_PREVIEW_DEFAULT_WIDTH: function() {
-        return PANEL_PREVIEW_DEFAULT_WIDTH;
-    },
-    PANEL_PREVIEW_HEIGHT: function() {
-        return PANEL_PREVIEW_HEIGHT;
-    }
-});
-const PANEL_PREVIEW_HEIGHT = 700;
-const PANEL_PREVIEW_DEFAULT_WIDTH = 840;