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

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

@@ -22,14 +22,39 @@ Object.defineProperty(exports, "ExploreManager", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _react = require("react");
 const _ExploreToolbar = require("../ExploreToolbar");
-const _TracesExplorer = require("./TracesExplorer");
-const _MetricsExplorer = require("./MetricsExplorer");
 const _ExplorerManagerProvider = require("./ExplorerManagerProvider");
 function ExploreManager(props) {
     const { exploreTitleComponent } = props;
     const { explorer, setExplorer } = (0, _ExplorerManagerProvider.useExplorerManagerContext)();
+    const plugins = (0, _pluginsystem.useListPluginMetadata)([
+        'Explore'
+    ]);
     const smallScreen = (0, _material.useMediaQuery)('(max-width: 768px)');
+    const explorerPluginsMap = (0, _react.useMemo)(()=>Object.fromEntries(plugins.data?.map((plugin)=>[
+                `${plugin.module.name}-${plugin.spec.name}`,
+                plugin
+            ]) ?? []), [
+        plugins.data
+    ]);
+    (0, _react.useEffect)(()=>{
+        const plugins = Object.keys(explorerPluginsMap);
+        if (!explorer && plugins?.[0]) {
+            setExplorer(plugins[0]);
+        }
+    }, [
+        explorerPluginsMap,
+        explorer,
+        setExplorer
+    ]);
+    const currentPlugin = explorer ? explorerPluginsMap[explorer] : undefined;
+    if (!explorer) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            children: "No explorer plugin available"
+        });
+    }
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         sx: {
             width: '100%'
@@ -49,7 +74,7 @@ function ExploreManager(props) {
                     width: '100%'
                 },
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Tabs, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tabs, {
                         orientation: smallScreen ? 'horizontal' : 'vertical',
                         value: explorer,
                         onChange: (_, state)=>setExplorer(state),
@@ -60,26 +85,22 @@ function ExploreManager(props) {
                             borderColor: 'divider',
                             minWidth: '100px'
                         },
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tab, {
-                                value: "metrics",
-                                label: "Metrics"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tab, {
-                                value: "traces",
-                                label: "Traces"
-                            })
-                        ]
+                        children: plugins.data?.map((plugin)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tab, {
+                                value: `${plugin.module.name}-${plugin.spec.name}`,
+                                label: plugin.spec.display.name
+                            }, `${plugin.module.name}-${plugin.spec.name}`))
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Card, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Card, {
                         sx: {
                             padding: '10px',
                             width: '100%'
                         },
-                        children: [
-                            explorer === 'metrics' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_MetricsExplorer.MetricsExplorer, {}),
-                            explorer === 'traces' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_TracesExplorer.TracesExplorer, {})
-                        ]
+                        children: currentPlugin && /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.PluginLoaderComponent, {
+                            plugin: {
+                                name: currentPlugin.spec.name,
+                                moduleName: currentPlugin.module.name
+                            }
+                        }, `${currentPlugin.module.name}-${currentPlugin.spec.name}`)
                     })
                 ]
             })

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

@@ -29,69 +29,29 @@ _export(exports, {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+const _react = require("react");
 const ExplorerManagerContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function ExplorerManagerProvider({ children, store: externalStore }) {
     // cache the state of currently not rendered explore UIs
     const [explorerStateCache, setExplorerStateCache] = (0, _react.useState)({});
     // local store in case external store is not provided by prop
     const localStore = (0, _react.useState)({
-        explorer: 'metrics',
+        explorer: undefined,
         data: {}
     });
     // use store provided by 'store' prop if available, otherwise use local store
     const [explorerState, setExplorerState] = externalStore ? externalStore : localStore;
     const { explorer, data } = explorerState;
     function setExplorer(newExplorer) {
-        // store current explorer state
-        explorerStateCache[explorer] = {
-            data
-        };
-        setExplorerStateCache(explorerStateCache);
-        var _explorerStateCache_newExplorer;
+        if (explorer) {
+            // store current explorer state
+            explorerStateCache[explorer] = {
+                data
+            };
+            setExplorerStateCache(explorerStateCache);
+        }
         // restore previous explorer state (if any)
-        const state = (_explorerStateCache_newExplorer = explorerStateCache[newExplorer]) !== null && _explorerStateCache_newExplorer !== void 0 ? _explorerStateCache_newExplorer : {
+        const state = explorerStateCache[newExplorer] ?? {
             data: {}
         };
         setExplorerState({

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

@@ -30,10 +30,7 @@ function _interop_require_default(obj) {
     };
 }
 const exploreQueryConfig = {
-    explorer: (0, _usequeryparams.withDefault)((0, _usequeryparams.createEnumParam)([
-        'metrics',
-        'traces'
-    ]), 'metrics'),
+    explorer: (0, _usequeryparams.withDefault)(_usequeryparams.StringParam, undefined),
     data: (0, _usequeryparams.withDefault)(_usequeryparams.JsonParam, {})
 };
 function ExplorerManagerProviderWithQueryParams({ children }) {

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

@@ -15,6 +15,8 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _export_star(require("./ExploreManager"), exports);
+_export_star(require("./ExplorerManagerProvider"), exports);
+_export_star(require("./query-params"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/components/index.js

@@ -16,7 +16,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./ExploreManager"), exports);
 _export_star(require("./ExploreToolbar"), exports);
-_export_star(require("./PrometheusMetricsFinder"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

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

@@ -1 +1 @@
-{"version":3,"file":"ExploreManager.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/ExploreManager.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,mBAAmB;IAClC,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAgCvE"}
+{"version":3,"file":"ExploreManager.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/ExploreManager.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AAIpE,MAAM,WAAW,mBAAmB;IAClC,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAkEvE"}

package/dist/components/ExploreManager/ExploreManager.js

@@ -12,14 +12,39 @@
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, Stack, Tab, Tabs, useMediaQuery } from '@mui/material';
+import { PluginLoaderComponent, useListPluginMetadata } from '@perses-dev/plugin-system';
+import { useEffect, useMemo } from 'react';
 import { ExploreToolbar } from '../ExploreToolbar';
-import { TracesExplorer } from './TracesExplorer';
-import { MetricsExplorer } from './MetricsExplorer';
 import { useExplorerManagerContext } from './ExplorerManagerProvider';
 export function ExploreManager(props) {
     const { exploreTitleComponent } = props;
     const { explorer, setExplorer } = useExplorerManagerContext();
+    const plugins = useListPluginMetadata([
+        'Explore'
+    ]);
     const smallScreen = useMediaQuery('(max-width: 768px)');
+    const explorerPluginsMap = useMemo(()=>Object.fromEntries(plugins.data?.map((plugin)=>[
+                `${plugin.module.name}-${plugin.spec.name}`,
+                plugin
+            ]) ?? []), [
+        plugins.data
+    ]);
+    useEffect(()=>{
+        const plugins = Object.keys(explorerPluginsMap);
+        if (!explorer && plugins?.[0]) {
+            setExplorer(plugins[0]);
+        }
+    }, [
+        explorerPluginsMap,
+        explorer,
+        setExplorer
+    ]);
+    const currentPlugin = explorer ? explorerPluginsMap[explorer] : undefined;
+    if (!explorer) {
+        return /*#__PURE__*/ _jsx("div", {
+            children: "No explorer plugin available"
+        });
+    }
     return /*#__PURE__*/ _jsxs(Stack, {
         sx: {
             width: '100%'
@@ -39,7 +64,7 @@ export function ExploreManager(props) {
                     width: '100%'
                 },
                 children: [
-                    /*#__PURE__*/ _jsxs(Tabs, {
+                    /*#__PURE__*/ _jsx(Tabs, {
                         orientation: smallScreen ? 'horizontal' : 'vertical',
                         value: explorer,
                         onChange: (_, state)=>setExplorer(state),
@@ -50,26 +75,22 @@ export function ExploreManager(props) {
                             borderColor: 'divider',
                             minWidth: '100px'
                         },
-                        children: [
-                            /*#__PURE__*/ _jsx(Tab, {
-                                value: "metrics",
-                                label: "Metrics"
-                            }),
-                            /*#__PURE__*/ _jsx(Tab, {
-                                value: "traces",
-                                label: "Traces"
-                            })
-                        ]
+                        children: plugins.data?.map((plugin)=>/*#__PURE__*/ _jsx(Tab, {
+                                value: `${plugin.module.name}-${plugin.spec.name}`,
+                                label: plugin.spec.display.name
+                            }, `${plugin.module.name}-${plugin.spec.name}`))
                     }),
-                    /*#__PURE__*/ _jsxs(Card, {
+                    /*#__PURE__*/ _jsx(Card, {
                         sx: {
                             padding: '10px',
                             width: '100%'
                         },
-                        children: [
-                            explorer === 'metrics' && /*#__PURE__*/ _jsx(MetricsExplorer, {}),
-                            explorer === 'traces' && /*#__PURE__*/ _jsx(TracesExplorer, {})
-                        ]
+                        children: currentPlugin && /*#__PURE__*/ _jsx(PluginLoaderComponent, {
+                            plugin: {
+                                name: currentPlugin.spec.name,
+                                moduleName: currentPlugin.module.name
+                            }
+                        }, `${currentPlugin.module.name}-${currentPlugin.spec.name}`)
                     })
                 ]
             })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/ExploreManager.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 { Card, Stack, Tab, Tabs, useMediaQuery } from '@mui/material';\nimport { ReactElement, ReactNode } from 'react';\nimport { ExploreToolbar } from '../ExploreToolbar';\nimport { TracesExplorer } from './TracesExplorer';\nimport { MetricsExplorer } from './MetricsExplorer';\nimport { useExplorerManagerContext } from './ExplorerManagerProvider';\n\nexport interface ExploreManagerProps {\n  exploreTitleComponent?: ReactNode;\n}\n\nexport function ExploreManager(props: ExploreManagerProps): ReactElement {\n  const { exploreTitleComponent } = props;\n  const { explorer, setExplorer } = useExplorerManagerContext();\n\n  const smallScreen = useMediaQuery('(max-width: 768px)');\n  return (\n    <Stack sx={{ width: '100%' }} px={2} pb={2} pt={1.5} gap={3}>\n      <ExploreToolbar exploreTitleComponent={exploreTitleComponent} />\n\n      <Stack direction={smallScreen ? 'column' : 'row'} gap={2} sx={{ width: '100%' }}>\n        <Tabs\n          orientation={smallScreen ? 'horizontal' : 'vertical'}\n          value={explorer}\n          onChange={(_, state) => setExplorer(state)}\n          variant={smallScreen ? 'fullWidth' : 'scrollable'}\n          sx={{\n            borderRight: smallScreen ? 0 : 1,\n            borderBottom: smallScreen ? 1 : 0,\n            borderColor: 'divider',\n            minWidth: '100px',\n          }}\n        >\n          <Tab value=\"metrics\" label=\"Metrics\" />\n          <Tab value=\"traces\" label=\"Traces\" />\n        </Tabs>\n        <Card sx={{ padding: '10px', width: '100%' }}>\n          {explorer === 'metrics' && <MetricsExplorer />}\n          {explorer === 'traces' && <TracesExplorer />}\n        </Card>\n      </Stack>\n    </Stack>\n  );\n}\n"],"names":["Card","Stack","Tab","Tabs","useMediaQuery","ExploreToolbar","TracesExplorer","MetricsExplorer","useExplorerManagerContext","ExploreManager","props","exploreTitleComponent","explorer","setExplorer","smallScreen","sx","width","px","pb","pt","gap","direction","orientation","value","onChange","_","state","variant","borderRight","borderBottom","borderColor","minWidth","label","padding"],"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,SAASA,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAEC,IAAI,EAAEC,aAAa,QAAQ,gBAAgB;AAEtE,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,yBAAyB,QAAQ,4BAA4B;AAMtE,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,qBAAqB,EAAE,GAAGD;IAClC,MAAM,EAAEE,QAAQ,EAAEC,WAAW,EAAE,GAAGL;IAElC,MAAMM,cAAcV,cAAc;IAClC,qBACE,MAACH;QAAMc,IAAI;YAAEC,OAAO;QAAO;QAAGC,IAAI;QAAGC,IAAI;QAAGC,IAAI;QAAKC,KAAK;;0BACxD,KAACf;gBAAeM,uBAAuBA;;0BAEvC,MAACV;gBAAMoB,WAAWP,cAAc,WAAW;gBAAOM,KAAK;gBAAGL,IAAI;oBAAEC,OAAO;gBAAO;;kCAC5E,MAACb;wBACCmB,aAAaR,cAAc,eAAe;wBAC1CS,OAAOX;wBACPY,UAAU,CAACC,GAAGC,QAAUb,YAAYa;wBACpCC,SAASb,cAAc,cAAc;wBACrCC,IAAI;4BACFa,aAAad,cAAc,IAAI;4BAC/Be,cAAcf,cAAc,IAAI;4BAChCgB,aAAa;4BACbC,UAAU;wBACZ;;0CAEA,KAAC7B;gCAAIqB,OAAM;gCAAUS,OAAM;;0CAC3B,KAAC9B;gCAAIqB,OAAM;gCAASS,OAAM;;;;kCAE5B,MAAChC;wBAAKe,IAAI;4BAAEkB,SAAS;4BAAQjB,OAAO;wBAAO;;4BACxCJ,aAAa,2BAAa,KAACL;4BAC3BK,aAAa,0BAAY,KAACN;;;;;;;AAKrC"}
+{"version":3,"sources":["../../../src/components/ExploreManager/ExploreManager.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 { Card, Stack, Tab, Tabs, useMediaQuery } from '@mui/material';\nimport { PluginLoaderComponent, useListPluginMetadata } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode, useEffect, useMemo } from 'react';\nimport { ExploreToolbar } from '../ExploreToolbar';\nimport { useExplorerManagerContext } from './ExplorerManagerProvider';\n\nexport interface ExploreManagerProps {\n  exploreTitleComponent?: ReactNode;\n}\n\nexport function ExploreManager(props: ExploreManagerProps): ReactElement {\n  const { exploreTitleComponent } = props;\n  const { explorer, setExplorer } = useExplorerManagerContext();\n\n  const plugins = useListPluginMetadata(['Explore']);\n\n  const smallScreen = useMediaQuery('(max-width: 768px)');\n\n  const explorerPluginsMap = useMemo(\n    () =>\n      Object.fromEntries(plugins.data?.map((plugin) => [`${plugin.module.name}-${plugin.spec.name}`, plugin]) ?? []),\n    [plugins.data]\n  );\n\n  useEffect(() => {\n    const plugins = Object.keys(explorerPluginsMap);\n    if (!explorer && plugins?.[0]) {\n      setExplorer(plugins[0]);\n    }\n  }, [explorerPluginsMap, explorer, setExplorer]);\n\n  const currentPlugin = explorer ? explorerPluginsMap[explorer] : undefined;\n\n  if (!explorer) {\n    return <div>No explorer plugin available</div>;\n  }\n\n  return (\n    <Stack sx={{ width: '100%' }} px={2} pb={2} pt={1.5} gap={3}>\n      <ExploreToolbar exploreTitleComponent={exploreTitleComponent} />\n\n      <Stack direction={smallScreen ? 'column' : 'row'} gap={2} sx={{ width: '100%' }}>\n        <Tabs\n          orientation={smallScreen ? 'horizontal' : 'vertical'}\n          value={explorer}\n          onChange={(_, state) => setExplorer(state)}\n          variant={smallScreen ? 'fullWidth' : 'scrollable'}\n          sx={{\n            borderRight: smallScreen ? 0 : 1,\n            borderBottom: smallScreen ? 1 : 0,\n            borderColor: 'divider',\n            minWidth: '100px',\n          }}\n        >\n          {plugins.data?.map((plugin) => (\n            <Tab\n              key={`${plugin.module.name}-${plugin.spec.name}`}\n              value={`${plugin.module.name}-${plugin.spec.name}`}\n              label={plugin.spec.display.name}\n            />\n          ))}\n        </Tabs>\n        <Card sx={{ padding: '10px', width: '100%' }}>\n          {currentPlugin && (\n            <PluginLoaderComponent\n              key={`${currentPlugin.module.name}-${currentPlugin.spec.name}`}\n              plugin={{\n                name: currentPlugin.spec.name,\n                moduleName: currentPlugin.module.name,\n              }}\n            />\n          )}\n        </Card>\n      </Stack>\n    </Stack>\n  );\n}\n"],"names":["Card","Stack","Tab","Tabs","useMediaQuery","PluginLoaderComponent","useListPluginMetadata","useEffect","useMemo","ExploreToolbar","useExplorerManagerContext","ExploreManager","props","exploreTitleComponent","explorer","setExplorer","plugins","smallScreen","explorerPluginsMap","Object","fromEntries","data","map","plugin","module","name","spec","keys","currentPlugin","undefined","div","sx","width","px","pb","pt","gap","direction","orientation","value","onChange","_","state","variant","borderRight","borderBottom","borderColor","minWidth","label","display","padding","moduleName"],"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,SAASA,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAEC,IAAI,EAAEC,aAAa,QAAQ,gBAAgB;AACtE,SAASC,qBAAqB,EAAEC,qBAAqB,QAAQ,4BAA4B;AACzF,SAAkCC,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AACpE,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,yBAAyB,QAAQ,4BAA4B;AAMtE,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,qBAAqB,EAAE,GAAGD;IAClC,MAAM,EAAEE,QAAQ,EAAEC,WAAW,EAAE,GAAGL;IAElC,MAAMM,UAAUV,sBAAsB;QAAC;KAAU;IAEjD,MAAMW,cAAcb,cAAc;IAElC,MAAMc,qBAAqBV,QACzB,IACEW,OAAOC,WAAW,CAACJ,QAAQK,IAAI,EAAEC,IAAI,CAACC,SAAW;gBAAC,CAAC,EAAEA,OAAOC,MAAM,CAACC,IAAI,CAAC,CAAC,EAAEF,OAAOG,IAAI,CAACD,IAAI,CAAC,CAAC;gBAAEF;aAAO,KAAK,EAAE,GAC/G;QAACP,QAAQK,IAAI;KAAC;IAGhBd,UAAU;QACR,MAAMS,UAAUG,OAAOQ,IAAI,CAACT;QAC5B,IAAI,CAACJ,YAAYE,SAAS,CAAC,EAAE,EAAE;YAC7BD,YAAYC,OAAO,CAAC,EAAE;QACxB;IACF,GAAG;QAACE;QAAoBJ;QAAUC;KAAY;IAE9C,MAAMa,gBAAgBd,WAAWI,kBAAkB,CAACJ,SAAS,GAAGe;IAEhE,IAAI,CAACf,UAAU;QACb,qBAAO,KAACgB;sBAAI;;IACd;IAEA,qBACE,MAAC7B;QAAM8B,IAAI;YAAEC,OAAO;QAAO;QAAGC,IAAI;QAAGC,IAAI;QAAGC,IAAI;QAAKC,KAAK;;0BACxD,KAAC3B;gBAAeI,uBAAuBA;;0BAEvC,MAACZ;gBAAMoC,WAAWpB,cAAc,WAAW;gBAAOmB,KAAK;gBAAGL,IAAI;oBAAEC,OAAO;gBAAO;;kCAC5E,KAAC7B;wBACCmC,aAAarB,cAAc,eAAe;wBAC1CsB,OAAOzB;wBACP0B,UAAU,CAACC,GAAGC,QAAU3B,YAAY2B;wBACpCC,SAAS1B,cAAc,cAAc;wBACrCc,IAAI;4BACFa,aAAa3B,cAAc,IAAI;4BAC/B4B,cAAc5B,cAAc,IAAI;4BAChC6B,aAAa;4BACbC,UAAU;wBACZ;kCAEC/B,QAAQK,IAAI,EAAEC,IAAI,CAACC,uBAClB,KAACrB;gCAECqC,OAAO,CAAC,EAAEhB,OAAOC,MAAM,CAACC,IAAI,CAAC,CAAC,EAAEF,OAAOG,IAAI,CAACD,IAAI,CAAC,CAAC;gCAClDuB,OAAOzB,OAAOG,IAAI,CAACuB,OAAO,CAACxB,IAAI;+BAF1B,CAAC,EAAEF,OAAOC,MAAM,CAACC,IAAI,CAAC,CAAC,EAAEF,OAAOG,IAAI,CAACD,IAAI,CAAC,CAAC;;kCAMtD,KAACzB;wBAAK+B,IAAI;4BAAEmB,SAAS;4BAAQlB,OAAO;wBAAO;kCACxCJ,+BACC,KAACvB;4BAECkB,QAAQ;gCACNE,MAAMG,cAAcF,IAAI,CAACD,IAAI;gCAC7B0B,YAAYvB,cAAcJ,MAAM,CAACC,IAAI;4BACvC;2BAJK,CAAC,EAAEG,cAAcJ,MAAM,CAACC,IAAI,CAAC,CAAC,EAAEG,cAAcF,IAAI,CAACD,IAAI,CAAC,CAAC;;;;;;AAW5E"}

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

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
 interface ExplorerState<T> {
-    explorer: string;
+    explorer?: string;
     data: T;
 }
 interface ExplorerManagerContextType<T> {
     /** observability signal, for example metrics or traces */
-    explorer: string;
+    explorer?: string;
     data: T;
     setExplorer: (explorer: string) => void;
     setData: (data: T) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"ExplorerManagerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/ExplorerManagerProvider.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAiB,YAAY,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE5F,UAAU,aAAa,CAAC,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;CAGT;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC5B;AAID,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC;CAC3E;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,KAAK,EAAE,aAAa,GACrB,EAAE,4BAA4B,GAAG,YAAY,CA8B7C;AAED,wBAAgB,yBAAyB,CAAC,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,CAM5E"}
+{"version":3,"file":"ExplorerManagerProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/ExplorerManagerProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAErF,UAAU,aAAa,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,CAAC,CAAC;CAGT;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,CAAC,CAAC;IACR,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC5B;AAID,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC;CAC3E;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,KAAK,EAAE,aAAa,GACrB,EAAE,4BAA4B,GAAG,YAAY,CAgC7C;AAED,wBAAgB,yBAAyB,CAAC,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,CAM5E"}

package/dist/components/ExploreManager/ExplorerManagerProvider.js

@@ -11,28 +11,29 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext, useState } from 'react';
+import { createContext, useContext, useState } from 'react';
 const ExplorerManagerContext = /*#__PURE__*/ createContext(undefined);
 export function ExplorerManagerProvider({ children, store: externalStore }) {
     // cache the state of currently not rendered explore UIs
     const [explorerStateCache, setExplorerStateCache] = useState({});
     // local store in case external store is not provided by prop
     const localStore = useState({
-        explorer: 'metrics',
+        explorer: undefined,
         data: {}
     });
     // use store provided by 'store' prop if available, otherwise use local store
     const [explorerState, setExplorerState] = externalStore ? externalStore : localStore;
     const { explorer, data } = explorerState;
     function setExplorer(newExplorer) {
-        // store current explorer state
-        explorerStateCache[explorer] = {
-            data
-        };
-        setExplorerStateCache(explorerStateCache);
-        var _explorerStateCache_newExplorer;
+        if (explorer) {
+            // store current explorer state
+            explorerStateCache[explorer] = {
+                data
+            };
+            setExplorerStateCache(explorerStateCache);
+        }
         // restore previous explorer state (if any)
-        const state = (_explorerStateCache_newExplorer = explorerStateCache[newExplorer]) !== null && _explorerStateCache_newExplorer !== void 0 ? _explorerStateCache_newExplorer : {
+        const state = explorerStateCache[newExplorer] ?? {
             data: {}
         };
         setExplorerState({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/ExplorerManagerProvider.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 React, { createContext, ReactElement, ReactNode, useContext, useState } from 'react';\n\ninterface ExplorerState<T> {\n  explorer: string;\n  data: T;\n  // tab: number;\n  // queries: QueryDefinition[];\n}\n\ninterface ExplorerManagerContextType<T> {\n  /** observability signal, for example metrics or traces */\n  explorer: string;\n  data: T;\n  setExplorer: (explorer: string) => void;\n  setData: (data: T) => void;\n}\n\nconst ExplorerManagerContext = createContext<ExplorerManagerContextType<unknown> | undefined>(undefined);\n\ninterface ExplorerManagerProviderProps {\n  children: ReactNode;\n  store?: [ExplorerState<unknown>, (state: ExplorerState<unknown>) => void];\n}\n\nexport function ExplorerManagerProvider({\n  children,\n  store: externalStore,\n}: ExplorerManagerProviderProps): ReactElement {\n  // cache the state of currently not rendered explore UIs\n  const [explorerStateCache, setExplorerStateCache] = useState<\n    Record<string, Omit<ExplorerState<unknown>, 'explorer'>>\n  >({});\n  // local store in case external store is not provided by prop\n  const localStore = useState<ExplorerState<unknown>>({ explorer: 'metrics', data: {} });\n  // use store provided by 'store' prop if available, otherwise use local store\n  const [explorerState, setExplorerState] = externalStore ? externalStore : localStore;\n  const { explorer, data } = explorerState;\n\n  function setExplorer(newExplorer: string): void {\n    // store current explorer state\n    explorerStateCache[explorer] = { data };\n    setExplorerStateCache(explorerStateCache);\n\n    // restore previous explorer state (if any)\n    const state = explorerStateCache[newExplorer] ?? { data: {} };\n    setExplorerState({ explorer: newExplorer, data: state.data });\n  }\n\n  function setData(newData: unknown): void {\n    setExplorerState({ explorer, data: newData });\n  }\n\n  return (\n    <ExplorerManagerContext.Provider value={{ explorer, data, setExplorer, setData }}>\n      {children}\n    </ExplorerManagerContext.Provider>\n  );\n}\n\nexport function useExplorerManagerContext<T>(): ExplorerManagerContextType<T> {\n  const ctx = useContext(ExplorerManagerContext);\n  if (ctx === undefined) {\n    throw new Error('No ExplorerManagerContext found. Did you forget a Provider?');\n  }\n  return ctx as ExplorerManagerContextType<T>;\n}\n"],"names":["React","createContext","useContext","useState","ExplorerManagerContext","undefined","ExplorerManagerProvider","children","store","externalStore","explorerStateCache","setExplorerStateCache","localStore","explorer","data","explorerState","setExplorerState","setExplorer","newExplorer","state","setData","newData","Provider","value","useExplorerManagerContext","ctx","Error"],"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,OAAOA,SAASC,aAAa,EAA2BC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AAiB5F,MAAMC,uCAAyBH,cAA+DI;AAO9F,OAAO,SAASC,wBAAwB,EACtCC,QAAQ,EACRC,OAAOC,aAAa,EACS;IAC7B,wDAAwD;IACxD,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGR,SAElD,CAAC;IACH,6DAA6D;IAC7D,MAAMS,aAAaT,SAAiC;QAAEU,UAAU;QAAWC,MAAM,CAAC;IAAE;IACpF,6EAA6E;IAC7E,MAAM,CAACC,eAAeC,iBAAiB,GAAGP,gBAAgBA,gBAAgBG;IAC1E,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC;IAE3B,SAASE,YAAYC,WAAmB;QACtC,+BAA+B;QAC/BR,kBAAkB,CAACG,SAAS,GAAG;YAAEC;QAAK;QACtCH,sBAAsBD;YAGRA;QADd,2CAA2C;QAC3C,MAAMS,QAAQT,CAAAA,kCAAAA,kBAAkB,CAACQ,YAAY,cAA/BR,6CAAAA,kCAAmC;YAAEI,MAAM,CAAC;QAAE;QAC5DE,iBAAiB;YAAEH,UAAUK;YAAaJ,MAAMK,MAAML,IAAI;QAAC;IAC7D;IAEA,SAASM,QAAQC,OAAgB;QAC/BL,iBAAiB;YAAEH;YAAUC,MAAMO;QAAQ;IAC7C;IAEA,qBACE,KAACjB,uBAAuBkB,QAAQ;QAACC,OAAO;YAAEV;YAAUC;YAAMG;YAAaG;QAAQ;kBAC5Eb;;AAGP;AAEA,OAAO,SAASiB;IACd,MAAMC,MAAMvB,WAAWE;IACvB,IAAIqB,QAAQpB,WAAW;QACrB,MAAM,IAAIqB,MAAM;IAClB;IACA,OAAOD;AACT"}
+{"version":3,"sources":["../../../src/components/ExploreManager/ExplorerManagerProvider.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 { createContext, ReactElement, ReactNode, useContext, useState } from 'react';\n\ninterface ExplorerState<T> {\n  explorer?: string;\n  data: T;\n  // tab: number;\n  // queries: QueryDefinition[];\n}\n\ninterface ExplorerManagerContextType<T> {\n  /** observability signal, for example metrics or traces */\n  explorer?: string;\n  data: T;\n  setExplorer: (explorer: string) => void;\n  setData: (data: T) => void;\n}\n\nconst ExplorerManagerContext = createContext<ExplorerManagerContextType<unknown> | undefined>(undefined);\n\ninterface ExplorerManagerProviderProps {\n  children: ReactNode;\n  store?: [ExplorerState<unknown>, (state: ExplorerState<unknown>) => void];\n}\n\nexport function ExplorerManagerProvider({\n  children,\n  store: externalStore,\n}: ExplorerManagerProviderProps): ReactElement {\n  // cache the state of currently not rendered explore UIs\n  const [explorerStateCache, setExplorerStateCache] = useState<\n    Record<string, Omit<ExplorerState<unknown>, 'explorer'>>\n  >({});\n  // local store in case external store is not provided by prop\n  const localStore = useState<ExplorerState<unknown>>({ explorer: undefined, data: {} });\n  // use store provided by 'store' prop if available, otherwise use local store\n  const [explorerState, setExplorerState] = externalStore ? externalStore : localStore;\n  const { explorer, data } = explorerState;\n\n  function setExplorer(newExplorer: string): void {\n    if (explorer) {\n      // store current explorer state\n      explorerStateCache[explorer] = { data };\n      setExplorerStateCache(explorerStateCache);\n    }\n\n    // restore previous explorer state (if any)\n    const state = explorerStateCache[newExplorer] ?? { data: {} };\n    setExplorerState({ explorer: newExplorer, data: state.data });\n  }\n\n  function setData(newData: unknown): void {\n    setExplorerState({ explorer, data: newData });\n  }\n\n  return (\n    <ExplorerManagerContext.Provider value={{ explorer, data, setExplorer, setData }}>\n      {children}\n    </ExplorerManagerContext.Provider>\n  );\n}\n\nexport function useExplorerManagerContext<T>(): ExplorerManagerContextType<T> {\n  const ctx = useContext(ExplorerManagerContext);\n  if (ctx === undefined) {\n    throw new Error('No ExplorerManagerContext found. Did you forget a Provider?');\n  }\n  return ctx as ExplorerManagerContextType<T>;\n}\n"],"names":["createContext","useContext","useState","ExplorerManagerContext","undefined","ExplorerManagerProvider","children","store","externalStore","explorerStateCache","setExplorerStateCache","localStore","explorer","data","explorerState","setExplorerState","setExplorer","newExplorer","state","setData","newData","Provider","value","useExplorerManagerContext","ctx","Error"],"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,SAASA,aAAa,EAA2BC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AAiBrF,MAAMC,uCAAyBH,cAA+DI;AAO9F,OAAO,SAASC,wBAAwB,EACtCC,QAAQ,EACRC,OAAOC,aAAa,EACS;IAC7B,wDAAwD;IACxD,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGR,SAElD,CAAC;IACH,6DAA6D;IAC7D,MAAMS,aAAaT,SAAiC;QAAEU,UAAUR;QAAWS,MAAM,CAAC;IAAE;IACpF,6EAA6E;IAC7E,MAAM,CAACC,eAAeC,iBAAiB,GAAGP,gBAAgBA,gBAAgBG;IAC1E,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC;IAE3B,SAASE,YAAYC,WAAmB;QACtC,IAAIL,UAAU;YACZ,+BAA+B;YAC/BH,kBAAkB,CAACG,SAAS,GAAG;gBAAEC;YAAK;YACtCH,sBAAsBD;QACxB;QAEA,2CAA2C;QAC3C,MAAMS,QAAQT,kBAAkB,CAACQ,YAAY,IAAI;YAAEJ,MAAM,CAAC;QAAE;QAC5DE,iBAAiB;YAAEH,UAAUK;YAAaJ,MAAMK,MAAML,IAAI;QAAC;IAC7D;IAEA,SAASM,QAAQC,OAAgB;QAC/BL,iBAAiB;YAAEH;YAAUC,MAAMO;QAAQ;IAC7C;IAEA,qBACE,KAACjB,uBAAuBkB,QAAQ;QAACC,OAAO;YAAEV;YAAUC;YAAMG;YAAaG;QAAQ;kBAC5Eb;;AAGP;AAEA,OAAO,SAASiB;IACd,MAAMC,MAAMvB,WAAWE;IACvB,IAAIqB,QAAQpB,WAAW;QACrB,MAAM,IAAIqB,MAAM;IAClB;IACA,OAAOD;AACT"}

package/dist/components/ExploreManager/ExplorerManagerProviderWithQueryParams.js

@@ -12,13 +12,10 @@
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { createEnumParam, JsonParam, useQueryParams, withDefault } from 'use-query-params';
+import { JsonParam, StringParam, useQueryParams, withDefault } from 'use-query-params';
 import { ExplorerManagerProvider } from './ExplorerManagerProvider';
 const exploreQueryConfig = {
-    explorer: withDefault(createEnumParam([
-        'metrics',
-        'traces'
-    ]), 'metrics'),
+    explorer: withDefault(StringParam, undefined),
     data: withDefault(JsonParam, {})
 };
 export function ExplorerManagerProviderWithQueryParams({ children }) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/ExplorerManagerProviderWithQueryParams.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 React, { ReactElement, ReactNode } from 'react';\n\nimport { createEnumParam, JsonParam, useQueryParams, withDefault } from 'use-query-params';\nimport { ExplorerManagerProvider } from './ExplorerManagerProvider';\n\nconst exploreQueryConfig = {\n  explorer: withDefault(createEnumParam(['metrics', 'traces']), 'metrics'),\n  data: withDefault(JsonParam, {}),\n};\n\ninterface ExplorerManagerProviderWithQueryParamsProps {\n  children: ReactNode;\n}\n\nexport function ExplorerManagerProviderWithQueryParams({\n  children,\n}: ExplorerManagerProviderWithQueryParamsProps): ReactElement {\n  const [queryParams, setQueryParams] = useQueryParams(exploreQueryConfig);\n\n  return <ExplorerManagerProvider store={[queryParams, setQueryParams]}>{children}</ExplorerManagerProvider>;\n}\n"],"names":["React","createEnumParam","JsonParam","useQueryParams","withDefault","ExplorerManagerProvider","exploreQueryConfig","explorer","data","ExplorerManagerProviderWithQueryParams","children","queryParams","setQueryParams","store"],"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,OAAOA,WAAwC,QAAQ;AAEvD,SAASC,eAAe,EAAEC,SAAS,EAAEC,cAAc,EAAEC,WAAW,QAAQ,mBAAmB;AAC3F,SAASC,uBAAuB,QAAQ,4BAA4B;AAEpE,MAAMC,qBAAqB;IACzBC,UAAUH,YAAYH,gBAAgB;QAAC;QAAW;KAAS,GAAG;IAC9DO,MAAMJ,YAAYF,WAAW,CAAC;AAChC;AAMA,OAAO,SAASO,uCAAuC,EACrDC,QAAQ,EACoC;IAC5C,MAAM,CAACC,aAAaC,eAAe,GAAGT,eAAeG;IAErD,qBAAO,KAACD;QAAwBQ,OAAO;YAACF;YAAaC;SAAe;kBAAGF;;AACzE"}
+{"version":3,"sources":["../../../src/components/ExploreManager/ExplorerManagerProviderWithQueryParams.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 React, { ReactElement, ReactNode } from 'react';\n\nimport { JsonParam, StringParam, useQueryParams, withDefault } from 'use-query-params';\nimport { ExplorerManagerProvider } from './ExplorerManagerProvider';\n\nconst exploreQueryConfig = {\n  explorer: withDefault(StringParam, undefined),\n  data: withDefault(JsonParam, {}),\n};\n\ninterface ExplorerManagerProviderWithQueryParamsProps {\n  children: ReactNode;\n}\n\nexport function ExplorerManagerProviderWithQueryParams({\n  children,\n}: ExplorerManagerProviderWithQueryParamsProps): ReactElement {\n  const [queryParams, setQueryParams] = useQueryParams(exploreQueryConfig);\n\n  return <ExplorerManagerProvider store={[queryParams, setQueryParams]}>{children}</ExplorerManagerProvider>;\n}\n"],"names":["React","JsonParam","StringParam","useQueryParams","withDefault","ExplorerManagerProvider","exploreQueryConfig","explorer","undefined","data","ExplorerManagerProviderWithQueryParams","children","queryParams","setQueryParams","store"],"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,OAAOA,WAAwC,QAAQ;AAEvD,SAASC,SAAS,EAAEC,WAAW,EAAEC,cAAc,EAAEC,WAAW,QAAQ,mBAAmB;AACvF,SAASC,uBAAuB,QAAQ,4BAA4B;AAEpE,MAAMC,qBAAqB;IACzBC,UAAUH,YAAYF,aAAaM;IACnCC,MAAML,YAAYH,WAAW,CAAC;AAChC;AAMA,OAAO,SAASS,uCAAuC,EACrDC,QAAQ,EACoC;IAC5C,MAAM,CAACC,aAAaC,eAAe,GAAGV,eAAeG;IAErD,qBAAO,KAACD;QAAwBS,OAAO;YAACF;YAAaC;SAAe;kBAAGF;;AACzE"}

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

@@ -1,2 +1,4 @@
 export * from './ExploreManager';
+export * from './ExplorerManagerProvider';
+export * from './query-params';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC"}

package/dist/components/ExploreManager/index.js

@@ -11,5 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export * from './ExploreManager';
+export * from './ExplorerManagerProvider';
+export * from './query-params';
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/index.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 * from './ExploreManager';\n"],"names":[],"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,cAAc,mBAAmB"}
+{"version":3,"sources":["../../../src/components/ExploreManager/index.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 * from './ExploreManager';\nexport * from './ExplorerManagerProvider';\nexport * from './query-params';\n"],"names":[],"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,cAAc,mBAAmB;AACjC,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB"}

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ExploreManager';
 export * from './ExploreToolbar';
-export * from './PrometheusMetricsFinder';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/components/index.js

@@ -12,6 +12,5 @@
 // limitations under the License.
 export * from './ExploreManager';
 export * from './ExploreToolbar';
-export * from './PrometheusMetricsFinder';
 
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.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 * from './ExploreManager';\nexport * from './ExploreToolbar';\nexport * from './PrometheusMetricsFinder';\n"],"names":[],"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,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,4BAA4B"}
+{"version":3,"sources":["../../src/components/index.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 * from './ExploreManager';\nexport * from './ExploreToolbar';\n"],"names":[],"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,cAAc,mBAAmB;AACjC,cAAc,mBAAmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/explore",
-  "version": "0.50.0",
+  "version": "0.51.0-beta.0",
   "description": "The explore feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -28,12 +28,10 @@
   },
   "dependencies": {
     "@nexucis/fuzzy": "^0.5.1",
-    "@perses-dev/components": "0.50.0",
-    "@perses-dev/core": "0.50.0",
-    "@perses-dev/dashboards": "0.50.0",
-    "@perses-dev/panels-plugin": "0.50.0",
-    "@perses-dev/plugin-system": "0.50.0",
-    "@perses-dev/prometheus-plugin": "0.50.0",
+    "@perses-dev/components": "0.51.0-beta.0",
+    "@perses-dev/core": "0.51.0-beta.0",
+    "@perses-dev/dashboards": "0.51.0-beta.0",
+    "@perses-dev/plugin-system": "0.51.0-beta.0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^2.28.0",
     "immer": "^9.0.15",
@@ -49,15 +47,15 @@
     "zustand": "^4.3.3"
   },
   "devDependencies": {
-    "@perses-dev/internal-utils": "0.50.0",
-    "@perses-dev/storybook": "0.50.0",
+    "@perses-dev/internal-utils": "0.51.0-beta.0",
+    "@perses-dev/storybook": "0.51.0-beta.0",
     "history": "^5.3.0",
     "intersection-observer": "^0.12.2",
     "react-router-dom": "^6.11.0"
   },
   "peerDependencies": {
     "@mui/material": "^6.1.10",
-    "@tanstack/react-query": "^4.7.1",
+    "@tanstack/react-query": "^5.64.2",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
   },