@perses-dev/explore 0.52.0-rc.0 → 0.52.0-rc.1

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

@@ -36,7 +36,7 @@ function ExplorerManagerProvider({ children, store: externalStore }) {
     const [explorerStateCache, setExplorerStateCache] = (0, _react.useState)({});
     // local store in case external store is not provided by prop
     const localStore = (0, _react.useState)({
-        explorer: undefined,
+        explorer: null,
         data: {}
     });
     // use store provided by 'store' prop if available, otherwise use local store

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

@@ -14,27 +14,36 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "ExplorerManagerProviderWithQueryParams", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ExplorerManagerProviderWithQueryParams: function() {
         return ExplorerManagerProviderWithQueryParams;
+    },
+    parseAsExplorerConfig: function() {
+        return parseAsExplorerConfig;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _usequeryparams = require("use-query-params");
+const _nuqs = require("nuqs");
+const _zod = require("zod");
 const _ExplorerManagerProvider = require("./ExplorerManagerProvider");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const exploreQueryConfig = {
-    explorer: (0, _usequeryparams.withDefault)(_usequeryparams.StringParam, undefined),
-    data: (0, _usequeryparams.withDefault)(_usequeryparams.JsonParam, {})
+const parseAsExplorerConfig = {
+    explorer: _nuqs.parseAsString,
+    data: (0, _nuqs.parseAsJson)(_zod.z.unknown())
 };
 function ExplorerManagerProviderWithQueryParams({ children }) {
-    const [queryParams, setQueryParams] = (0, _usequeryparams.useQueryParams)(exploreQueryConfig);
+    const [queryParams, setQueryParams] = (0, _nuqs.useQueryStates)(parseAsExplorerConfig);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExplorerManagerProvider.ExplorerManagerProvider, {
         store: [
             queryParams,

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

@@ -16,6 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./ExploreManager"), exports);
 _export_star(require("./ExplorerManagerProvider"), exports);
+_export_star(require("./ExplorerManagerProviderWithQueryParams"), exports);
 _export_star(require("./query-params"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/dist/cjs/components/ExploreManager/query-params.js

@@ -21,29 +21,30 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    explorerQueryConfig: function() {
-        return explorerQueryConfig;
+    parseAsExplorerQueryConfig: function() {
+        return parseAsExplorerQueryConfig;
     },
     useExplorerQueryParams: function() {
         return useExplorerQueryParams;
     }
 });
-const _usequeryparams = require("use-query-params");
+const _nuqs = require("nuqs");
 const _pluginsystem = require("@perses-dev/plugin-system");
-const _qs = require("qs");
-const explorerQueryConfig = {
-    refresh: _pluginsystem.TimeRangeParam,
-    start: _pluginsystem.TimeRangeParam,
-    end: _pluginsystem.TimeRangeParam,
-    explorer: _usequeryparams.StringParam,
-    data: _usequeryparams.JsonParam
+const _zod = require("zod");
+const parseAsExplorerQueryConfig = {
+    refresh: _pluginsystem.parseAsTimeRangeValue,
+    start: _pluginsystem.parseAsTimeRangeValue,
+    end: _pluginsystem.parseAsTimeRangeValue,
+    explorer: _nuqs.parseAsString,
+    data: (0, _nuqs.parseAsJson)(_zod.z.unknown())
 };
 function useExplorerQueryParams(inputs) {
-    const [query] = (0, _usequeryparams.useQueryParams)(explorerQueryConfig, {
-        updateType: 'replaceIn'
+    const [query] = (0, _nuqs.useQueryStates)(parseAsExplorerQueryConfig, {
+        history: 'replace'
     });
-    return (0, _qs.stringify)((0, _usequeryparams.encodeQueryParams)(explorerQueryConfig, {
+    const serialize = (0, _nuqs.createSerializer)(parseAsExplorerQueryConfig);
+    return serialize({
         ...query,
         ...inputs
-    }));
+    });
 }

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

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
 interface ExplorerState<T> {
-    explorer?: string;
+    explorer: string | null;
     data: T;
 }
 interface ExplorerManagerContextType<T> {
     /** observability signal, for example metrics or traces */
-    explorer?: string;
+    explorer: string | null;
     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,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"}
+{"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,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,CAAC,CAAC;CACT;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,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

@@ -18,7 +18,7 @@ export function ExplorerManagerProvider({ children, store: externalStore }) {
     const [explorerStateCache, setExplorerStateCache] = useState({});
     // local store in case external store is not provided by prop
     const localStore = useState({
-        explorer: undefined,
+        explorer: null,
         data: {}
     });
     // use store provided by 'store' prop if available, otherwise use local store

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 { 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"}
+{"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 | null;\n  data: T;\n}\n\ninterface ExplorerManagerContextType<T> {\n  /** observability signal, for example metrics or traces */\n  explorer: string | null;\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: null, 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;AAerF,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;QAAMC,MAAM,CAAC;IAAE;IAC/E,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.d.ts

@@ -1,4 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
+export declare const parseAsExplorerConfig: {
+    explorer: import("nuqs").ParserBuilder<string>;
+    data: import("nuqs").ParserBuilder<unknown>;
+};
 interface ExplorerManagerProviderWithQueryParamsProps {
     children: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ExplorerManagerProviderWithQueryParams.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/ExplorerManagerProviderWithQueryParams.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvD,UAAU,2CAA2C;IACnD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sCAAsC,CAAC,EACrD,QAAQ,GACT,EAAE,2CAA2C,GAAG,YAAY,CAI5D"}
+{"version":3,"file":"ExplorerManagerProviderWithQueryParams.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/ExplorerManagerProviderWithQueryParams.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvD,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC;AAEF,UAAU,2CAA2C;IACnD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sCAAsC,CAAC,EACrD,QAAQ,GACT,EAAE,2CAA2C,GAAG,YAAY,CAI5D"}

package/dist/components/ExploreManager/ExplorerManagerProviderWithQueryParams.js

@@ -12,14 +12,15 @@
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { JsonParam, StringParam, useQueryParams, withDefault } from 'use-query-params';
+import { parseAsJson, parseAsString, useQueryStates } from 'nuqs';
+import { z } from 'zod';
 import { ExplorerManagerProvider } from './ExplorerManagerProvider';
-const exploreQueryConfig = {
-    explorer: withDefault(StringParam, undefined),
-    data: withDefault(JsonParam, {})
+export const parseAsExplorerConfig = {
+    explorer: parseAsString,
+    data: parseAsJson(z.unknown())
 };
 export function ExplorerManagerProviderWithQueryParams({ children }) {
-    const [queryParams, setQueryParams] = useQueryParams(exploreQueryConfig);
+    const [queryParams, setQueryParams] = useQueryStates(parseAsExplorerConfig);
     return /*#__PURE__*/ _jsx(ExplorerManagerProvider, {
         store: [
             queryParams,

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 { 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"}
+{"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 { parseAsJson, parseAsString, useQueryStates } from 'nuqs';\nimport { z } from 'zod';\nimport { ExplorerManagerProvider } from './ExplorerManagerProvider';\n\nexport const parseAsExplorerConfig = {\n  explorer: parseAsString,\n  data: parseAsJson(z.unknown()),\n};\n\ninterface ExplorerManagerProviderWithQueryParamsProps {\n  children: ReactNode;\n}\n\nexport function ExplorerManagerProviderWithQueryParams({\n  children,\n}: ExplorerManagerProviderWithQueryParamsProps): ReactElement {\n  const [queryParams, setQueryParams] = useQueryStates(parseAsExplorerConfig);\n\n  return <ExplorerManagerProvider store={[queryParams, setQueryParams]}>{children}</ExplorerManagerProvider>;\n}\n"],"names":["React","parseAsJson","parseAsString","useQueryStates","z","ExplorerManagerProvider","parseAsExplorerConfig","explorer","data","unknown","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,WAAW,EAAEC,aAAa,EAAEC,cAAc,QAAQ,OAAO;AAClE,SAASC,CAAC,QAAQ,MAAM;AACxB,SAASC,uBAAuB,QAAQ,4BAA4B;AAEpE,OAAO,MAAMC,wBAAwB;IACnCC,UAAUL;IACVM,MAAMP,YAAYG,EAAEK,OAAO;AAC7B,EAAE;AAMF,OAAO,SAASC,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,4 +1,5 @@
 export * from './ExploreManager';
 export * from './ExplorerManagerProvider';
+export * from './ExplorerManagerProviderWithQueryParams';
 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;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,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,0CAA0C,CAAC;AACzD,cAAc,gBAAgB,CAAC"}

package/dist/components/ExploreManager/index.js

@@ -12,6 +12,7 @@
 // limitations under the License.
 export * from './ExploreManager';
 export * from './ExplorerManagerProvider';
+export * from './ExplorerManagerProviderWithQueryParams';
 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';\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"}
+{"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 './ExplorerManagerProviderWithQueryParams';\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,2CAA2C;AACzD,cAAc,iBAAiB"}

package/dist/components/ExploreManager/query-params.d.ts

@@ -1,9 +1,9 @@
-export declare const explorerQueryConfig: {
-    refresh: import("use-query-params").QueryParamConfig<import("@perses-dev/plugin-system").TimeOptionValue, import("@perses-dev/plugin-system").TimeOptionValue>;
-    start: import("use-query-params").QueryParamConfig<import("@perses-dev/plugin-system").TimeOptionValue, import("@perses-dev/plugin-system").TimeOptionValue>;
-    end: import("use-query-params").QueryParamConfig<import("@perses-dev/plugin-system").TimeOptionValue, import("@perses-dev/plugin-system").TimeOptionValue>;
-    explorer: import("use-query-params").QueryParamConfig<string | null | undefined, string | null | undefined>;
-    data: import("use-query-params").QueryParamConfig<any, any>;
+export declare const parseAsExplorerQueryConfig: {
+    refresh: import("nuqs").ParserBuilder<import("@perses-dev/plugin-system").TimeOptionValue>;
+    start: import("nuqs").ParserBuilder<import("@perses-dev/plugin-system").TimeOptionValue>;
+    end: import("nuqs").ParserBuilder<import("@perses-dev/plugin-system").TimeOptionValue>;
+    explorer: import("nuqs").ParserBuilder<string>;
+    data: import("nuqs").ParserBuilder<unknown>;
 };
 interface ExplorerQueryData {
     refresh?: Date;

package/dist/components/ExploreManager/query-params.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/query-params.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,mBAAmB;;;;;;CAM/B,CAAC;AAEF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAGD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAGxE"}
+{"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../../src/components/ExploreManager/query-params.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,0BAA0B;;;;;;CAMtC,CAAC;AAEF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAGD,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAIxE"}

package/dist/components/ExploreManager/query-params.js

@@ -10,25 +10,26 @@
 // 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 { encodeQueryParams, JsonParam, StringParam, useQueryParams } from 'use-query-params';
-import { TimeRangeParam } from '@perses-dev/plugin-system';
-import { stringify } from 'qs';
-export const explorerQueryConfig = {
-    refresh: TimeRangeParam,
-    start: TimeRangeParam,
-    end: TimeRangeParam,
-    explorer: StringParam,
-    data: JsonParam
+import { useQueryStates, createSerializer, parseAsString, parseAsJson } from 'nuqs';
+import { parseAsTimeRangeValue } from '@perses-dev/plugin-system';
+import { z } from 'zod';
+export const parseAsExplorerQueryConfig = {
+    refresh: parseAsTimeRangeValue,
+    start: parseAsTimeRangeValue,
+    end: parseAsTimeRangeValue,
+    explorer: parseAsString,
+    data: parseAsJson(z.unknown())
 };
 // Provide a query string for the explorer page using the given inputs, but also including any existing query params
 export function useExplorerQueryParams(inputs) {
-    const [query] = useQueryParams(explorerQueryConfig, {
-        updateType: 'replaceIn'
+    const [query] = useQueryStates(parseAsExplorerQueryConfig, {
+        history: 'replace'
     });
-    return stringify(encodeQueryParams(explorerQueryConfig, {
+    const serialize = createSerializer(parseAsExplorerQueryConfig);
+    return serialize({
         ...query,
         ...inputs
-    }));
+    });
 }
 
 //# sourceMappingURL=query-params.js.map

package/dist/components/ExploreManager/query-params.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ExploreManager/query-params.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\nimport { encodeQueryParams, JsonParam, StringParam, useQueryParams } from 'use-query-params';\nimport { TimeRangeParam } from '@perses-dev/plugin-system';\nimport { stringify } from 'qs';\n\nexport const explorerQueryConfig = {\n  refresh: TimeRangeParam,\n  start: TimeRangeParam,\n  end: TimeRangeParam,\n  explorer: StringParam,\n  data: JsonParam,\n};\n\ninterface ExplorerQueryData {\n  refresh?: Date;\n  start?: Date;\n  end?: Date;\n  explorer?: string;\n  data?: Record<string, unknown>;\n}\n\n// Provide a query string for the explorer page using the given inputs, but also including any existing query params\nexport function useExplorerQueryParams(inputs: ExplorerQueryData): string {\n  const [query] = useQueryParams(explorerQueryConfig, { updateType: 'replaceIn' });\n  return stringify(encodeQueryParams(explorerQueryConfig, { ...query, ...inputs }));\n}\n"],"names":["encodeQueryParams","JsonParam","StringParam","useQueryParams","TimeRangeParam","stringify","explorerQueryConfig","refresh","start","end","explorer","data","useExplorerQueryParams","inputs","query","updateType"],"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,iBAAiB,EAAEC,SAAS,EAAEC,WAAW,EAAEC,cAAc,QAAQ,mBAAmB;AAC7F,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,SAAS,QAAQ,KAAK;AAE/B,OAAO,MAAMC,sBAAsB;IACjCC,SAASH;IACTI,OAAOJ;IACPK,KAAKL;IACLM,UAAUR;IACVS,MAAMV;AACR,EAAE;AAUF,oHAAoH;AACpH,OAAO,SAASW,uBAAuBC,MAAyB;IAC9D,MAAM,CAACC,MAAM,GAAGX,eAAeG,qBAAqB;QAAES,YAAY;IAAY;IAC9E,OAAOV,UAAUL,kBAAkBM,qBAAqB;QAAE,GAAGQ,KAAK;QAAE,GAAGD,MAAM;IAAC;AAChF"}
+{"version":3,"sources":["../../../src/components/ExploreManager/query-params.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\nimport { useQueryStates, createSerializer, parseAsString, parseAsJson } from 'nuqs';\nimport { parseAsTimeRangeValue } from '@perses-dev/plugin-system';\nimport { z } from 'zod';\n\nexport const parseAsExplorerQueryConfig = {\n  refresh: parseAsTimeRangeValue,\n  start: parseAsTimeRangeValue,\n  end: parseAsTimeRangeValue,\n  explorer: parseAsString,\n  data: parseAsJson(z.unknown()),\n};\n\ninterface ExplorerQueryData {\n  refresh?: Date;\n  start?: Date;\n  end?: Date;\n  explorer?: string;\n  data?: Record<string, unknown>;\n}\n\n// Provide a query string for the explorer page using the given inputs, but also including any existing query params\nexport function useExplorerQueryParams(inputs: ExplorerQueryData): string {\n  const [query] = useQueryStates(parseAsExplorerQueryConfig, { history: 'replace' });\n  const serialize = createSerializer(parseAsExplorerQueryConfig);\n  return serialize({ ...query, ...inputs });\n}\n"],"names":["useQueryStates","createSerializer","parseAsString","parseAsJson","parseAsTimeRangeValue","z","parseAsExplorerQueryConfig","refresh","start","end","explorer","data","unknown","useExplorerQueryParams","inputs","query","history","serialize"],"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,cAAc,EAAEC,gBAAgB,EAAEC,aAAa,EAAEC,WAAW,QAAQ,OAAO;AACpF,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,CAAC,QAAQ,MAAM;AAExB,OAAO,MAAMC,6BAA6B;IACxCC,SAASH;IACTI,OAAOJ;IACPK,KAAKL;IACLM,UAAUR;IACVS,MAAMR,YAAYE,EAAEO,OAAO;AAC7B,EAAE;AAUF,oHAAoH;AACpH,OAAO,SAASC,uBAAuBC,MAAyB;IAC9D,MAAM,CAACC,MAAM,GAAGf,eAAeM,4BAA4B;QAAEU,SAAS;IAAU;IAChF,MAAMC,YAAYhB,iBAAiBK;IACnC,OAAOW,UAAU;QAAE,GAAGF,KAAK;QAAE,GAAGD,MAAM;IAAC;AACzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/explore",
-  "version": "0.52.0-rc.0",
+  "version": "0.52.0-rc.1",
   "description": "The explore feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -28,29 +28,29 @@
   },
   "dependencies": {
     "@nexucis/fuzzy": "^0.5.1",
-    "@perses-dev/components": "0.52.0-rc.0",
-    "@perses-dev/core": "0.52.0-rc.0",
-    "@perses-dev/dashboards": "0.52.0-rc.0",
-    "@perses-dev/plugin-system": "0.52.0-rc.0",
+    "@perses-dev/components": "0.52.0-rc.1",
+    "@perses-dev/core": "0.52.0-rc.1",
+    "@perses-dev/dashboards": "0.52.0-rc.1",
+    "@perses-dev/plugin-system": "0.52.0-rc.1",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^4.1.0",
     "immer": "^10.1.1",
     "mdi-material-ui": "^7.9.2",
-    "qs": "^6.13.0",
+    "nuqs": "^2.5.1",
     "react-grid-layout": "^1.3.4",
     "react-hook-form": "^7.46.1",
     "react-intersection-observer": "^9.4.0",
     "react-virtuoso": "^4.12.2",
     "use-immer": "^0.11.0",
-    "use-query-params": "^2.1.1",
     "use-resize-observer": "^9.0.0",
+    "zod": "^3.21.4",
     "zustand": "^4.3.3"
   },
   "devDependencies": {
-    "@perses-dev/internal-utils": "0.52.0-rc.0",
+    "@perses-dev/internal-utils": "0.52.0-rc.1",
     "history": "^5.3.0",
     "intersection-observer": "^0.12.2",
-    "react-router-dom": "^6.11.0"
+    "react-router-dom": "^6.30.1"
   },
   "peerDependencies": {
     "@mui/material": "^6.1.10",