@perses-dev/dashboards 0.41.0 → 0.42.0

package/dist/context/DatasourceStoreProvider.js

@@ -11,13 +11,16 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { useEvent } from '@perses-dev/core';
 import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-system';
 /**
  * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.
  */ export function DatasourceStoreProvider(props) {
-    const { dashboardResource , projectName , datasourceApi , onCreate , children  } = props;
+    const { projectName , datasourceApi , onCreate , children  } = props;
+    const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);
+    var _props_savedDatasources;
+    const [savedDatasources, setSavedDatasources] = useState((_props_savedDatasources = props.savedDatasources) !== null && _props_savedDatasources !== void 0 ? _props_savedDatasources : {});
     const project = projectName !== null && projectName !== void 0 ? projectName : dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.metadata.project;
     const { getPlugin , listPluginMetadata  } = usePluginRegistry();
     const findDatasource = useEvent(async (selector)=>{
@@ -106,29 +109,77 @@ import { DatasourceStoreContext, usePluginRegistry } from '@perses-dev/plugin-sy
             for(const selectorName in dashboardResource.spec.datasources){
                 const spec = dashboardResource.spec.datasources[selectorName];
                 if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;
-                addItem(spec, selectorName, 'dashboard');
+                const saved = selectorName in savedDatasources;
+                addItem({
+                    spec,
+                    selectorName,
+                    selectorGroup: 'dashboard',
+                    saved
+                });
             }
         }
         // Now look at project-level datasources
         for (const datasource of datasources){
             const selectorName = datasource.metadata.name;
-            addItem(datasource.spec, selectorName, 'project', `/projects/${project}/datasources`);
+            addItem({
+                spec: datasource.spec,
+                selectorName,
+                selectorGroup: 'project',
+                editLink: `/projects/${project}/datasources`
+            });
         }
         // And finally global datasources
         for (const globalDatasource of globalDatasources){
             const selectorName = globalDatasource.metadata.name;
-            addItem(globalDatasource.spec, selectorName, 'global', '/admin/datasources');
+            addItem({
+                spec: globalDatasource.spec,
+                selectorName,
+                selectorGroup: 'global',
+                editLink: '/admin/datasources'
+            });
         }
         return results;
     });
+    const getLocalDatasources = useCallback(()=>{
+        var _dashboardResource_spec_datasources;
+        return (_dashboardResource_spec_datasources = dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.spec.datasources) !== null && _dashboardResource_spec_datasources !== void 0 ? _dashboardResource_spec_datasources : {};
+    }, [
+        dashboardResource
+    ]);
+    const getSavedDatasources = useCallback(()=>{
+        return savedDatasources;
+    }, [
+        savedDatasources
+    ]);
+    const setLocalDatasources = useCallback((datasources)=>{
+        if (dashboardResource) {
+            setDashboardResource({
+                ...dashboardResource,
+                spec: {
+                    ...dashboardResource.spec,
+                    datasources: datasources
+                }
+            });
+        }
+    }, [
+        dashboardResource
+    ]);
     const ctxValue = useMemo(()=>({
             getDatasource,
             getDatasourceClient,
+            getLocalDatasources,
+            setLocalDatasources,
+            setSavedDatasources,
+            getSavedDatasources,
             listDatasourceSelectItems
         }), [
         getDatasource,
         getDatasourceClient,
-        listDatasourceSelectItems
+        getLocalDatasources,
+        setLocalDatasources,
+        listDatasourceSelectItems,
+        setSavedDatasources,
+        getSavedDatasources
     ]);
     return /*#__PURE__*/ _jsx(DatasourceStoreContext.Provider, {
         value: ctxValue,
@@ -170,7 +221,7 @@ function findDashboardDatasource(dashboardDatasources, selector) {
     let explicitDefaultAdded = false;
     const groupIndices = {};
     let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.
-    const addItem = (spec, selectorName, group, editLink)=>{
+    const addItem = ({ spec , selectorName , selectorGroup: group , editLink , saved  })=>{
         var _spec_display;
         group = group !== null && group !== void 0 ? group : '';
         // Ensure the default group is always present as soon as an item is added.
@@ -199,6 +250,7 @@ function findDashboardDatasource(dashboardDatasources, selector) {
         selectItemGroup.items.push({
             name: (_spec_display_name = (_spec_display = spec.display) === null || _spec_display === void 0 ? void 0 : _spec_display.name) !== null && _spec_display_name !== void 0 ? _spec_display_name : selectorName,
             overridden: isOverridden,
+            saved,
             selector: {
                 kind: spec.plugin.kind,
                 name: selectorName,

package/dist/context/DatasourceStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2023 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 { ReactNode, useCallback, useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  ProjectDatasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\nexport type BuildDatasourceProxyUrlParams = {\n  project?: string;\n  dashboard?: string;\n  name: string;\n};\n\nexport type BuildDatasourceProxyUrlFunc = (p: BuildDatasourceProxyUrlParams) => string;\n\n/**\n * The external API for fetching datasource resources\n */\nexport interface DatasourceApi {\n  buildProxyUrl?: BuildDatasourceProxyUrlFunc;\n\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<ProjectDatasource | undefined>;\n\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<ProjectDatasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { dashboardResource, projectName, datasourceApi, onCreate, children } = props;\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return {\n          spec: dashboardDatasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: dashboardResource.metadata.project,\n            dashboard: dashboardResource.metadata.name,\n            name: dashboardDatasource.name,\n          }),\n        };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return {\n          spec: datasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: datasource.metadata.project,\n            name: datasource.metadata.name,\n          }),\n        };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return {\n        spec: globalDatasource.spec,\n        proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n          name: globalDatasource.metadata.name,\n        }),\n      };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceSelectItems = useEvent(\n    async (datasourcePluginKind: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata('Datasource'),\n        project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginKind),\n      ]);\n\n      // Find the metadata for the plugin type they asked for, so we can use it for the name of the default datasource\n      const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);\n\n      // Start with dashboard datasources with the highest precedence\n      if (dashboardResource?.spec.datasources) {\n        for (const selectorName in dashboardResource.spec.datasources) {\n          const spec = dashboardResource.spec.datasources[selectorName];\n          if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n\n          addItem(spec, selectorName, 'dashboard');\n        }\n      }\n\n      // Now look at project-level datasources\n      for (const datasource of datasources) {\n        const selectorName = datasource.metadata.name;\n        addItem(datasource.spec, selectorName, 'project', `/projects/${project}/datasources`);\n      }\n\n      // And finally global datasources\n      for (const globalDatasource of globalDatasources) {\n        const selectorName = globalDatasource.metadata.name;\n        addItem(globalDatasource.spec, selectorName, 'global', '/admin/datasources');\n      }\n\n      return results;\n    }\n  );\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      listDatasourceSelectItems,\n    }),\n    [getDatasource, getDatasourceClient, listDatasourceSelectItems]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\nfunction buildDatasourceProxyUrl(api: DatasourceApi, params: BuildDatasourceProxyUrlParams): string {\n  return api.buildProxyUrl ? api.buildProxyUrl(params) : '';\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(\n  dashboardDatasources: DashboardSpec['datasources'],\n  selector: DatasourceSelector\n): { name: string; spec: DatasourceSpec } | undefined {\n  if (dashboardDatasources === undefined) return undefined;\n\n  // If using a name in the selector...\n  if (selector.name !== undefined) {\n    const named = dashboardDatasources[selector.name];\n    if (named === undefined) return undefined;\n    return named.plugin.kind === selector.kind ? { name: selector.name, spec: named } : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  const result = Object.entries(dashboardDatasources).find(\n    (entry) => entry[1].plugin.kind === selector.kind && entry[1].default\n  );\n  if (!result) {\n    return undefined;\n  }\n  return { name: result[0], spec: result[1] };\n}\n\ntype AddDatasourceSelectItemFunc = (\n  spec: DatasourceSpec,\n  selectorName: string,\n  selectorGroup?: string,\n  editLink?: string\n) => void;\n\n/**\n * Helper for building a list of DatasourceSelectItemGroup results.\n * @param pluginDisplayName\n */\nfunction buildDatasourceSelectItemGroups(pluginDisplayName: string): {\n  results: DatasourceSelectItemGroup[];\n  addItem: AddDatasourceSelectItemFunc;\n} {\n  const results: DatasourceSelectItemGroup[] = [];\n  const usedNames = new Set<string>();\n  let isFirst = true;\n  let explicitDefaultAdded = false;\n  const groupIndices: Record<string, number> = {};\n  let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.\n\n  const addItem = (spec: DatasourceSpec, selectorName: string, group?: string, editLink?: string) => {\n    group = group ?? '';\n\n    // Ensure the default group is always present as soon as an item is added.\n    if (isFirst) {\n      results.push({\n        group: `Default ${pluginDisplayName}`,\n        items: [],\n      });\n    }\n\n    // Create the group if necessary\n    let selectItemGroup = results[groupIndices[group] ?? -1];\n    if (!selectItemGroup) {\n      groupIndices[group] = currentGroupIndex;\n      selectItemGroup = { items: [], group, editLink };\n      results[currentGroupIndex] = selectItemGroup;\n      currentGroupIndex++;\n    }\n\n    // Add item to the group\n    const isOverridden = usedNames.has(selectorName);\n    selectItemGroup.items.push({\n      name: spec.display?.name ?? selectorName,\n      overridden: isOverridden,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n        group,\n      },\n    });\n    usedNames.add(selectorName);\n\n    const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;\n    if (results[0] && (isFirst || isExplicitDefault)) {\n      // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n      results[0].items = [\n        {\n          name: `Default (${selectorName} from ${group})`,\n          selector: {\n            kind: spec.plugin.kind,\n          },\n        },\n      ];\n      // We consider that we added the default datasource only if it has been explicitly set as default.\n      // If we add this datasource as default just because it's the first, it still needs to be overridable by\n      // another datasource explicitly set as default.\n      explicitDefaultAdded = isExplicitDefault;\n    }\n\n    // At the end, we make sure the overriding item(s) is well flagged so\n    if (isOverridden) {\n      for (let i = explicitDefaultAdded ? 1 : 0; i < currentGroupIndex; i++) {\n        (results[i]?.items ?? [])\n          .filter((item: DatasourceSelectItem) => item.selector.name === selectorName)\n          .forEach((item: DatasourceSelectItem) => {\n            item.overriding = true;\n          });\n      }\n    }\n\n    isFirst = false;\n  };\n\n  return { results, addItem };\n}\n"],"names":["useCallback","useMemo","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","dashboardResource","projectName","datasourceApi","onCreate","children","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","buildDatasourceProxyUrl","dashboard","name","datasource","getDatasource","globalDatasource","getGlobalDatasource","Error","kind","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addItem","buildDatasourceSelectItemGroups","display","selectorName","ctxValue","Provider","value","api","params","buildProxyUrl","dashboardDatasources","named","result","Object","entries","entry","default","pluginDisplayName","usedNames","Set","isFirst","explicitDefaultAdded","groupIndices","currentGroupIndex","group","editLink","push","items","selectItemGroup","isOverridden","has","overridden","add","isExplicitDefault","i","filter","item","forEach","overriding"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2023 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 { ReactNode, useCallback, useMemo, useState } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  ProjectDatasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource?: DashboardResource;\n  projectName?: string;\n  datasourceApi: DatasourceApi;\n  children?: ReactNode;\n  savedDatasources?: Record<string, DatasourceSpec>;\n  onCreate?: (client: DatasourceClient) => DatasourceClient;\n}\n\nexport type BuildDatasourceProxyUrlParams = {\n  project?: string;\n  dashboard?: string;\n  name: string;\n};\n\nexport type BuildDatasourceProxyUrlFunc = (p: BuildDatasourceProxyUrlParams) => string;\n\n/**\n * The external API for fetching datasource resources\n */\nexport interface DatasourceApi {\n  buildProxyUrl?: BuildDatasourceProxyUrlFunc;\n\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<ProjectDatasource | undefined>;\n\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<ProjectDatasource[]>;\n\n  listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;\n}\n\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps) {\n  const { projectName, datasourceApi, onCreate, children } = props;\n  const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);\n  const [savedDatasources, setSavedDatasources] = useState<Record<string, DatasourceSpec>>(\n    props.savedDatasources ?? {}\n  );\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    if (dashboardResource) {\n      const { datasources } = dashboardResource.spec;\n      const dashboardDatasource = findDashboardDatasource(datasources, selector);\n      if (dashboardDatasource !== undefined) {\n        return {\n          spec: dashboardDatasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: dashboardResource.metadata.project,\n            dashboard: dashboardResource.metadata.name,\n            name: dashboardDatasource.name,\n          }),\n        };\n      }\n    }\n\n    if (project) {\n      // Try to find it at the project level as a Datasource resource\n      const datasource = await datasourceApi.getDatasource(project, selector);\n      if (datasource !== undefined) {\n        return {\n          spec: datasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: datasource.metadata.project,\n            name: datasource.metadata.name,\n          }),\n        };\n      }\n    }\n\n    // Try to find it at the global level as a GlobalDatasource resource\n    const globalDatasource = await datasourceApi.getGlobalDatasource(selector);\n    if (globalDatasource !== undefined) {\n      return {\n        spec: globalDatasource.spec,\n        proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n          name: globalDatasource.metadata.name,\n        }),\n      };\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  // Gets a datasource spec for a given selector\n  const getDatasource = useCallback(\n    async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n      const { spec } = await findDatasource(selector);\n      return spec;\n    },\n    [findDatasource]\n  );\n\n  // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client\n  const getDatasourceClient = useCallback(\n    async function getClient<Client extends DatasourceClient>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n\n      // allows extending client\n      const client = plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n      if (onCreate !== undefined) {\n        return onCreate(client) as Client;\n      }\n      return client;\n    },\n    [findDatasource, getPlugin, onCreate]\n  );\n\n  const listDatasourceSelectItems = useEvent(\n    async (datasourcePluginKind: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata('Datasource'),\n        project ? datasourceApi.listDatasources(project, datasourcePluginKind) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginKind),\n      ]);\n\n      // Find the metadata for the plugin type they asked for, so we can use it for the name of the default datasource\n      const datasourcePluginMetadata = pluginMetadata.find((metadata) => metadata.kind === datasourcePluginKind);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);\n\n      // Start with dashboard datasources with the highest precedence\n      if (dashboardResource?.spec.datasources) {\n        for (const selectorName in dashboardResource.spec.datasources) {\n          const spec = dashboardResource.spec.datasources[selectorName];\n          if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;\n\n          const saved = selectorName in savedDatasources;\n          addItem({ spec, selectorName, selectorGroup: 'dashboard', saved });\n        }\n      }\n\n      // Now look at project-level datasources\n      for (const datasource of datasources) {\n        const selectorName = datasource.metadata.name;\n        addItem({\n          spec: datasource.spec,\n          selectorName,\n          selectorGroup: 'project',\n          editLink: `/projects/${project}/datasources`,\n        });\n      }\n\n      // And finally global datasources\n      for (const globalDatasource of globalDatasources) {\n        const selectorName = globalDatasource.metadata.name;\n        addItem({ spec: globalDatasource.spec, selectorName, selectorGroup: 'global', editLink: '/admin/datasources' });\n      }\n\n      return results;\n    }\n  );\n\n  const getLocalDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return dashboardResource?.spec.datasources ?? {};\n  }, [dashboardResource]);\n\n  const getSavedDatasources = useCallback((): Record<string, DatasourceSpec> => {\n    return savedDatasources;\n  }, [savedDatasources]);\n\n  const setLocalDatasources = useCallback(\n    (datasources: Record<string, DatasourceSpec>) => {\n      if (dashboardResource) {\n        setDashboardResource({\n          ...dashboardResource,\n          spec: {\n            ...dashboardResource.spec,\n            datasources: datasources,\n          },\n        });\n      }\n    },\n    [dashboardResource]\n  );\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      getLocalDatasources,\n      setLocalDatasources,\n      setSavedDatasources,\n      getSavedDatasources,\n      listDatasourceSelectItems,\n    }),\n    [\n      getDatasource,\n      getDatasourceClient,\n      getLocalDatasources,\n      setLocalDatasources,\n      listDatasourceSelectItems,\n      setSavedDatasources,\n      getSavedDatasources,\n    ]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\nfunction buildDatasourceProxyUrl(api: DatasourceApi, params: BuildDatasourceProxyUrlParams): string {\n  return api.buildProxyUrl ? api.buildProxyUrl(params) : '';\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(\n  dashboardDatasources: DashboardSpec['datasources'],\n  selector: DatasourceSelector\n): { name: string; spec: DatasourceSpec } | undefined {\n  if (dashboardDatasources === undefined) return undefined;\n\n  // If using a name in the selector...\n  if (selector.name !== undefined) {\n    const named = dashboardDatasources[selector.name];\n    if (named === undefined) return undefined;\n    return named.plugin.kind === selector.kind ? { name: selector.name, spec: named } : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  const result = Object.entries(dashboardDatasources).find(\n    (entry) => entry[1].plugin.kind === selector.kind && entry[1].default\n  );\n  if (!result) {\n    return undefined;\n  }\n  return { name: result[0], spec: result[1] };\n}\n\ninterface AddDatasouceSelectItemParams {\n  spec: DatasourceSpec;\n  selectorName: string;\n  selectorGroup?: string;\n  editLink?: string;\n  saved?: boolean;\n}\n\ntype AddDatasourceSelectItemFunc = (params: AddDatasouceSelectItemParams) => void;\n\n/**\n * Helper for building a list of DatasourceSelectItemGroup results.\n * @param pluginDisplayName\n */\nfunction buildDatasourceSelectItemGroups(pluginDisplayName: string): {\n  results: DatasourceSelectItemGroup[];\n  addItem: AddDatasourceSelectItemFunc;\n} {\n  const results: DatasourceSelectItemGroup[] = [];\n  const usedNames = new Set<string>();\n  let isFirst = true;\n  let explicitDefaultAdded = false;\n  const groupIndices: Record<string, number> = {};\n  let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.\n\n  const addItem = ({ spec, selectorName, selectorGroup: group, editLink, saved }: AddDatasouceSelectItemParams) => {\n    group = group ?? '';\n\n    // Ensure the default group is always present as soon as an item is added.\n    if (isFirst) {\n      results.push({\n        group: `Default ${pluginDisplayName}`,\n        items: [],\n      });\n    }\n\n    // Create the group if necessary\n    let selectItemGroup = results[groupIndices[group] ?? -1];\n    if (!selectItemGroup) {\n      groupIndices[group] = currentGroupIndex;\n      selectItemGroup = { items: [], group, editLink };\n      results[currentGroupIndex] = selectItemGroup;\n      currentGroupIndex++;\n    }\n\n    // Add item to the group\n    const isOverridden = usedNames.has(selectorName);\n    selectItemGroup.items.push({\n      name: spec.display?.name ?? selectorName,\n      overridden: isOverridden,\n      saved,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n        group,\n      },\n    });\n    usedNames.add(selectorName);\n\n    const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;\n    if (results[0] && (isFirst || isExplicitDefault)) {\n      // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n      results[0].items = [\n        {\n          name: `Default (${selectorName} from ${group})`,\n          selector: {\n            kind: spec.plugin.kind,\n          },\n        },\n      ];\n      // We consider that we added the default datasource only if it has been explicitly set as default.\n      // If we add this datasource as default just because it's the first, it still needs to be overridable by\n      // another datasource explicitly set as default.\n      explicitDefaultAdded = isExplicitDefault;\n    }\n\n    // At the end, we make sure the overriding item(s) is well flagged so\n    if (isOverridden) {\n      for (let i = explicitDefaultAdded ? 1 : 0; i < currentGroupIndex; i++) {\n        (results[i]?.items ?? [])\n          .filter((item: DatasourceSelectItem) => item.selector.name === selectorName)\n          .forEach((item: DatasourceSelectItem) => {\n            item.overriding = true;\n          });\n      }\n    }\n\n    isFirst = false;\n  };\n\n  return { results, addItem };\n}\n"],"names":["useCallback","useMemo","useState","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","projectName","datasourceApi","onCreate","children","dashboardResource","setDashboardResource","savedDatasources","setSavedDatasources","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","buildDatasourceProxyUrl","dashboard","name","datasource","getDatasource","globalDatasource","getGlobalDatasource","Error","kind","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addItem","buildDatasourceSelectItemGroups","display","selectorName","saved","selectorGroup","editLink","getLocalDatasources","getSavedDatasources","setLocalDatasources","ctxValue","Provider","value","api","params","buildProxyUrl","dashboardDatasources","named","result","Object","entries","entry","default","pluginDisplayName","usedNames","Set","isFirst","explicitDefaultAdded","groupIndices","currentGroupIndex","group","push","items","selectItemGroup","isOverridden","has","overridden","add","isExplicitDefault","i","filter","item","forEach","overriding"],"mappings":"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"}

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.d.ts

@@ -72,5 +72,6 @@ export interface TemplateVariableProviderProps {
     builtinVariables?: BuiltinVariableDefinition[];
 }
 export declare function TemplateVariableProvider({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariables, }: TemplateVariableProviderProps): JSX.Element;
+export declare function TemplateVariableProviderWithQueryParams({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariables, }: TemplateVariableProviderProps): JSX.Element;
 export {};
 //# sourceMappingURL=TemplateVariableProvider.d.ts.map

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAC;AAKhF,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,cAAc,EAGf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,YAAY,EACZ,aAAa,EACb,kBAAkB,EAGlB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAK1B,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,2BAA2B,EAAE,0BAA0B,EAAE,CAAC;IAC1D,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACpE,wBAAwB,EAAE,MAAM,kBAAkB,EAAE,CAAC;IACrD,uBAAuB,EAAE,MAAM;QAAE,uBAAuB,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACtG,CAAC;AAKF,wBAAgB,2BAA2B;;;;;;;;EAM1C;AAED,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAoCjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM;;;EAWhE;AAED,wBAAgB,0BAA0B;;;;;;;;;;EAYzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,sCAAsC,iCAGrD;AAED,wBAAgB,wBAAwB,0BAGvC;AAyPD,oBAAY,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,kBAAkB,EAAE,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClD;;;;;;;OAOG;IACH,2BAA2B,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,yBAAyB,EAAE,CAAC;CAChD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,EAC/B,2BAAgC,EAChC,gBAAqB,GACtB,EAAE,6BAA6B,eAY/B"}
+{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAC;AAKhF,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,cAAc,EAGf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,YAAY,EACZ,aAAa,EACb,kBAAkB,EAGlB,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAK1B,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,2BAA2B,EAAE,0BAA0B,EAAE,CAAC;IAC1D,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7F,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACpE,wBAAwB,EAAE,MAAM,kBAAkB,EAAE,CAAC;IACrD,uBAAuB,EAAE,MAAM;QAAE,uBAAuB,EAAE,OAAO,CAAC;QAAC,qBAAqB,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CACtG,CAAC;AAKF,wBAAgB,2BAA2B;;;;;;;;EAM1C;AAED,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAoCjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM;;;EAWhE;AAED,wBAAgB,0BAA0B;;;;;;;;;;EAYzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,sCAAsC,iCAGrD;AAED,wBAAgB,wBAAwB,0BAGvC;AAyPD,oBAAY,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,kBAAkB,EAAE,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAClD;;;;;;;OAOG;IACH,2BAA2B,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,yBAAyB,EAAE,CAAC;CAChD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,EAC/B,2BAAgC,EAChC,gBAAqB,GACtB,EAAE,6BAA6B,eAQ/B;AAED,wBAAgB,uCAAuC,CAAC,EACtD,QAAQ,EACR,0BAA+B,EAC/B,2BAAgC,EAChC,gBAAqB,GACtB,EAAE,6BAA6B,eAY/B"}

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.js

@@ -332,6 +332,19 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
     return store;
 }
 export function TemplateVariableProvider({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
+    const [store] = useState(createTemplateVariableSrvStore({
+        initialVariableDefinitions,
+        externalVariableDefinitions
+    }));
+    return /*#__PURE__*/ _jsx(TemplateVariableStoreContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ _jsx(PluginProvider, {
+            builtinVariables: builtinVariables,
+            children: children
+        })
+    });
+}
+export function TemplateVariableProviderWithQueryParams({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
     const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);
     const queryParams = useVariableQueryParams(allVariableDefs);
     const [store] = useState(createTemplateVariableSrvStore({

package/dist/context/TemplateVariableProvider/TemplateVariableProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"sourcesContent":["// Copyright 2023 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, ReactNode, useContext, useMemo, useState } from 'react';\nimport { createStore, useStore } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport produce from 'immer';\nimport {\n  TemplateVariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableStoreStateMap,\n  VariableOption,\n  BuiltinVariableContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n  VariableName,\n  VariableValue,\n  VariableDefinition,\n  formatDuration,\n  intervalToPrometheusDuration,\n  BuiltinVariableDefinition,\n} from '@perses-dev/core';\nimport { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';\nimport { hydrateTemplateVariableStates } from './hydrationUtils';\nimport { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';\n\ntype TemplateVariableStore = {\n  variableDefinitions: VariableDefinition[];\n  externalVariableDefinitions: ExternalVariableDefinition[];\n  variableState: VariableStoreStateMap;\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n  setVariableDefaultValues: () => VariableDefinition[];\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n};\n\nconst TemplateVariableStoreContext = createContext<ReturnType<typeof createTemplateVariableSrvStore> | undefined>(\n  undefined\n);\nexport function useTemplateVariableStoreCtx() {\n  const context = useContext(TemplateVariableStoreContext);\n  if (!context) {\n    throw new Error('TemplateVariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useTemplateVariableValues(variableNames?: string[]) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(\n    store,\n    (s) => {\n      const vars: VariableStateMap = {};\n\n      // Collect values of local variables, from the variable state\n      const names = variableNames ?? s.variableDefinitions.map((value) => value.spec.name);\n      names.forEach((name) => {\n        const varState = s.variableState.get({ name });\n        if (!varState || varState.overridden) {\n          return;\n        }\n        vars[name] = varState;\n      });\n\n      // Collect values of external variables, from the variable state\n      s.externalVariableDefinitions.forEach((d) => {\n        const source = d.source;\n        d.definitions.forEach((value) => {\n          const name = value.spec.name;\n          const varState = s.variableState.get({ name, source });\n          if (!varState || varState.overridden) {\n            return;\n          }\n          vars[name] = varState;\n        });\n      });\n\n      return vars;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\n/**\n * Get the state and definition of a variable from the Template variables context.\n * @param name name of the variable\n * @param source if given, it searches in the external variables\n */\nexport function useTemplateVariable(name: string, source?: string) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    const state = s.variableState.get({ name, source });\n    const definitions = source\n      ? s.externalVariableDefinitions.find((v) => v.source === source)?.definitions\n      : s.variableDefinitions;\n    const definition = (definitions || []).find((v) => v.spec.name === name);\n\n    return { state, definition };\n  });\n}\n\nexport function useTemplateVariableActions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    return {\n      setVariableValue: s.setVariableValue,\n      setVariableLoading: s.setVariableLoading,\n      setVariableOptions: s.setVariableOptions,\n      setVariableDefinitions: s.setVariableDefinitions,\n      setVariableDefaultValues: s.setVariableDefaultValues,\n      getSavedVariablesStatus: s.getSavedVariablesStatus,\n    };\n  });\n}\n\nexport function useTemplateVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useTemplateExternalVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.externalVariableDefinitions);\n}\n\nexport function useTemplateVariableStore() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store);\n}\n\ninterface PluginProviderProps {\n  children: ReactNode;\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nfunction PluginProvider({ children, builtinVariables }: PluginProviderProps) {\n  const originalValues = useTemplateVariableValues();\n  const definitions = useTemplateVariableDefinitions();\n  const externalDefinitions = useTemplateExternalVariableDefinitions();\n  const { absoluteTimeRange } = useTimeRange();\n\n  const values = useMemo(() => {\n    const contextValues: VariableStateMap = {};\n\n    // This will loop through all the current variables values\n    // and update any variables that have ALL_VALUE as their current value\n    // to include all options.\n    Object.keys(originalValues).forEach((name) => {\n      const v = { ...originalValues[name] } as VariableState;\n\n      if (v.value === ALL_VALUE) {\n        const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);\n        // If the variable is a list variable and has a custom all value, then use that value instead\n        if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {\n          v.value = definition.spec.customAllValue;\n        } else {\n          v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n        }\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues, definitions, externalDefinitions]);\n\n  const allBuiltinVariables: BuiltinVariableDefinition[] = [\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__from',\n        value: () => absoluteTimeRange.start.valueOf().toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__from',\n          description: 'Start time of the current time range in unix millisecond epoch',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__to',\n        value: () => absoluteTimeRange.end.valueOf().toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__to',\n          description: 'End time of the current time range in unix millisecond epoch',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__range',\n        value: () => formatDuration(intervalToPrometheusDuration(absoluteTimeRange)),\n        source: 'Dashboard',\n        display: {\n          name: '__range',\n          description: 'The range for the current dashboard in human readable format',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__range_s',\n        value: () => ((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__range_s',\n          description: 'The range for the current dashboard in second',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__range_ms',\n        value: () => (absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__range_ms',\n          description: 'The range for the current dashboard in millisecond',\n          hidden: true,\n        },\n      },\n    },\n  ];\n  builtinVariables?.forEach((def) => allBuiltinVariables.push(def));\n\n  return (\n    <BuiltinVariableContext.Provider value={{ variables: allBuiltinVariables }}>\n      <TemplateVariableContext.Provider value={{ state: values }}>{children}</TemplateVariableContext.Provider>\n    </BuiltinVariableContext.Provider>\n  );\n}\n\ninterface TemplateVariableSrvArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n}\n\nfunction createTemplateVariableSrvStore({\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  queryParams,\n}: TemplateVariableSrvArgs) {\n  const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const store = createStore<TemplateVariableStore>()(\n    devtools(\n      immer((set, get) => ({\n        variableState: hydrateTemplateVariableStates(\n          initialVariableDefinitions,\n          initialParams,\n          externalVariableDefinitions\n        ),\n        variableDefinitions: initialVariableDefinitions,\n        externalVariableDefinitions: externalVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]) {\n          set(\n            (state) => {\n              state.variableDefinitions = definitions;\n              state.variableState = hydrateTemplateVariableStates(\n                definitions,\n                initialParams,\n                externalVariableDefinitions\n              );\n            },\n            false,\n            '[Variables] setVariableDefinitions' // Used for action name in Redux devtools\n          );\n        },\n        setVariableOptions(name, options, source?: string) {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.options = options;\n            },\n            false,\n            '[Variables] setVariableOptions'\n          );\n        },\n        setVariableLoading(name, loading, source?: string) {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.loading = loading;\n            },\n            false,\n            '[Variables] setVariableLoading'\n          );\n        },\n        setVariableValue: (name, value, source?: string) =>\n          set(\n            (state) => {\n              let val = value;\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n\n              // Make sure there is only one all value\n              if (Array.isArray(val) && val.includes(ALL_VALUE)) {\n                if (val.at(-1) === ALL_VALUE) {\n                  val = ALL_VALUE;\n                } else {\n                  val = val.filter((v) => v !== ALL_VALUE);\n                }\n              }\n              if (queryParams) {\n                const setQueryParams = queryParams[1];\n                setQueryParams({ [getURLQueryParamName(name)]: val });\n              }\n              varState.value = val;\n            },\n            false,\n            '[Variables] setVariableValue'\n          ),\n        setVariableDefaultValues: () => {\n          const variableDefinitions = get().variableDefinitions;\n          const variableState = get().variableState;\n          const updatedVariables = produce(variableDefinitions, (draft) => {\n            draft.forEach((variable, index) => {\n              const name = variable.spec.name;\n              if (variable.kind === 'ListVariable') {\n                const currentVariable = variableState.get({ name });\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'ListVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.defaultValue = currentVariable.value;\n                    }),\n                  };\n                }\n              } else if (variable.kind === 'TextVariable') {\n                const currentVariable = variableState.get({ name });\n                const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'TextVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.value = currentVariableValue;\n                    }),\n                  };\n                }\n              }\n            });\n          });\n          set(\n            (state) => {\n              state.variableDefinitions = updatedVariables;\n            },\n            false,\n            '[Variables] setVariableDefaultValues'\n          );\n          return updatedVariables;\n        },\n        getSavedVariablesStatus: () => {\n          return checkSavedDefaultVariableStatus(get().variableDefinitions, get().variableState);\n        },\n      }))\n    )\n  );\n\n  return store;\n}\n\nexport type ExternalVariableDefinition = {\n  source: string;\n  tooltip?: {\n    title?: string;\n    description?: string;\n  };\n  editLink?: string;\n  definitions: VariableDefinition[];\n};\n\nexport interface TemplateVariableProviderProps {\n  children: ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n  /**\n   * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.\n   * It means that you won´t be able to update them from the dashboard itself, but you will see them appear and will be able\n   * to modify their runtime value as any other variable.\n   * If one of the external variable has the same name as a local one, it will be marked as overridden.\n   * You can define one list of variable definition by source and as many source as you want.\n   * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.\n   */\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nexport function TemplateVariableProvider({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariables = [],\n}: TemplateVariableProviderProps) {\n  const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);\n  const queryParams = useVariableQueryParams(allVariableDefs);\n  const [store] = useState(\n    createTemplateVariableSrvStore({ initialVariableDefinitions, externalVariableDefinitions, queryParams })\n  );\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","immer","devtools","produce","TemplateVariableContext","BuiltinVariableContext","useTimeRange","DEFAULT_ALL_VALUE","ALL_VALUE","formatDuration","intervalToPrometheusDuration","checkSavedDefaultVariableStatus","findVariableDefinitionByName","mergeVariableDefinitions","hydrateTemplateVariableStates","getInitalValuesFromQueryParameters","getURLQueryParamName","useVariableQueryParams","TemplateVariableStoreContext","undefined","useTemplateVariableStoreCtx","context","Error","useTemplateVariableValues","variableNames","store","s","vars","names","variableDefinitions","map","value","spec","name","forEach","varState","variableState","get","overridden","externalVariableDefinitions","d","source","definitions","left","right","JSON","stringify","useTemplateVariable","state","find","v","definition","useTemplateVariableActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","setVariableDefaultValues","getSavedVariablesStatus","useTemplateVariableDefinitions","useTemplateExternalVariableDefinitions","useTemplateVariableStore","PluginProvider","children","builtinVariables","originalValues","externalDefinitions","absoluteTimeRange","values","contextValues","Object","keys","kind","customAllValue","options","o","allBuiltinVariables","start","valueOf","toString","display","description","hidden","end","def","push","Provider","variables","createTemplateVariableSrvStore","initialVariableDefinitions","queryParams","initialParams","set","loading","val","Array","isArray","includes","at","filter","setQueryParams","updatedVariables","draft","variable","index","currentVariable","specDraft","defaultValue","currentVariableValue","TemplateVariableProvider","allVariableDefs"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/TemplateVariableProvider/TemplateVariableProvider.tsx"],"sourcesContent":["// Copyright 2023 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, ReactNode, useContext, useMemo, useState } from 'react';\nimport { createStore, useStore } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport produce from 'immer';\nimport {\n  TemplateVariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableStoreStateMap,\n  VariableOption,\n  BuiltinVariableContext,\n  useTimeRange,\n} from '@perses-dev/plugin-system';\nimport {\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n  VariableName,\n  VariableValue,\n  VariableDefinition,\n  formatDuration,\n  intervalToPrometheusDuration,\n  BuiltinVariableDefinition,\n} from '@perses-dev/core';\nimport { checkSavedDefaultVariableStatus, findVariableDefinitionByName, mergeVariableDefinitions } from './utils';\nimport { hydrateTemplateVariableStates } from './hydrationUtils';\nimport { getInitalValuesFromQueryParameters, getURLQueryParamName, useVariableQueryParams } from './query-params';\n\ntype TemplateVariableStore = {\n  variableDefinitions: VariableDefinition[];\n  externalVariableDefinitions: ExternalVariableDefinition[];\n  variableState: VariableStoreStateMap;\n  setVariableValue: (variableName: VariableName, value: VariableValue, source?: string) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[], source?: string) => void;\n  setVariableLoading: (name: VariableName, loading: boolean, source?: string) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n  setVariableDefaultValues: () => VariableDefinition[];\n  getSavedVariablesStatus: () => { isSavedVariableModified: boolean; modifiedVariableNames: string[] };\n};\n\nconst TemplateVariableStoreContext = createContext<ReturnType<typeof createTemplateVariableSrvStore> | undefined>(\n  undefined\n);\nexport function useTemplateVariableStoreCtx() {\n  const context = useContext(TemplateVariableStoreContext);\n  if (!context) {\n    throw new Error('TemplateVariableStoreContext not initialized');\n  }\n  return context;\n}\n\nexport function useTemplateVariableValues(variableNames?: string[]) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(\n    store,\n    (s) => {\n      const vars: VariableStateMap = {};\n\n      // Collect values of local variables, from the variable state\n      const names = variableNames ?? s.variableDefinitions.map((value) => value.spec.name);\n      names.forEach((name) => {\n        const varState = s.variableState.get({ name });\n        if (!varState || varState.overridden) {\n          return;\n        }\n        vars[name] = varState;\n      });\n\n      // Collect values of external variables, from the variable state\n      s.externalVariableDefinitions.forEach((d) => {\n        const source = d.source;\n        d.definitions.forEach((value) => {\n          const name = value.spec.name;\n          const varState = s.variableState.get({ name, source });\n          if (!varState || varState.overridden) {\n            return;\n          }\n          vars[name] = varState;\n        });\n      });\n\n      return vars;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n}\n\n/**\n * Get the state and definition of a variable from the Template variables context.\n * @param name name of the variable\n * @param source if given, it searches in the external variables\n */\nexport function useTemplateVariable(name: string, source?: string) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    const state = s.variableState.get({ name, source });\n    const definitions = source\n      ? s.externalVariableDefinitions.find((v) => v.source === source)?.definitions\n      : s.variableDefinitions;\n    const definition = (definitions || []).find((v) => v.spec.name === name);\n\n    return { state, definition };\n  });\n}\n\nexport function useTemplateVariableActions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    return {\n      setVariableValue: s.setVariableValue,\n      setVariableLoading: s.setVariableLoading,\n      setVariableOptions: s.setVariableOptions,\n      setVariableDefinitions: s.setVariableDefinitions,\n      setVariableDefaultValues: s.setVariableDefaultValues,\n      getSavedVariablesStatus: s.getSavedVariablesStatus,\n    };\n  });\n}\n\nexport function useTemplateVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useTemplateExternalVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.externalVariableDefinitions);\n}\n\nexport function useTemplateVariableStore() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store);\n}\n\ninterface PluginProviderProps {\n  children: ReactNode;\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nfunction PluginProvider({ children, builtinVariables }: PluginProviderProps) {\n  const originalValues = useTemplateVariableValues();\n  const definitions = useTemplateVariableDefinitions();\n  const externalDefinitions = useTemplateExternalVariableDefinitions();\n  const { absoluteTimeRange } = useTimeRange();\n\n  const values = useMemo(() => {\n    const contextValues: VariableStateMap = {};\n\n    // This will loop through all the current variables values\n    // and update any variables that have ALL_VALUE as their current value\n    // to include all options.\n    Object.keys(originalValues).forEach((name) => {\n      const v = { ...originalValues[name] } as VariableState;\n\n      if (v.value === ALL_VALUE) {\n        const definition = findVariableDefinitionByName(name, definitions, externalDefinitions);\n        // If the variable is a list variable and has a custom all value, then use that value instead\n        if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {\n          v.value = definition.spec.customAllValue;\n        } else {\n          v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n        }\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues, definitions, externalDefinitions]);\n\n  const allBuiltinVariables: BuiltinVariableDefinition[] = [\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__from',\n        value: () => absoluteTimeRange.start.valueOf().toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__from',\n          description: 'Start time of the current time range in unix millisecond epoch',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__to',\n        value: () => absoluteTimeRange.end.valueOf().toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__to',\n          description: 'End time of the current time range in unix millisecond epoch',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__range',\n        value: () => formatDuration(intervalToPrometheusDuration(absoluteTimeRange)),\n        source: 'Dashboard',\n        display: {\n          name: '__range',\n          description: 'The range for the current dashboard in human readable format',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__range_s',\n        value: () => ((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__range_s',\n          description: 'The range for the current dashboard in second',\n          hidden: true,\n        },\n      },\n    },\n    {\n      kind: 'BuiltinVariable',\n      spec: {\n        name: '__range_ms',\n        value: () => (absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),\n        source: 'Dashboard',\n        display: {\n          name: '__range_ms',\n          description: 'The range for the current dashboard in millisecond',\n          hidden: true,\n        },\n      },\n    },\n  ];\n  builtinVariables?.forEach((def) => allBuiltinVariables.push(def));\n\n  return (\n    <BuiltinVariableContext.Provider value={{ variables: allBuiltinVariables }}>\n      <TemplateVariableContext.Provider value={{ state: values }}>{children}</TemplateVariableContext.Provider>\n    </BuiltinVariableContext.Provider>\n  );\n}\n\ninterface TemplateVariableSrvArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  queryParams?: ReturnType<typeof useVariableQueryParams>;\n}\n\nfunction createTemplateVariableSrvStore({\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  queryParams,\n}: TemplateVariableSrvArgs) {\n  const initialParams = getInitalValuesFromQueryParameters(queryParams ? queryParams[0] : {});\n  const store = createStore<TemplateVariableStore>()(\n    devtools(\n      immer((set, get) => ({\n        variableState: hydrateTemplateVariableStates(\n          initialVariableDefinitions,\n          initialParams,\n          externalVariableDefinitions\n        ),\n        variableDefinitions: initialVariableDefinitions,\n        externalVariableDefinitions: externalVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]) {\n          set(\n            (state) => {\n              state.variableDefinitions = definitions;\n              state.variableState = hydrateTemplateVariableStates(\n                definitions,\n                initialParams,\n                externalVariableDefinitions\n              );\n            },\n            false,\n            '[Variables] setVariableDefinitions' // Used for action name in Redux devtools\n          );\n        },\n        setVariableOptions(name, options, source?: string) {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.options = options;\n            },\n            false,\n            '[Variables] setVariableOptions'\n          );\n        },\n        setVariableLoading(name, loading, source?: string) {\n          set(\n            (state) => {\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n              varState.loading = loading;\n            },\n            false,\n            '[Variables] setVariableLoading'\n          );\n        },\n        setVariableValue: (name, value, source?: string) =>\n          set(\n            (state) => {\n              let val = value;\n              const varState = state.variableState.get({ name, source });\n              if (!varState) {\n                return;\n              }\n\n              // Make sure there is only one all value\n              if (Array.isArray(val) && val.includes(ALL_VALUE)) {\n                if (val.at(-1) === ALL_VALUE) {\n                  val = ALL_VALUE;\n                } else {\n                  val = val.filter((v) => v !== ALL_VALUE);\n                }\n              }\n              if (queryParams) {\n                const setQueryParams = queryParams[1];\n                setQueryParams({ [getURLQueryParamName(name)]: val });\n              }\n              varState.value = val;\n            },\n            false,\n            '[Variables] setVariableValue'\n          ),\n        setVariableDefaultValues: () => {\n          const variableDefinitions = get().variableDefinitions;\n          const variableState = get().variableState;\n          const updatedVariables = produce(variableDefinitions, (draft) => {\n            draft.forEach((variable, index) => {\n              const name = variable.spec.name;\n              if (variable.kind === 'ListVariable') {\n                const currentVariable = variableState.get({ name });\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'ListVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.defaultValue = currentVariable.value;\n                    }),\n                  };\n                }\n              } else if (variable.kind === 'TextVariable') {\n                const currentVariable = variableState.get({ name });\n                const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';\n                if (currentVariable?.value !== undefined) {\n                  draft[index] = {\n                    kind: 'TextVariable',\n                    spec: produce(variable.spec, (specDraft) => {\n                      specDraft.value = currentVariableValue;\n                    }),\n                  };\n                }\n              }\n            });\n          });\n          set(\n            (state) => {\n              state.variableDefinitions = updatedVariables;\n            },\n            false,\n            '[Variables] setVariableDefaultValues'\n          );\n          return updatedVariables;\n        },\n        getSavedVariablesStatus: () => {\n          return checkSavedDefaultVariableStatus(get().variableDefinitions, get().variableState);\n        },\n      }))\n    )\n  );\n\n  return store;\n}\n\nexport type ExternalVariableDefinition = {\n  source: string;\n  tooltip?: {\n    title?: string;\n    description?: string;\n  };\n  editLink?: string;\n  definitions: VariableDefinition[];\n};\n\nexport interface TemplateVariableProviderProps {\n  children: ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n  /**\n   * The external variables allow you to give to the provider some additional variables, not defined in the dashboard and static.\n   * It means that you won´t be able to update them from the dashboard itself, but you will see them appear and will be able\n   * to modify their runtime value as any other variable.\n   * If one of the external variable has the same name as a local one, it will be marked as overridden.\n   * You can define one list of variable definition by source and as many source as you want.\n   * The order of the sources is important as first one will take precedence on the following ones, in case they have same names.\n   */\n  externalVariableDefinitions?: ExternalVariableDefinition[];\n  builtinVariables?: BuiltinVariableDefinition[];\n}\n\nexport function TemplateVariableProvider({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariables = [],\n}: TemplateVariableProviderProps) {\n  const [store] = useState(createTemplateVariableSrvStore({ initialVariableDefinitions, externalVariableDefinitions }));\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n\nexport function TemplateVariableProviderWithQueryParams({\n  children,\n  initialVariableDefinitions = [],\n  externalVariableDefinitions = [],\n  builtinVariables = [],\n}: TemplateVariableProviderProps) {\n  const allVariableDefs = mergeVariableDefinitions(initialVariableDefinitions, externalVariableDefinitions);\n  const queryParams = useVariableQueryParams(allVariableDefs);\n  const [store] = useState(\n    createTemplateVariableSrvStore({ initialVariableDefinitions, externalVariableDefinitions, queryParams })\n  );\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider builtinVariables={builtinVariables}>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","immer","devtools","produce","TemplateVariableContext","BuiltinVariableContext","useTimeRange","DEFAULT_ALL_VALUE","ALL_VALUE","formatDuration","intervalToPrometheusDuration","checkSavedDefaultVariableStatus","findVariableDefinitionByName","mergeVariableDefinitions","hydrateTemplateVariableStates","getInitalValuesFromQueryParameters","getURLQueryParamName","useVariableQueryParams","TemplateVariableStoreContext","undefined","useTemplateVariableStoreCtx","context","Error","useTemplateVariableValues","variableNames","store","s","vars","names","variableDefinitions","map","value","spec","name","forEach","varState","variableState","get","overridden","externalVariableDefinitions","d","source","definitions","left","right","JSON","stringify","useTemplateVariable","state","find","v","definition","useTemplateVariableActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","setVariableDefaultValues","getSavedVariablesStatus","useTemplateVariableDefinitions","useTemplateExternalVariableDefinitions","useTemplateVariableStore","PluginProvider","children","builtinVariables","originalValues","externalDefinitions","absoluteTimeRange","values","contextValues","Object","keys","kind","customAllValue","options","o","allBuiltinVariables","start","valueOf","toString","display","description","hidden","end","def","push","Provider","variables","createTemplateVariableSrvStore","initialVariableDefinitions","queryParams","initialParams","set","loading","val","Array","isArray","includes","at","filter","setQueryParams","updatedVariables","draft","variable","index","currentVariable","specDraft","defaultValue","currentVariableValue","TemplateVariableProvider","TemplateVariableProviderWithQueryParams","allVariableDefs"],"mappings":"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"}

package/dist/context/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../src/context/useDashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,iBAAiB,EAAkB,MAAM,kBAAkB,CAAC;AAIrF,wBAAgB,YAAY;;sCAuCe,iBAAiB;EAS3D"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../src/context/useDashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,iBAAiB,EAAkB,MAAM,kBAAkB,CAAC;AAIrF,wBAAgB,YAAY;;sCAoDe,iBAAiB;EAS3D"}

package/dist/context/useDashboard.js

@@ -14,7 +14,7 @@ import { createPanelRef } from '@perses-dev/core';
 import { useDashboardStore } from './DashboardProvider';
 import { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';
 export function useDashboard() {
-    const { panels , panelGroups , panelGroupOrder , setDashboard: setDashboardResource , metadata , display , duration , refreshInterval  } = useDashboardStore(({ panels , panelGroups , panelGroupOrder , setDashboard , metadata , display , duration , refreshInterval  })=>({
+    const { panels , panelGroups , panelGroupOrder , setDashboard: setDashboardResource , metadata , display , duration , refreshInterval , datasources  } = useDashboardStore(({ panels , panelGroups , panelGroupOrder , setDashboard , metadata , display , duration , refreshInterval , datasources  })=>({
             panels,
             panelGroups,
             panelGroupOrder,
@@ -22,7 +22,8 @@ export function useDashboard() {
             metadata,
             display,
             duration,
-            refreshInterval
+            refreshInterval,
+            datasources
         }));
     const { setVariableDefinitions  } = useTemplateVariableActions();
     const variables = useTemplateVariableDefinitions();
@@ -36,7 +37,8 @@ export function useDashboard() {
             layouts,
             variables,
             duration,
-            refreshInterval
+            refreshInterval,
+            datasources
         }
     };
     const setDashboard = (dashboardResource)=>{

package/dist/context/useDashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 2023 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 { createPanelRef, DashboardResource, GridDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupId, useDashboardStore } from './DashboardProvider';\nimport { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';\n\nexport function useDashboard() {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n  } = useDashboardStore(\n    ({ panels, panelGroups, panelGroupOrder, setDashboard, metadata, display, duration, refreshInterval }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n    })\n  );\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const variables = useTemplateVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardResource = {\n    kind: 'Dashboard',\n    metadata,\n    spec: {\n      display,\n      panels,\n      layouts,\n      variables,\n      duration,\n      refreshInterval,\n    },\n  };\n\n  const setDashboard = (dashboardResource: DashboardResource) => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useTemplateVariableActions","useTemplateVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","metadata","display","duration","refreshInterval","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","kind","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"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,QAA2C,mBAAmB;AACrF,SAA6CC,iBAAiB,QAAQ,sBAAsB;AAC5F,SAASC,0BAA0B,EAAEC,8BAA8B,QAAQ,6BAA6B;AAExG,OAAO,SAASC;IACd,MAAM,EACJC,OAAM,EACNC,YAAW,EACXC,gBAAe,EACfC,cAAcC,qBAAoB,EAClCC,SAAQ,EACRC,QAAO,EACPC,SAAQ,EACRC,gBAAe,EAChB,GAAGZ,kBACF,CAAC,EAAEI,OAAM,EAAEC,YAAW,EAAEC,gBAAe,EAAEC,aAAY,EAAEE,SAAQ,EAAEC,QAAO,EAAEC,SAAQ,EAAEC,gBAAe,EAAE,GAAM,CAAA;YACzGR;YACAC;YACAC;YACAC;YACAE;YACAC;YACAC;YACAC;QACF,CAAA;IAEF,MAAM,EAAEC,uBAAsB,EAAE,GAAGZ;IACnC,MAAMa,YAAYZ;IAClB,MAAMa,UAAUC,4BAA4BX,aAAaC;IAEzD,MAAMW,YAA+B;QACnCC,MAAM;QACNT;QACAU,MAAM;YACJT;YACAN;YACAW;YACAD;YACAH;YACAC;QACF;IACF;IAEA,MAAML,eAAe,CAACa;QACpBP,uBAAuBO,kBAAkBD,KAAKL;QAC9CN,qBAAqBY;IACvB;IAEA,OAAO;QACLH;QACAV;IACF;AACF;AAEA,SAASS,4BACPX,WAAiD,EACjDC,eAA+B;IAE/B,MAAMS,UAA4B,EAAE;IACpCT,gBAAgBe,IAAI,CAACC;QACnB,MAAMC,QAAQlB,WAAW,CAACiB,aAAa;QACvC,IAAIC,UAAUC,WAAW;YACvB,MAAM,IAAIC,MAAM;QAClB;QACA,MAAM,EAAEC,MAAK,EAAEC,YAAW,EAAEC,YAAW,EAAEC,cAAa,EAAE,GAAGN;QAC3D,IAAIb,UAAUc;QACd,IAAIE,OAAO;YACThB,UAAU;gBACRgB;gBACAI,UAAU;oBACRC,MAAM,CAACJ;gBACT;YACF;QACF;QACA,MAAMK,SAAyB;YAC7Bd,MAAM;YACNC,MAAM;gBACJT;gBACAuB,OAAOL,YAAYP,IAAI,CAACW;oBACtB,MAAME,WAAWL,aAAa,CAACG,OAAOG,EAAE;oBACxC,IAAID,aAAaV,WAAW;wBAC1B,MAAM,IAAIC,MAAM,CAAC,4BAA4B,EAAEO,OAAOG,EAAE,CAAC;oBAC3D;oBACA,OAAO;wBACLC,GAAGJ,OAAOI;wBACVC,GAAGL,OAAOK;wBACVC,OAAON,OAAOO;wBACdC,QAAQR,OAAOS;wBACfC,SAAS3C,eAAemC;oBAC1B;gBACF;YACF;QACF;QACAnB,QAAQ4B,KAAKX;IACf;IAEA,OAAOjB;AACT"}
+{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 2023 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 { createPanelRef, DashboardResource, GridDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupId, useDashboardStore } from './DashboardProvider';\nimport { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';\n\nexport function useDashboard() {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n    datasources,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n    })\n  );\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const variables = useTemplateVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardResource = {\n    kind: 'Dashboard',\n    metadata,\n    spec: {\n      display,\n      panels,\n      layouts,\n      variables,\n      duration,\n      refreshInterval,\n      datasources,\n    },\n  };\n\n  const setDashboard = (dashboardResource: DashboardResource) => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useTemplateVariableActions","useTemplateVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","metadata","display","duration","refreshInterval","datasources","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","kind","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"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,QAA2C,mBAAmB;AACrF,SAA6CC,iBAAiB,QAAQ,sBAAsB;AAC5F,SAASC,0BAA0B,EAAEC,8BAA8B,QAAQ,6BAA6B;AAExG,OAAO,SAASC;IACd,MAAM,EACJC,OAAM,EACNC,YAAW,EACXC,gBAAe,EACfC,cAAcC,qBAAoB,EAClCC,SAAQ,EACRC,QAAO,EACPC,SAAQ,EACRC,gBAAe,EACfC,YAAW,EACZ,GAAGb,kBACF,CAAC,EACCI,OAAM,EACNC,YAAW,EACXC,gBAAe,EACfC,aAAY,EACZE,SAAQ,EACRC,QAAO,EACPC,SAAQ,EACRC,gBAAe,EACfC,YAAW,EACZ,GAAM,CAAA;YACLT;YACAC;YACAC;YACAC;YACAE;YACAC;YACAC;YACAC;YACAC;QACF,CAAA;IAEF,MAAM,EAAEC,uBAAsB,EAAE,GAAGb;IACnC,MAAMc,YAAYb;IAClB,MAAMc,UAAUC,4BAA4BZ,aAAaC;IAEzD,MAAMY,YAA+B;QACnCC,MAAM;QACNV;QACAW,MAAM;YACJV;YACAN;YACAY;YACAD;YACAJ;YACAC;YACAC;QACF;IACF;IAEA,MAAMN,eAAe,CAACc;QACpBP,uBAAuBO,kBAAkBD,KAAKL;QAC9CP,qBAAqBa;IACvB;IAEA,OAAO;QACLH;QACAX;IACF;AACF;AAEA,SAASU,4BACPZ,WAAiD,EACjDC,eAA+B;IAE/B,MAAMU,UAA4B,EAAE;IACpCV,gBAAgBgB,IAAI,CAACC;QACnB,MAAMC,QAAQnB,WAAW,CAACkB,aAAa;QACvC,IAAIC,UAAUC,WAAW;YACvB,MAAM,IAAIC,MAAM;QAClB;QACA,MAAM,EAAEC,MAAK,EAAEC,YAAW,EAAEC,YAAW,EAAEC,cAAa,EAAE,GAAGN;QAC3D,IAAId,UAAUe;QACd,IAAIE,OAAO;YACTjB,UAAU;gBACRiB;gBACAI,UAAU;oBACRC,MAAM,CAACJ;gBACT;YACF;QACF;QACA,MAAMK,SAAyB;YAC7Bd,MAAM;YACNC,MAAM;gBACJV;gBACAwB,OAAOL,YAAYP,IAAI,CAACW;oBACtB,MAAME,WAAWL,aAAa,CAACG,OAAOG,EAAE;oBACxC,IAAID,aAAaV,WAAW;wBAC1B,MAAM,IAAIC,MAAM,CAAC,4BAA4B,EAAEO,OAAOG,EAAE,CAAC;oBAC3D;oBACA,OAAO;wBACLC,GAAGJ,OAAOI;wBACVC,GAAGL,OAAOK;wBACVC,OAAON,OAAOO;wBACdC,QAAQR,OAAOS;wBACfC,SAAS5C,eAAeoC;oBAC1B;gBACF;YACF;QACF;QACAnB,QAAQ4B,KAAKX;IACf;IAEA,OAAOjB;AACT"}

package/dist/views/ViewDashboard/DashboardApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAQL,mBAAmB,EAGpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAkE,MAAM,eAAe,CAAC;AAEhH,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBA8FpD,CAAC"}
+{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAQL,mBAAmB,EAGpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAkE,MAAM,eAAe,CAAC;AAEhH,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAgGpD,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.js

@@ -14,6 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box } from '@mui/material';
 import { ChartsProvider, ErrorAlert, ErrorBoundary, useChartsTheme } from '@perses-dev/components';
+import { useDatasourceStore } from '@perses-dev/plugin-system';
 import { PanelDrawer, Dashboard, PanelGroupDialog, DeletePanelGroupDialog, DashboardDiscardChangesConfirmationDialog, DashboardToolbar, DeletePanelDialog, EditJsonDialog, SaveChangesConfirmationDialog } from '../../components';
 import { useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';
 export const DashboardApp = (props)=>{
@@ -22,6 +23,7 @@ export const DashboardApp = (props)=>{
     const { setEditMode  } = useEditMode();
     const { dashboard , setDashboard  } = useDashboard();
     const [originalDashboard, setOriginalDashboard] = useState(undefined);
+    const { setSavedDatasources  } = useDatasourceStore();
     const { openDiscardChangesConfirmationDialog , closeDiscardChangesConfirmationDialog  } = useDiscardChangesConfirmationDialog();
     const handleDiscardChanges = ()=>{
         // Reset to the original spec and exit edit mode
@@ -37,6 +39,8 @@ export const DashboardApp = (props)=>{
     const onEditButtonClick = ()=>{
         setEditMode(true);
         setOriginalDashboard(dashboard);
+        var _dashboard_spec_datasources;
+        setSavedDatasources((_dashboard_spec_datasources = dashboard.spec.datasources) !== null && _dashboard_spec_datasources !== void 0 ? _dashboard_spec_datasources : {});
     };
     const onCancelButtonClick = ()=>{
         // check if dashboard has been modified

package/dist/views/ViewDashboard/DashboardApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"sourcesContent":["// Copyright 2023 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 { useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ChartsProvider, ErrorAlert, ErrorBoundary, useChartsTheme } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport {\n  PanelDrawer,\n  Dashboard,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  DashboardDiscardChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n  EmptyDashboardProps,\n  EditJsonDialog,\n  SaveChangesConfirmationDialog,\n} from '../../components';\nimport { OnSaveDashboard, useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';\n\nexport interface DashboardAppProps {\n  emptyDashboardProps?: Partial<EmptyDashboardProps>;\n  dashboardResource: DashboardResource;\n  dashboardTitleComponent?: JSX.Element;\n  onSave?: OnSaveDashboard;\n  onDiscard?: (entity: DashboardResource) => void;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n  isCreating?: boolean;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const {\n    dashboardResource,\n    dashboardTitleComponent,\n    emptyDashboardProps,\n    onSave,\n    onDiscard,\n    initialVariableIsSticky,\n    isReadonly,\n    isCreating,\n  } = props;\n\n  const chartsTheme = useChartsTheme();\n\n  const { setEditMode } = useEditMode();\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleDiscardChanges = () => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setEditMode(false);\n    closeDiscardChangesConfirmationDialog();\n    if (onDiscard) {\n      onDiscard(dashboard);\n    }\n  };\n\n  const onEditButtonClick = () => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n  };\n\n  const onCancelButtonClick = () => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          handleDiscardChanges();\n        },\n        onCancel: () => {\n          closeDiscardChangesConfirmationDialog();\n        },\n      });\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={initialVariableIsSticky}\n        onSave={onSave}\n        isReadonly={isReadonly}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ padding: (theme) => theme.spacing(2), height: '100%' }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard\n            emptyDashboardProps={{\n              onEditButtonClick,\n              ...emptyDashboardProps,\n            }}\n          />\n        </ErrorBoundary>\n        <ChartsProvider chartsTheme={chartsTheme} enablePinning={false}>\n          <PanelDrawer />\n        </ChartsProvider>\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <DashboardDiscardChangesConfirmationDialog />\n        <EditJsonDialog disableMetadataEdition={!isCreating} />\n        <SaveChangesConfirmationDialog />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useState","Box","ChartsProvider","ErrorAlert","ErrorBoundary","useChartsTheme","PanelDrawer","Dashboard","PanelGroupDialog","DeletePanelGroupDialog","DashboardDiscardChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","EditJsonDialog","SaveChangesConfirmationDialog","useDashboard","useDiscardChangesConfirmationDialog","useEditMode","DashboardApp","props","dashboardResource","dashboardTitleComponent","emptyDashboardProps","onSave","onDiscard","initialVariableIsSticky","isReadonly","isCreating","chartsTheme","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleDiscardChanges","onEditButtonClick","onCancelButtonClick","JSON","stringify","onDiscardChanges","onCancel","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","padding","theme","spacing","height","FallbackComponent","enablePinning","disableMetadataEdition"],"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,QAAQ,QAAQ,QAAQ;AACjC,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,EAAEC,UAAU,EAAEC,aAAa,EAAEC,cAAc,QAAQ,yBAAyB;AAEnG,SACEC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,sBAAsB,EACtBC,yCAAyC,EACzCC,gBAAgB,EAChBC,iBAAiB,EAEjBC,cAAc,EACdC,6BAA6B,QACxB,mBAAmB;AAC1B,SAA0BC,YAAY,EAAEC,mCAAmC,EAAEC,WAAW,QAAQ,gBAAgB;AAahH,OAAO,MAAMC,eAAe,CAACC;IAC3B,MAAM,EACJC,kBAAiB,EACjBC,wBAAuB,EACvBC,oBAAmB,EACnBC,OAAM,EACNC,UAAS,EACTC,wBAAuB,EACvBC,WAAU,EACVC,WAAU,EACX,GAAGR;IAEJ,MAAMS,cAAcvB;IAEpB,MAAM,EAAEwB,YAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,UAAS,EAAEC,aAAY,EAAE,GAAGhB;IACpC,MAAM,CAACiB,mBAAmBC,qBAAqB,GAAGjC,SAAwCkC;IAE1F,MAAM,EAAEC,qCAAoC,EAAEC,sCAAqC,EAAE,GACnFpB;IAEF,MAAMqB,uBAAuB;QAC3B,gDAAgD;QAChD,IAAIL,mBAAmB;YACrBD,aAAaC;QACf;QACAH,YAAY;QACZO;QACA,IAAIZ,WAAW;YACbA,UAAUM;QACZ;IACF;IAEA,MAAMQ,oBAAoB;QACxBT,YAAY;QACZI,qBAAqBH;IACvB;IAEA,MAAMS,sBAAsB;QAC1B,uCAAuC;QACvC,IAAIC,KAAKC,UAAUX,eAAeU,KAAKC,UAAUT,oBAAoB;YACnEH,YAAY;QACd,OAAO;YACLM,qCAAqC;gBACnCO,kBAAkB;oBAChBL;gBACF;gBACAM,UAAU;oBACRP;gBACF;YACF;QACF;IACF;IAEA,qBACE,MAACnC;QACC2C,IAAI;YACFC,UAAU;YACVC,WAAW;YACXC,WAAW;YACXC,SAAS;YACTC,eAAe;QACjB;;0BAEA,KAACtC;gBACCuC,eAAe9B,kBAAkB+B,SAASC;gBAC1C/B,yBAAyBA;gBACzBI,yBAAyBA;gBACzBF,QAAQA;gBACRG,YAAYA;gBACZY,mBAAmBA;gBACnBC,qBAAqBA;;0BAEvB,MAACtC;gBAAI2C,IAAI;oBAAES,SAAS,CAACC,QAAUA,MAAMC,QAAQ;oBAAIC,QAAQ;gBAAO;;kCAC9D,KAACpD;wBAAcqD,mBAAmBtD;kCAChC,cAAA,KAACI;4BACCe,qBAAqB;gCACnBgB;gCACA,GAAGhB,mBAAmB;4BACxB;;;kCAGJ,KAACpB;wBAAe0B,aAAaA;wBAAa8B,eAAe;kCACvD,cAAA,KAACpD;;kCAEH,KAACE;kCACD,KAACC;kCACD,KAACG;kCACD,KAACF;kCACD,KAACG;wBAAe8C,wBAAwB,CAAChC;;kCACzC,KAACb;;;;;AAIT,EAAE"}
+{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"sourcesContent":["// Copyright 2023 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 { useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ChartsProvider, ErrorAlert, ErrorBoundary, useChartsTheme } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport { useDatasourceStore } from '@perses-dev/plugin-system';\nimport {\n  PanelDrawer,\n  Dashboard,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  DashboardDiscardChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n  EmptyDashboardProps,\n  EditJsonDialog,\n  SaveChangesConfirmationDialog,\n} from '../../components';\nimport { OnSaveDashboard, useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';\n\nexport interface DashboardAppProps {\n  emptyDashboardProps?: Partial<EmptyDashboardProps>;\n  dashboardResource: DashboardResource;\n  dashboardTitleComponent?: JSX.Element;\n  onSave?: OnSaveDashboard;\n  onDiscard?: (entity: DashboardResource) => void;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n  isCreating?: boolean;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const {\n    dashboardResource,\n    dashboardTitleComponent,\n    emptyDashboardProps,\n    onSave,\n    onDiscard,\n    initialVariableIsSticky,\n    isReadonly,\n    isCreating,\n  } = props;\n\n  const chartsTheme = useChartsTheme();\n\n  const { setEditMode } = useEditMode();\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n  const { setSavedDatasources } = useDatasourceStore();\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleDiscardChanges = () => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setEditMode(false);\n    closeDiscardChangesConfirmationDialog();\n    if (onDiscard) {\n      onDiscard(dashboard);\n    }\n  };\n\n  const onEditButtonClick = () => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n    setSavedDatasources(dashboard.spec.datasources ?? {});\n  };\n\n  const onCancelButtonClick = () => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          handleDiscardChanges();\n        },\n        onCancel: () => {\n          closeDiscardChangesConfirmationDialog();\n        },\n      });\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={initialVariableIsSticky}\n        onSave={onSave}\n        isReadonly={isReadonly}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ padding: (theme) => theme.spacing(2), height: '100%' }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard\n            emptyDashboardProps={{\n              onEditButtonClick,\n              ...emptyDashboardProps,\n            }}\n          />\n        </ErrorBoundary>\n        <ChartsProvider chartsTheme={chartsTheme} enablePinning={false}>\n          <PanelDrawer />\n        </ChartsProvider>\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <DashboardDiscardChangesConfirmationDialog />\n        <EditJsonDialog disableMetadataEdition={!isCreating} />\n        <SaveChangesConfirmationDialog />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useState","Box","ChartsProvider","ErrorAlert","ErrorBoundary","useChartsTheme","useDatasourceStore","PanelDrawer","Dashboard","PanelGroupDialog","DeletePanelGroupDialog","DashboardDiscardChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","EditJsonDialog","SaveChangesConfirmationDialog","useDashboard","useDiscardChangesConfirmationDialog","useEditMode","DashboardApp","props","dashboardResource","dashboardTitleComponent","emptyDashboardProps","onSave","onDiscard","initialVariableIsSticky","isReadonly","isCreating","chartsTheme","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","setSavedDatasources","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleDiscardChanges","onEditButtonClick","spec","datasources","onCancelButtonClick","JSON","stringify","onDiscardChanges","onCancel","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","padding","theme","spacing","height","FallbackComponent","enablePinning","disableMetadataEdition"],"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,QAAQ,QAAQ,QAAQ;AACjC,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,cAAc,EAAEC,UAAU,EAAEC,aAAa,EAAEC,cAAc,QAAQ,yBAAyB;AAEnG,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SACEC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,sBAAsB,EACtBC,yCAAyC,EACzCC,gBAAgB,EAChBC,iBAAiB,EAEjBC,cAAc,EACdC,6BAA6B,QACxB,mBAAmB;AAC1B,SAA0BC,YAAY,EAAEC,mCAAmC,EAAEC,WAAW,QAAQ,gBAAgB;AAahH,OAAO,MAAMC,eAAe,CAACC;IAC3B,MAAM,EACJC,kBAAiB,EACjBC,wBAAuB,EACvBC,oBAAmB,EACnBC,OAAM,EACNC,UAAS,EACTC,wBAAuB,EACvBC,WAAU,EACVC,WAAU,EACX,GAAGR;IAEJ,MAAMS,cAAcxB;IAEpB,MAAM,EAAEyB,YAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,UAAS,EAAEC,aAAY,EAAE,GAAGhB;IACpC,MAAM,CAACiB,mBAAmBC,qBAAqB,GAAGlC,SAAwCmC;IAC1F,MAAM,EAAEC,oBAAmB,EAAE,GAAG9B;IAEhC,MAAM,EAAE+B,qCAAoC,EAAEC,sCAAqC,EAAE,GACnFrB;IAEF,MAAMsB,uBAAuB;QAC3B,gDAAgD;QAChD,IAAIN,mBAAmB;YACrBD,aAAaC;QACf;QACAH,YAAY;QACZQ;QACA,IAAIb,WAAW;YACbA,UAAUM;QACZ;IACF;IAEA,MAAMS,oBAAoB;QACxBV,YAAY;QACZI,qBAAqBH;YACDA;QAApBK,oBAAoBL,CAAAA,8BAAAA,UAAUU,KAAKC,yBAAfX,yCAAAA,8BAA8B,CAAC;IACrD;IAEA,MAAMY,sBAAsB;QAC1B,uCAAuC;QACvC,IAAIC,KAAKC,UAAUd,eAAea,KAAKC,UAAUZ,oBAAoB;YACnEH,YAAY;QACd,OAAO;YACLO,qCAAqC;gBACnCS,kBAAkB;oBAChBP;gBACF;gBACAQ,UAAU;oBACRT;gBACF;YACF;QACF;IACF;IAEA,qBACE,MAACrC;QACC+C,IAAI;YACFC,UAAU;YACVC,WAAW;YACXC,WAAW;YACXC,SAAS;YACTC,eAAe;QACjB;;0BAEA,KAACzC;gBACC0C,eAAejC,kBAAkBkC,SAASC;gBAC1ClC,yBAAyBA;gBACzBI,yBAAyBA;gBACzBF,QAAQA;gBACRG,YAAYA;gBACZa,mBAAmBA;gBACnBG,qBAAqBA;;0BAEvB,MAAC1C;gBAAI+C,IAAI;oBAAES,SAAS,CAACC,QAAUA,MAAMC,QAAQ;oBAAIC,QAAQ;gBAAO;;kCAC9D,KAACxD;wBAAcyD,mBAAmB1D;kCAChC,cAAA,KAACK;4BACCe,qBAAqB;gCACnBiB;gCACA,GAAGjB,mBAAmB;4BACxB;;;kCAGJ,KAACrB;wBAAe2B,aAAaA;wBAAaiC,eAAe;kCACvD,cAAA,KAACvD;;kCAEH,KAACE;kCACD,KAACC;kCACD,KAACG;kCACD,KAACF;kCACD,KAACG;wBAAeiD,wBAAwB,CAACnC;;kCACzC,KAACb;;;;;AAIT,EAAE"}

package/dist/views/ViewDashboard/ViewDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/ViewDashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAU9C,OAAO,EAGL,4BAA4B,EAE5B,6BAA6B,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,iBAAiB;IACvF,aAAa,EAAE,4BAA4B,CAAC,eAAe,CAAC,CAAC;IAC7D,2BAA2B,CAAC,EAAE,6BAA6B,CAAC,6BAA6B,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAsGtD"}
+{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/ViewDashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAU9C,OAAO,EAEL,4BAA4B,EAE5B,6BAA6B,EAE9B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,iBAAiB;IACvF,aAAa,EAAE,4BAA4B,CAAC,eAAe,CAAC,CAAC;IAC7D,2BAA2B,CAAC,EAAE,6BAA6B,CAAC,6BAA6B,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAqGtD"}

package/dist/views/ViewDashboard/ViewDashboard.js

@@ -14,9 +14,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { DEFAULT_DASHBOARD_DURATION, DEFAULT_REFRESH_INTERVAL } from '@perses-dev/core';
 import { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';
-import { TimeRangeProvider, useInitialRefreshInterval, useInitialTimeRange, usePluginBuiltinVariableDefinitions } from '@perses-dev/plugin-system';
+import { TimeRangeProviderWithQueryParams, useInitialRefreshInterval, useInitialTimeRange, usePluginBuiltinVariableDefinitions } from '@perses-dev/plugin-system';
 import { useMemo } from 'react';
-import { TemplateVariableProvider, DashboardProvider, DatasourceStoreProvider } from '../../context';
+import { DashboardProvider, DatasourceStoreProvider, TemplateVariableProviderWithQueryParams } from '../../context';
 import { DashboardApp } from './DashboardApp';
 /**
  * The View for displaying a Dashboard, along with the UI for selecting variable values.
@@ -76,11 +76,10 @@ import { DashboardApp } from './DashboardApp';
                 dashboardResource,
                 isEditMode: !!isEditing
             },
-            children: /*#__PURE__*/ _jsx(TimeRangeProvider, {
+            children: /*#__PURE__*/ _jsx(TimeRangeProviderWithQueryParams, {
                 initialTimeRange: initialTimeRange,
                 initialRefreshInterval: initialRefreshInterval,
-                enabledURLParams: true,
-                children: /*#__PURE__*/ _jsx(TemplateVariableProvider, {
+                children: /*#__PURE__*/ _jsx(TemplateVariableProviderWithQueryParams, {
                     initialVariableDefinitions: spec.variables,
                     externalVariableDefinitions: externalVariableDefinitions,
                     builtinVariables: builtinVariables,