@perses-dev/dashboards 0.9.0 → 0.11.0

package/dist/context/DashboardProvider/panel-group-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.tsx"],"sourcesContent":["// Copyright 2022 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, getPanelKeyFromRef, GridItemDefinition, LayoutDefinition } from '@perses-dev/core';\nimport { StateCreator } from 'zustand';\nimport { Middleware } from './common';\nimport { PanelEditorSlice } from './panel-editor-slice';\n\n/**\n * Slice with the state of Panel Groups, as well as any actions that modify only Panel Group state.\n */\nexport interface PanelGroupSlice {\n  /**\n   * Panel groups indexed by their ID.\n   */\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>;\n\n  /**\n   * An array of panel group IDs, representing their order in the dashboard.\n   */\n  panelGroupIdOrder: PanelGroupId[];\n\n  /**\n   * previous state\n   */\n  previousPanelGroupStates: {\n    panelGroups: PanelGroupSlice['panelGroups'];\n    panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'];\n  };\n\n  // TODO: Remove this\n  createPanelGroupId: () => PanelGroupId;\n\n  /**\n   * Given a LayoutItem location, returns the panel's unique key at that location.\n   */\n  getPanelKey: (layoutItem: PanelGroupItemId) => string;\n\n  /**\n   * Add a panel with the specified key to an existing group.\n   */\n  addPanelToGroup: (panelKey: string, panelGroupId: PanelGroupId) => void;\n\n  /**\n   * Move an existing Panel to a new panel group.\n   */\n  movePanelToGroup: (layoutItem: PanelGroupItemId, newPanelGroupId: PanelGroupId) => void;\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Delete panel group and all the panels within the group\n   */\n  deletePanelGroup: (panelGroupId: PanelGroupId) => void;\n\n  /**\n   * Delete panel in panel group\n   */\n  deletePanelInPanelGroup: (layoutItem: PanelGroupItemId) => void;\n\n  /**\n   * Map panel to panel groups\n   */\n  mapPanelToPanelGroups: () => Record<string, PanelGroupId[]>;\n\n  /**\n   * save\n   */\n  savePanelGroups: () => void;\n\n  /**\n   * reset to previous panel group states\n   */\n  resetPanelGroups: () => void;\n}\n\nexport type PanelGroupId = number;\n\nexport interface PanelGroupDefinition {\n  id: PanelGroupId;\n  items: GridItemDefinition[];\n  isCollapsed: boolean;\n  title?: string;\n}\n\n/**\n * Uniquely identifies an item in a PanelGroup.\n */\nexport interface PanelGroupItemId {\n  panelGroupId: PanelGroupId;\n  itemIndex: number;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice & PanelEditorSlice, Middleware, [], PanelGroupSlice> {\n  // Helper function for generating unique IDs for a PanelGroup\n  let id: PanelGroupId = -1;\n  function createPanelGroupId(): PanelGroupId {\n    id++;\n    return id;\n  }\n\n  // Convert the initial layouts from the JSON to panel groups and keep track of the order\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupIdOrder'] = [];\n  for (const layout of layouts) {\n    const id = createPanelGroupId();\n    panelGroups[id] = {\n      id,\n      items: layout.spec.items,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      title: layout.spec.display?.title,\n    };\n    panelGroupIdOrder.push(id);\n  }\n\n  // Return the state creator function for Zustand\n  return (set, get) => ({\n    panelGroups,\n    panelGroupIdOrder,\n\n    previousPanelGroupStates: { panelGroups, panelGroupIdOrder },\n\n    // TODO: Reorder init logic so this isn't exposed\n    createPanelGroupId,\n\n    savePanelGroups() {\n      set((state) => {\n        state.previousPanelGroupStates = {\n          panelGroups: state.panelGroups,\n          panelGroupIdOrder: state.panelGroupIdOrder,\n        };\n      });\n    },\n\n    resetPanelGroups() {\n      set((state) => {\n        state.panelGroups = state.previousPanelGroupStates.panelGroups;\n        state.panelGroupIdOrder = state.previousPanelGroupStates.panelGroupIdOrder;\n      });\n    },\n\n    getPanelKey({ panelGroupId, itemIndex }) {\n      const { panelGroups } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const item = findItem(group, itemIndex);\n      return getPanelKeyFromRef(item.content);\n    },\n\n    addPanelToGroup(panelKey, panelGroupId) {\n      const { panelGroups } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const gridItem: GridItemDefinition = {\n        x: 0,\n        y: getYForNewRow(group),\n        width: 12,\n        height: 6,\n        content: createPanelRef(panelKey),\n      };\n      set((state) => {\n        state.panelGroups[panelGroupId]?.items.push(gridItem);\n      });\n    },\n\n    movePanelToGroup({ panelGroupId, itemIndex }, newPanelGroupId) {\n      const { panelGroups } = get();\n\n      // Find the existing item to make sure it exists\n      const group = findGroup(panelGroups, panelGroupId);\n      const item = findItem(group, itemIndex);\n\n      // Find the new group and figure out where a new row should go\n      const newGroup = findGroup(panelGroups, newPanelGroupId);\n      const newGroupY = getYForNewRow(newGroup);\n\n      set((state) => {\n        // Remove the item from its current group\n        state.panelGroups[panelGroupId]?.items.splice(itemIndex, 1);\n\n        // Add a new item to the new group\n        state.panelGroups[newPanelGroupId]?.items.push({\n          x: 0,\n          y: newGroupY,\n          width: item.width,\n          height: item.height,\n          content: item.content,\n        });\n      });\n    },\n\n    swapPanelGroups(x, y) {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupIdOrder.length || y < 0 || y >= state.panelGroupIdOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupIdOrder[x];\n        const yPanelGroup = state.panelGroupIdOrder[y];\n\n        if (xPanelGroup === undefined || yPanelGroup === undefined) {\n          throw new Error('panel group is undefined');\n        }\n        // assign yPanelGroup to layouts[x] and assign xGroup to layouts[y], swapping two panel groups\n        [state.panelGroupIdOrder[x], state.panelGroupIdOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    deletePanelInPanelGroup({ panelGroupId, itemIndex }) {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`No panel group found: ${panelGroupId}`);\n        }\n        // remove panel from panel group\n        group.items.splice(itemIndex, 1);\n      });\n    },\n\n    deletePanelGroup(panelGroupId) {\n      const { panelGroups, panelGroupIdOrder: panelGroupOrder, deletePanels } = get();\n      const group = findGroup(panelGroups, panelGroupId);\n      const orderIdx = panelGroupOrder.findIndex((id) => id === panelGroupId);\n      if (orderIdx === -1) {\n        throw new Error(`Could not find panel group Id ${panelGroupId} in order array`);\n      }\n\n      // remove panels from group first\n      const panelsToBeDeleted: PanelGroupItemId[] = [];\n      for (let i = 0; i < group.items.length; i++) {\n        panelsToBeDeleted.push({ panelGroupId, itemIndex: i });\n      }\n      deletePanels(panelsToBeDeleted);\n\n      // remove group from both panelGroups and panelGroupOrder\n      set((state) => {\n        state.panelGroupIdOrder.splice(orderIdx, 1);\n        delete state.panelGroups[panelGroupId];\n      });\n    },\n\n    // Return an object that maps each panel to the groups it belongs\n    mapPanelToPanelGroups() {\n      const map: Record<string, Array<PanelGroupDefinition['id']>> = {}; // { panel key: [group ids] }\n      Object.values(get().panelGroups).forEach((group) => {\n        // for each panel in a group, add the group id to map[panelKey]\n        group.items.forEach((panel) => {\n          const panelKey = getPanelKeyFromRef(panel.content);\n          if (map[panelKey]) {\n            map[panelKey]?.push(group.id);\n          } else {\n            map[panelKey] = [group.id];\n          }\n        });\n      });\n      return map;\n    },\n  });\n}\n\n// Helper to find a group and throw if not found\nfunction findGroup(panelGroups: PanelGroupSlice['panelGroups'], groupId: PanelGroupId) {\n  const group = panelGroups[groupId];\n  if (group === undefined) {\n    throw new Error(`No panel group found for Id ${groupId}`);\n  }\n  return group;\n}\n\n// Helper to get an item in a group and throw if not found\nfunction findItem(group: PanelGroupDefinition, itemIndex: number) {\n  const item = group.items[itemIndex];\n  if (item === undefined) {\n    throw new Error(`No grid item found at position ${itemIndex}`);\n  }\n  return item;\n}\n\n// Given a Grid, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nfunction getYForNewRow(group: PanelGroupDefinition) {\n  let newRowY = 0;\n  for (const item of group.items) {\n    const itemMaxY = item.y + item.height;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n"],"names":["createPanelRef","getPanelKeyFromRef","createPanelGroupSlice","layouts","id","createPanelGroupId","panelGroups","panelGroupIdOrder","layout","items","spec","isCollapsed","display","collapse","open","title","push","set","get","previousPanelGroupStates","savePanelGroups","state","resetPanelGroups","getPanelKey","panelGroupId","itemIndex","group","findGroup","item","findItem","content","addPanelToGroup","panelKey","gridItem","x","y","getYForNewRow","width","height","movePanelToGroup","newPanelGroupId","newGroup","newGroupY","splice","swapPanelGroups","length","Error","xPanelGroup","yPanelGroup","undefined","deletePanelInPanelGroup","deletePanelGroup","panelGroupOrder","deletePanels","orderIdx","findIndex","panelsToBeDeleted","i","mapPanelToPanelGroups","map","Object","values","forEach","panel","groupId","newRowY","itemMaxY"],"mappings":"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"}

package/dist/context/DatasourceStoreProvider.d.ts

@@ -6,8 +6,16 @@ export interface DatasourceStoreProviderProps {
     children?: React.ReactNode;
 }
 export interface DatasourceApi {
-    getDatasource: (project: string, selector: DatasourceSelector) => Promise<Datasource | undefined>;
-    getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;
+    getDatasource: (project: string, selector: DatasourceSelector) => Promise<{
+        resource: Datasource;
+        proxyUrl: string;
+    } | undefined>;
+    getGlobalDatasource: (selector: DatasourceSelector) => Promise<{
+        resource: GlobalDatasource;
+        proxyUrl: string;
+    } | undefined>;
+    listDatasources: (project: string, pluginKind?: string) => Promise<Datasource[]>;
+    listGlobalDatasources: (pluginKind?: string) => Promise<GlobalDatasource[]>;
 }
 /**
  * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.

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

@@ -1 +1 @@
-{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EACL,iBAAiB,EAEjB,UAAU,EACV,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,KAAK,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAClG,mBAAmB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;CAC9F;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAmC1E"}
+{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":";AAcA,OAAO,EACL,iBAAiB,EAEjB,UAAU,EACV,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAQ1B,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,MAAM,WAAW,aAAa;IAC5B,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,UAAU,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAErE,mBAAmB,EAAE,CACnB,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC;QAAE,QAAQ,EAAE,gBAAgB,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IAE3E,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAEjF,qBAAqB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC;CAC7E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,eAkG1E"}

package/dist/context/DatasourceStoreProvider.js

@@ -11,37 +11,105 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { useEvent } from '@perses-dev/core';
-import { DatasourceStoreContext } from '@perses-dev/plugin-system';
+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 , datasourceApi , children  } = props;
-    const getDatasource = useEvent(async (selector)=>{
+    const { project  } = dashboardResource.metadata;
+    const { getPlugin , listPluginMetadata  } = usePluginRegistry();
+    const findDatasource = useEvent(async (selector)=>{
         // Try to find it in dashboard spec
         const { datasources  } = dashboardResource.spec;
         const dashboardDatasource = findDashboardDatasource(datasources, selector);
         if (dashboardDatasource !== undefined) {
-            return dashboardDatasource;
+            return {
+                spec: dashboardDatasource,
+                proxyUrl: undefined
+            };
         }
         // Try to find it at the project level as a Datasource resource
-        const { project  } = dashboardResource.metadata;
         const datasource = await datasourceApi.getDatasource(project, selector);
         if (datasource !== undefined) {
-            return datasource.spec;
+            return {
+                spec: datasource.resource.spec,
+                proxyUrl: datasource.proxyUrl
+            };
         }
         // Try to find it at the global level as a GlobalDatasource resource
         const globalDatasource = await datasourceApi.getGlobalDatasource(selector);
         if (globalDatasource !== undefined) {
-            return globalDatasource.spec;
+            return {
+                spec: globalDatasource.resource.spec,
+                proxyUrl: globalDatasource.proxyUrl
+            };
         }
         throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);
     });
+    // Gets a datasource spec for a given selector
+    const getDatasource = useCallback(async (selector)=>{
+        const { spec  } = await findDatasource(selector);
+        return spec;
+    }, [
+        findDatasource
+    ]);
+    // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client
+    const getDatasourceClient = useCallback(async function getClient(selector) {
+        const { kind  } = selector;
+        const [{ spec , proxyUrl  }, plugin] = await Promise.all([
+            findDatasource(selector),
+            getPlugin('Datasource', kind)
+        ]);
+        return plugin.createClient(spec.plugin.spec, {
+            proxyUrl
+        });
+    }, [
+        findDatasource,
+        getPlugin
+    ]);
+    const listDatasourceMetadata = useEvent(async (datasourcePluginKind)=>{
+        const [pluginMetadata, datasources, globalDatasources] = await Promise.all([
+            listPluginMetadata('Datasource'),
+            datasourceApi.listDatasources(project, datasourcePluginKind),
+            datasourceApi.listGlobalDatasources(datasourcePluginKind)
+        ]);
+        // Find the metadata for the plugin type they asked for so we can use it for the name of the default datasource
+        const datasourcePluginMetadata = pluginMetadata.find((metadata)=>metadata.kind === datasourcePluginKind);
+        if (datasourcePluginMetadata === undefined) {
+            throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);
+        }
+        // Get helper for de-duping results properly
+        const { results , addResult  } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);
+        // Start with dashboard datasources that have highest precedence
+        if (dashboardResource.spec.datasources !== undefined) {
+            for(const selectorName in dashboardResource.spec.datasources){
+                const spec = dashboardResource.spec.datasources[selectorName];
+                if (spec === undefined || spec.plugin.kind !== datasourcePluginKind) continue;
+                addResult(spec, selectorName);
+            }
+        }
+        // Now look at project-level datasources
+        for (const datasource of datasources){
+            const selectorName1 = datasource.metadata.name;
+            addResult(datasource.spec, selectorName1);
+        }
+        // And finally global datasources
+        for (const globalDatasource of globalDatasources){
+            const selectorName2 = globalDatasource.metadata.name;
+            addResult(globalDatasource.spec, selectorName2);
+        }
+        return results;
+    });
     const ctxValue = useMemo(()=>({
-            getDatasource
+            getDatasource,
+            getDatasourceClient,
+            listDatasourceMetadata
         }), [
-        getDatasource
+        getDatasource,
+        getDatasourceClient,
+        listDatasourceMetadata
     ]);
     return /*#__PURE__*/ _jsx(DatasourceStoreContext.Provider, {
         value: ctxValue,
@@ -60,5 +128,39 @@ function findDashboardDatasource(dashboardDatasources, selector) {
     // If only using a kind, try to find one with that kind that is the default
     return Object.values(dashboardDatasources).find((ds)=>ds.plugin.kind === selector.kind && ds.default === true);
 }
+// Helper for building a list of DatasourceMetadata results that will take care of de-duping already used selectors
+function buildListDatasourceMetadataResults(pluginDisplayName) {
+    const results = [];
+    const usedNames = new Set();
+    let defaultAdded = false;
+    const addResult = (spec, selectorName)=>{
+        var ref;
+        // If we haven't added a default yet and this is a default, add default option to the beginning of the results
+        if (spec.default && defaultAdded === false) {
+            results.unshift({
+                name: `Default ${pluginDisplayName}`,
+                selector: {
+                    kind: spec.plugin.kind
+                }
+            });
+            defaultAdded = true;
+        }
+        // If we already have a datasource with this selector name, ignore it, otherwise add to end of list
+        if (usedNames.has(selectorName)) return;
+        var ref1;
+        results.push({
+            name: (ref1 = (ref = spec.display) === null || ref === void 0 ? void 0 : ref.name) !== null && ref1 !== void 0 ? ref1 : selectorName,
+            selector: {
+                kind: spec.plugin.kind,
+                name: selectorName
+            }
+        });
+        usedNames.add(selectorName);
+    };
+    return {
+        results,
+        addResult
+    };
+}
 
 //# sourceMappingURL=DatasourceStoreProvider.js.map

package/dist/context/DatasourceStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2022 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 { useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  Datasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport { DatasourceStoreContext, DatasourceStore } from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceApi;\n  children?: React.ReactNode;\n}\n\n// The external API for fetching datasource resources\nexport interface DatasourceApi {\n  getDatasource: (project: string, selector: DatasourceSelector) => Promise<Datasource | undefined>;\n  getGlobalDatasource: (selector: DatasourceSelector) => Promise<GlobalDatasource | undefined>;\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, datasourceApi, children } = props;\n\n  const getDatasource = useEvent(async (selector: DatasourceSelector): Promise<DatasourceSpec> => {\n    // Try to find it in dashboard spec\n    const { datasources } = dashboardResource.spec;\n    const dashboardDatasource = findDashboardDatasource(datasources, selector);\n    if (dashboardDatasource !== undefined) {\n      return dashboardDatasource;\n    }\n\n    // Try to find it at the project level as a Datasource resource\n    const { project } = dashboardResource.metadata;\n    const datasource = await datasourceApi.getDatasource(project, selector);\n    if (datasource !== undefined) {\n      return datasource.spec;\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 globalDatasource.spec;\n    }\n\n    throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);\n  });\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n    }),\n    [getDatasource]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(dashboardDatasources: DashboardSpec['datasources'], selector: DatasourceSelector) {\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 ? named : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  return Object.values(dashboardDatasources).find((ds) => ds.plugin.kind === selector.kind && ds.default === true);\n}\n"],"names":["useMemo","useEvent","DatasourceStoreContext","DatasourceStoreProvider","props","dashboardResource","datasourceApi","children","getDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","project","metadata","datasource","globalDatasource","getGlobalDatasource","Error","kind","name","ctxValue","Provider","value","dashboardDatasources","named","plugin","Object","values","find","ds","default"],"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;AAAA,SAASA,OAAO,QAAQ,OAAO,CAAC;AAChC,SAOEC,QAAQ,QACH,kBAAkB,CAAC;AAC1B,SAASC,sBAAsB,QAAyB,2BAA2B,CAAC;AAcpF;;CAEC,GACD,OAAO,SAASC,uBAAuB,CAACC,KAAmC,EAAE;IAC3E,MAAM,EAAEC,iBAAiB,CAAA,EAAEC,aAAa,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGH,KAAK,AAAC;IAE7D,MAAMI,aAAa,GAAGP,QAAQ,CAAC,OAAOQ,QAA4B,GAA8B;QAC9F,mCAAmC;QACnC,MAAM,EAAEC,WAAW,CAAA,EAAE,GAAGL,iBAAiB,CAACM,IAAI,AAAC;QAC/C,MAAMC,mBAAmB,GAAGC,uBAAuB,CAACH,WAAW,EAAED,QAAQ,CAAC,AAAC;QAC3E,IAAIG,mBAAmB,KAAKE,SAAS,EAAE;YACrC,OAAOF,mBAAmB,CAAC;QAC7B,CAAC;QAED,+DAA+D;QAC/D,MAAM,EAAEG,OAAO,CAAA,EAAE,GAAGV,iBAAiB,CAACW,QAAQ,AAAC;QAC/C,MAAMC,UAAU,GAAG,MAAMX,aAAa,CAACE,aAAa,CAACO,OAAO,EAAEN,QAAQ,CAAC,AAAC;QACxE,IAAIQ,UAAU,KAAKH,SAAS,EAAE;YAC5B,OAAOG,UAAU,CAACN,IAAI,CAAC;QACzB,CAAC;QAED,oEAAoE;QACpE,MAAMO,gBAAgB,GAAG,MAAMZ,aAAa,CAACa,mBAAmB,CAACV,QAAQ,CAAC,AAAC;QAC3E,IAAIS,gBAAgB,KAAKJ,SAAS,EAAE;YAClC,OAAOI,gBAAgB,CAACP,IAAI,CAAC;QAC/B,CAAC;QAED,MAAM,IAAIS,KAAK,CAAC,CAAC,8BAA8B,EAAEX,QAAQ,CAACY,IAAI,CAAC,YAAY,EAAEZ,QAAQ,CAACa,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACjG,CAAC,CAAC,AAAC;IAEH,MAAMC,QAAQ,GAAoBvB,OAAO,CACvC,IAAO,CAAA;YACLQ,aAAa;SACd,CAAA,AAAC,EACF;QAACA,aAAa;KAAC,CAChB,AAAC;IAEF,qBAAO,KAACN,sBAAsB,CAACsB,QAAQ;QAACC,KAAK,EAAEF,QAAQ;kBAAGhB,QAAQ;MAAmC,CAAC;AACxG,CAAC;AAED,uEAAuE;AACvE,SAASM,uBAAuB,CAACa,oBAAkD,EAAEjB,QAA4B,EAAE;IACjH,IAAIiB,oBAAoB,KAAKZ,SAAS,EAAE,OAAOA,SAAS,CAAC;IAEzD,qCAAqC;IACrC,IAAIL,QAAQ,CAACa,IAAI,KAAKR,SAAS,EAAE;QAC/B,MAAMa,KAAK,GAAGD,oBAAoB,CAACjB,QAAQ,CAACa,IAAI,CAAC,AAAC;QAClD,IAAIK,KAAK,KAAKb,SAAS,EAAE,OAAOA,SAAS,CAAC;QAC1C,OAAOa,KAAK,CAACC,MAAM,CAACP,IAAI,KAAKZ,QAAQ,CAACY,IAAI,GAAGM,KAAK,GAAGb,SAAS,CAAC;IACjE,CAAC;IAED,2EAA2E;IAC3E,OAAOe,MAAM,CAACC,MAAM,CAACJ,oBAAoB,CAAC,CAACK,IAAI,CAAC,CAACC,EAAE,GAAKA,EAAE,CAACJ,MAAM,CAACP,IAAI,KAAKZ,QAAQ,CAACY,IAAI,IAAIW,EAAE,CAACC,OAAO,KAAK,IAAI,CAAC,CAAC;AACnH,CAAC"}
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 2022 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 { useCallback, useMemo } from 'react';\nimport {\n  DashboardResource,\n  DashboardSpec,\n  Datasource,\n  DatasourceSelector,\n  DatasourceSpec,\n  GlobalDatasource,\n  useEvent,\n} from '@perses-dev/core';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  usePluginRegistry,\n  DatasourceMetadata,\n} from '@perses-dev/plugin-system';\n\nexport interface DatasourceStoreProviderProps {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceApi;\n  children?: React.ReactNode;\n}\n\n// The external API for fetching datasource resources\nexport interface DatasourceApi {\n  getDatasource: (\n    project: string,\n    selector: DatasourceSelector\n  ) => Promise<{ resource: Datasource; proxyUrl: string } | undefined>;\n\n  getGlobalDatasource: (\n    selector: DatasourceSelector\n  ) => Promise<{ resource: GlobalDatasource; proxyUrl: string } | undefined>;\n\n  listDatasources: (project: string, pluginKind?: string) => Promise<Datasource[]>;\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, datasourceApi, children } = props;\n  const { project } = dashboardResource.metadata;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  const findDatasource = useEvent(async (selector: DatasourceSelector) => {\n    // Try to find it in dashboard spec\n    const { datasources } = dashboardResource.spec;\n    const dashboardDatasource = findDashboardDatasource(datasources, selector);\n    if (dashboardDatasource !== undefined) {\n      return { spec: dashboardDatasource, proxyUrl: undefined };\n    }\n\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 { spec: datasource.resource.spec, proxyUrl: datasource.proxyUrl };\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 { spec: globalDatasource.resource.spec, proxyUrl: globalDatasource.proxyUrl };\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>(selector: DatasourceSelector): Promise<Client> {\n      const { kind } = selector;\n      const [{ spec, proxyUrl }, plugin] = await Promise.all([findDatasource(selector), getPlugin('Datasource', kind)]);\n      return plugin.createClient(spec.plugin.spec, { proxyUrl }) as Client;\n    },\n    [findDatasource, getPlugin]\n  );\n\n  const listDatasourceMetadata = useEvent(async (datasourcePluginKind: string): Promise<DatasourceMetadata[]> => {\n    const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n      listPluginMetadata('Datasource'),\n      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 de-duping results properly\n    const { results, addResult } = buildListDatasourceMetadataResults(datasourcePluginMetadata.display.name);\n\n    // Start with dashboard datasources that have highest precedence\n    if (dashboardResource.spec.datasources !== undefined) {\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        addResult(spec, selectorName);\n      }\n    }\n\n    // Now look at project-level datasources\n    for (const datasource of datasources) {\n      const selectorName = datasource.metadata.name;\n      addResult(datasource.spec, selectorName);\n    }\n\n    // And finally global datasources\n    for (const globalDatasource of globalDatasources) {\n      const selectorName = globalDatasource.metadata.name;\n      addResult(globalDatasource.spec, selectorName);\n    }\n\n    return results;\n  });\n\n  const ctxValue: DatasourceStore = useMemo(\n    () => ({\n      getDatasource,\n      getDatasourceClient,\n      listDatasourceMetadata,\n    }),\n    [getDatasource, getDatasourceClient, listDatasourceMetadata]\n  );\n\n  return <DatasourceStoreContext.Provider value={ctxValue}>{children}</DatasourceStoreContext.Provider>;\n}\n\n// Helper to find a datasource in the list embedded in a dashboard spec\nfunction findDashboardDatasource(dashboardDatasources: DashboardSpec['datasources'], selector: DatasourceSelector) {\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 ? named : undefined;\n  }\n\n  // If only using a kind, try to find one with that kind that is the default\n  return Object.values(dashboardDatasources).find((ds) => ds.plugin.kind === selector.kind && ds.default === true);\n}\n\n// Helper for building a list of DatasourceMetadata results that will take care of de-duping already used selectors\nfunction buildListDatasourceMetadataResults(pluginDisplayName: string) {\n  const results: DatasourceMetadata[] = [];\n  const usedNames = new Set<string>();\n  let defaultAdded = false;\n  const addResult = (spec: DatasourceSpec, selectorName: string) => {\n    // If we haven't added a default yet and this is a default, add default option to the beginning of the results\n    if (spec.default && defaultAdded === false) {\n      results.unshift({\n        name: `Default ${pluginDisplayName}`,\n        selector: {\n          kind: spec.plugin.kind,\n        },\n      });\n      defaultAdded = true;\n    }\n\n    // If we already have a datasource with this selector name, ignore it, otherwise add to end of list\n    if (usedNames.has(selectorName)) return;\n\n    results.push({\n      name: spec.display?.name ?? selectorName,\n      selector: {\n        kind: spec.plugin.kind,\n        name: selectorName,\n      },\n    });\n    usedNames.add(selectorName);\n  };\n\n  return { results, addResult };\n}\n"],"names":["useCallback","useMemo","useEvent","DatasourceStoreContext","usePluginRegistry","DatasourceStoreProvider","props","dashboardResource","datasourceApi","children","project","metadata","getPlugin","listPluginMetadata","findDatasource","selector","datasources","spec","dashboardDatasource","findDashboardDatasource","undefined","proxyUrl","datasource","getDatasource","resource","globalDatasource","getGlobalDatasource","Error","kind","name","getDatasourceClient","getClient","plugin","Promise","all","createClient","listDatasourceMetadata","datasourcePluginKind","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addResult","buildListDatasourceMetadataResults","display","selectorName","ctxValue","Provider","value","dashboardDatasources","named","Object","values","ds","default","pluginDisplayName","usedNames","Set","defaultAdded","unshift","has","push","add"],"mappings":"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"}

package/dist/context/TemplateVariableProvider.d.ts

@@ -7,6 +7,7 @@ declare type TemplateVariableStore = {
     setVariableValue: (variableName: VariableName, value: VariableValue) => void;
     setVariableOptions: (name: VariableName, options: VariableOption[]) => void;
     setVariableLoading: (name: VariableName, loading: boolean) => void;
+    setVariableDefinitions: (definitions: VariableDefinition[]) => void;
 };
 export declare function useTemplateVariableValues(variableNames?: string[]): VariableStateMap;
 export declare function useTemplateVariable(name: string): {
@@ -17,6 +18,7 @@ export declare function useTemplateVariableActions(): {
     setVariableValue: (variableName: string, value: VariableValue) => void;
     setVariableLoading: (name: string, loading: boolean) => void;
     setVariableOptions: (name: string, options: VariableOption[]) => void;
+    setVariableDefinitions: (definitions: VariableDefinition[]) => void;
 };
 export declare function useTemplateVariableDefinitions(): VariableDefinition[];
 export declare function useTemplateVariableStore(): TemplateVariableStore;

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../src/context/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,cAAc,EAEf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;;EASzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AA8ED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,GAChC,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD,eAQA"}
+{"version":3,"file":"TemplateVariableProvider.d.ts","sourceRoot":"","sources":["../../src/context/TemplateVariableProvider.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAEL,gBAAgB,EAChB,aAAa,EACb,cAAc,EAEf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,aAAK,qBAAqB,GAAG;IAC3B,mBAAmB,EAAE,kBAAkB,EAAE,CAAC;IAC1C,aAAa,EAAE,gBAAgB,CAAC;IAChC,gBAAgB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,sBAAsB,EAAE,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAaF,wBAAgB,yBAAyB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,oBAqBjE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM;;;EAU/C;AAED,wBAAgB,0BAA0B;;;;;EAUzC;AAED,wBAAgB,8BAA8B,yBAG7C;AAED,wBAAgB,wBAAwB,0BAGvC;AAoFD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,0BAA+B,GAChC,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnD,eAQA"}

package/dist/context/TemplateVariableProvider.js

@@ -59,7 +59,8 @@ export function useTemplateVariableActions() {
         return {
             setVariableValue: s.setVariableValue,
             setVariableLoading: s.setVariableLoading,
-            setVariableOptions: s.setVariableOptions
+            setVariableOptions: s.setVariableOptions,
+            setVariableDefinitions: s.setVariableDefinitions
         };
     });
 }
@@ -104,6 +105,12 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[]  }) {
     const store = createStore()(devtools(immer((set)=>({
             variableState: hydrateTemplateVariableStates(initialVariableDefinitions),
             variableDefinitions: initialVariableDefinitions,
+            setVariableDefinitions (definitions) {
+                set((state)=>{
+                    state.variableDefinitions = definitions;
+                    state.variableState = hydrateTemplateVariableStates(definitions);
+                });
+            },
             setVariableOptions (name, options) {
                 set((state)=>{
                     const varState = state.variableState[name];

package/dist/context/TemplateVariableProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/TemplateVariableProvider.tsx"],"sourcesContent":["// Copyright 2022 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, useContext, useMemo, useState } from 'react';\nimport { createStore, useStore } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport {\n  TemplateVariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableOption,\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n} from '@perses-dev/plugin-system';\nimport { VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';\n\ntype TemplateVariableStore = {\n  variableDefinitions: VariableDefinition[];\n  variableState: VariableStateMap;\n  setVariableValue: (variableName: VariableName, value: VariableValue) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[]) => void;\n  setVariableLoading: (name: VariableName, loading: boolean) => void;\n};\n\nconst TemplateVariableStoreContext = createContext<ReturnType<typeof createTemplateVariableSrvStore> | undefined>(\n  undefined\n);\nfunction 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  const state = useStore(\n    store,\n    (s) => {\n      const names = variableNames ?? Object.keys(s.variableState);\n      const vars: VariableStateMap = {};\n      names.forEach((name) => {\n        const varState = s.variableState[name];\n        if (!varState) {\n          return;\n        }\n        vars[name] = varState;\n      });\n      return vars;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n  return state;\n}\n\nexport function useTemplateVariable(name: string) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    const variableState = s.variableState[name];\n    const definition = s.variableDefinitions.find((v) => v.spec.name === name);\n    return {\n      state: variableState,\n      definition,\n    };\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    };\n  });\n}\n\nexport function useTemplateVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useTemplateVariableStore() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store);\n}\n\nfunction PluginProvider({ children }: { children: React.ReactNode }) {\n  const originalValues = useTemplateVariableValues();\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      if (v.value === ALL_VALUE) {\n        v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues]);\n\n  return <TemplateVariableContext.Provider value={{ state: values }}>{children}</TemplateVariableContext.Provider>;\n}\n\ninterface TemplateVariableSrvArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n}\n\nfunction createTemplateVariableSrvStore({ initialVariableDefinitions = [] }: TemplateVariableSrvArgs) {\n  const store = createStore<TemplateVariableStore>()(\n    devtools(\n      immer((set) => ({\n        variableState: hydrateTemplateVariableStates(initialVariableDefinitions),\n        variableDefinitions: initialVariableDefinitions,\n        setVariableOptions(name, options) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.options = options;\n          });\n        },\n        setVariableLoading(name, loading) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.loading = loading;\n          });\n        },\n\n        setVariableValue: (name, value) =>\n          set((state) => {\n            let val = value;\n            const varState = state.variableState[name];\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            varState.value = val;\n          }),\n      }))\n    )\n  );\n\n  return store;\n}\n\nexport function TemplateVariableProvider({\n  children,\n  initialVariableDefinitions = [],\n}: {\n  children: React.ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n}) {\n  const [store] = useState(createTemplateVariableSrvStore({ initialVariableDefinitions }));\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n\n/** Helpers */\n\nfunction hydrateTemplateVariableState(definition: VariableDefinition) {\n  const v = definition;\n  const varState: VariableState = {\n    value: v.spec.default_value ?? null,\n    loading: false,\n  };\n  switch (v.kind) {\n    case 'TextVariable':\n      varState.value = v.spec.value;\n      break;\n    case 'ListVariable':\n      varState.options = [];\n      if (varState.options.length > 0 && !varState.value) {\n        const firstOptionValue = varState.options[0]?.value ?? null;\n        if (firstOptionValue !== null) {\n          varState.value = v.spec.allow_multiple ? [firstOptionValue] : firstOptionValue;\n        }\n      }\n      break;\n    default:\n      break;\n  }\n  return varState;\n}\n\nfunction hydrateTemplateVariableStates(definitions: VariableDefinition[]): VariableStateMap {\n  const state: VariableStateMap = {};\n  definitions.forEach((v) => {\n    state[v.spec.name] = hydrateTemplateVariableState(v);\n  });\n  return state;\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","immer","devtools","TemplateVariableContext","DEFAULT_ALL_VALUE","ALL_VALUE","TemplateVariableStoreContext","undefined","useTemplateVariableStoreCtx","context","Error","useTemplateVariableValues","variableNames","store","state","s","names","Object","keys","variableState","vars","forEach","name","varState","left","right","JSON","stringify","useTemplateVariable","definition","variableDefinitions","find","v","spec","useTemplateVariableActions","setVariableValue","setVariableLoading","setVariableOptions","useTemplateVariableDefinitions","useTemplateVariableStore","PluginProvider","children","originalValues","values","contextValues","value","options","map","o","Provider","createTemplateVariableSrvStore","initialVariableDefinitions","set","hydrateTemplateVariableStates","loading","val","Array","isArray","includes","at","filter","TemplateVariableProvider","hydrateTemplateVariableState","default_value","kind","length","firstOptionValue","allow_multiple","definitions"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/TemplateVariableProvider.tsx"],"sourcesContent":["// Copyright 2022 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, useContext, useMemo, useState } from 'react';\nimport { createStore, useStore } from 'zustand';\nimport { immer } from 'zustand/middleware/immer';\nimport { devtools } from 'zustand/middleware';\nimport {\n  TemplateVariableContext,\n  VariableStateMap,\n  VariableState,\n  VariableOption,\n  DEFAULT_ALL_VALUE as ALL_VALUE,\n} from '@perses-dev/plugin-system';\nimport { VariableName, VariableValue, VariableDefinition } from '@perses-dev/core';\n\ntype TemplateVariableStore = {\n  variableDefinitions: VariableDefinition[];\n  variableState: VariableStateMap;\n  setVariableValue: (variableName: VariableName, value: VariableValue) => void;\n  setVariableOptions: (name: VariableName, options: VariableOption[]) => void;\n  setVariableLoading: (name: VariableName, loading: boolean) => void;\n  setVariableDefinitions: (definitions: VariableDefinition[]) => void;\n};\n\nconst TemplateVariableStoreContext = createContext<ReturnType<typeof createTemplateVariableSrvStore> | undefined>(\n  undefined\n);\nfunction 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  const state = useStore(\n    store,\n    (s) => {\n      const names = variableNames ?? Object.keys(s.variableState);\n      const vars: VariableStateMap = {};\n      names.forEach((name) => {\n        const varState = s.variableState[name];\n        if (!varState) {\n          return;\n        }\n        vars[name] = varState;\n      });\n      return vars;\n    },\n    (left, right) => {\n      return JSON.stringify(left) === JSON.stringify(right);\n    }\n  );\n  return state;\n}\n\nexport function useTemplateVariable(name: string) {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => {\n    const variableState = s.variableState[name];\n    const definition = s.variableDefinitions.find((v) => v.spec.name === name);\n    return {\n      state: variableState,\n      definition,\n    };\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    };\n  });\n}\n\nexport function useTemplateVariableDefinitions() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store, (s) => s.variableDefinitions);\n}\n\nexport function useTemplateVariableStore() {\n  const store = useTemplateVariableStoreCtx();\n  return useStore(store);\n}\n\nfunction PluginProvider({ children }: { children: React.ReactNode }) {\n  const originalValues = useTemplateVariableValues();\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      if (v.value === ALL_VALUE) {\n        v.value = v.options?.map((o: { value: string }) => o.value) ?? null;\n      }\n      contextValues[name] = v;\n    });\n    return contextValues;\n  }, [originalValues]);\n\n  return <TemplateVariableContext.Provider value={{ state: values }}>{children}</TemplateVariableContext.Provider>;\n}\n\ninterface TemplateVariableSrvArgs {\n  initialVariableDefinitions?: VariableDefinition[];\n}\n\nfunction createTemplateVariableSrvStore({ initialVariableDefinitions = [] }: TemplateVariableSrvArgs) {\n  const store = createStore<TemplateVariableStore>()(\n    devtools(\n      immer((set) => ({\n        variableState: hydrateTemplateVariableStates(initialVariableDefinitions),\n        variableDefinitions: initialVariableDefinitions,\n        setVariableDefinitions(definitions: VariableDefinition[]) {\n          set((state) => {\n            state.variableDefinitions = definitions;\n            state.variableState = hydrateTemplateVariableStates(definitions);\n          });\n        },\n        setVariableOptions(name, options) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.options = options;\n          });\n        },\n        setVariableLoading(name, loading) {\n          set((state) => {\n            const varState = state.variableState[name];\n            if (!varState) {\n              return;\n            }\n            varState.loading = loading;\n          });\n        },\n\n        setVariableValue: (name, value) =>\n          set((state) => {\n            let val = value;\n            const varState = state.variableState[name];\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            varState.value = val;\n          }),\n      }))\n    )\n  );\n\n  return store;\n}\n\nexport function TemplateVariableProvider({\n  children,\n  initialVariableDefinitions = [],\n}: {\n  children: React.ReactNode;\n  initialVariableDefinitions?: VariableDefinition[];\n}) {\n  const [store] = useState(createTemplateVariableSrvStore({ initialVariableDefinitions }));\n\n  return (\n    <TemplateVariableStoreContext.Provider value={store}>\n      <PluginProvider>{children}</PluginProvider>\n    </TemplateVariableStoreContext.Provider>\n  );\n}\n\n/** Helpers */\n\nfunction hydrateTemplateVariableState(definition: VariableDefinition) {\n  const v = definition;\n  const varState: VariableState = {\n    value: v.spec.default_value ?? null,\n    loading: false,\n  };\n  switch (v.kind) {\n    case 'TextVariable':\n      varState.value = v.spec.value;\n      break;\n    case 'ListVariable':\n      varState.options = [];\n      if (varState.options.length > 0 && !varState.value) {\n        const firstOptionValue = varState.options[0]?.value ?? null;\n        if (firstOptionValue !== null) {\n          varState.value = v.spec.allow_multiple ? [firstOptionValue] : firstOptionValue;\n        }\n      }\n      break;\n    default:\n      break;\n  }\n  return varState;\n}\n\nfunction hydrateTemplateVariableStates(definitions: VariableDefinition[]): VariableStateMap {\n  const state: VariableStateMap = {};\n  definitions.forEach((v) => {\n    state[v.spec.name] = hydrateTemplateVariableState(v);\n  });\n  return state;\n}\n"],"names":["createContext","useContext","useMemo","useState","createStore","useStore","immer","devtools","TemplateVariableContext","DEFAULT_ALL_VALUE","ALL_VALUE","TemplateVariableStoreContext","undefined","useTemplateVariableStoreCtx","context","Error","useTemplateVariableValues","variableNames","store","state","s","names","Object","keys","variableState","vars","forEach","name","varState","left","right","JSON","stringify","useTemplateVariable","definition","variableDefinitions","find","v","spec","useTemplateVariableActions","setVariableValue","setVariableLoading","setVariableOptions","setVariableDefinitions","useTemplateVariableDefinitions","useTemplateVariableStore","PluginProvider","children","originalValues","values","contextValues","value","options","map","o","Provider","createTemplateVariableSrvStore","initialVariableDefinitions","set","hydrateTemplateVariableStates","definitions","loading","val","Array","isArray","includes","at","filter","TemplateVariableProvider","hydrateTemplateVariableState","default_value","kind","length","firstOptionValue","allow_multiple"],"mappings":"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"}

package/dist/context/TimeRangeProvider.d.ts

@@ -1,12 +1,19 @@
 import React from 'react';
 import { TimeRangeValue } from '@perses-dev/core';
 export interface TimeRangeProviderProps {
-    initialTimeRange: TimeRangeValue;
+    timeRange: TimeRangeValue;
+    setTimeRange?: (value: TimeRangeValue) => void;
     children?: React.ReactNode;
-    onTimeRangeChange?: (e: TimeRangeValue) => void;
 }
 /**
  * Provider implementation that supplies the time range state at runtime.
  */
 export declare function TimeRangeProvider(props: TimeRangeProviderProps): JSX.Element;
+/**
+ * Internal version of time range hook to get all supported values
+ */
+export declare function useDashboardTimeRange(): {
+    timeRange: TimeRangeValue;
+    setTimeRange: (value: TimeRangeValue) => void;
+};
 //# sourceMappingURL=TimeRangeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,cAAc,EAA+D,MAAM,kBAAkB,CAAC;AAG/G,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,cAAc,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAkD9D"}
+{"version":3,"file":"TimeRangeProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeRangeProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAiB9D;AAED;;GAEG;AACH,wBAAgB,qBAAqB;;;EAGpC"}

package/dist/context/TimeRangeProvider.js

@@ -11,54 +11,17 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useMemo, useCallback } from 'react';
-import { getUnixTime } from 'date-fns';
-import { toAbsoluteTimeRange, isRelativeTimeRange } from '@perses-dev/core';
-import { TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';
+import React, { useMemo } from 'react';
+import { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';
 /**
  * Provider implementation that supplies the time range state at runtime.
  */ export function TimeRangeProvider(props) {
-    const { initialTimeRange , children , onTimeRangeChange  } = props;
-    const { queryString , setQueryString  } = useQueryString();
-    const defaultTimeRange = isRelativeTimeRange(initialTimeRange) ? toAbsoluteTimeRange(initialTimeRange) : initialTimeRange;
-    const [timeRange, setActiveTimeRange] = useState(defaultTimeRange);
-    const setTimeRange = useCallback((value)=>{
-        if (onTimeRangeChange !== undefined) {
-            // optional callback to override default behavior
-            onTimeRangeChange(value);
-            return;
-        }
-        if (isRelativeTimeRange(value)) {
-            if (setQueryString) {
-                queryString.set('start', value.pastDuration);
-                // end not required for relative time but may have been set by AbsoluteTimePicker or zoom
-                queryString.delete('end');
-                setQueryString(queryString);
-            } else {
-                setActiveTimeRange(toAbsoluteTimeRange(value));
-            }
-            return;
-        }
-        // allows app to specify whether query params should be source of truth for active time range
-        if (setQueryString) {
-            // Absolute URL example) ?start=1663707045000&end=1663713330000
-            // currently set from ViewDashboard initial queryString, AbsoluteTimePicker, or LineChart panel onDataZoom
-            const startUnixMs = getUnixTime(value.start) * 1000;
-            const endUnixMs = getUnixTime(value.end) * 1000;
-            queryString.set('start', startUnixMs.toString());
-            queryString.set('end', endUnixMs.toString());
-            setQueryString(queryString);
-        } else {
-            setActiveTimeRange(value);
-        }
-    }, [
-        queryString,
-        setQueryString,
-        onTimeRangeChange
-    ]);
+    const { timeRange , children , setTimeRange  } = props;
+    // TODO: fix no-op, pass paramsEnabled as false in useSetTimeRangeParams as workaround
     const ctx = useMemo(()=>({
             timeRange,
-            setTimeRange
+            setTimeRange: setTimeRange !== null && setTimeRange !== void 0 ? setTimeRange : ()=>{
+            /* no-op */ }
         }), [
         timeRange,
         setTimeRange
@@ -68,5 +31,14 @@ import { TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';
         children: children
     });
 }
+/**
+ * Internal version of time range hook to get all supported values
+ */ export function useDashboardTimeRange() {
+    const { timeRange , setTimeRange  } = useTimeRangeContext();
+    return {
+        timeRange,
+        setTimeRange
+    };
+}
 
 //# sourceMappingURL=TimeRangeProvider.js.map

package/dist/context/TimeRangeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useState, useMemo, useCallback } from 'react';\nimport { getUnixTime } from 'date-fns';\nimport { TimeRangeValue, AbsoluteTimeRange, toAbsoluteTimeRange, isRelativeTimeRange } from '@perses-dev/core';\nimport { TimeRange, TimeRangeContext, useQueryString } from '@perses-dev/plugin-system';\n\nexport interface TimeRangeProviderProps {\n  initialTimeRange: TimeRangeValue;\n  children?: React.ReactNode;\n  onTimeRangeChange?: (e: TimeRangeValue) => void;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { initialTimeRange, children, onTimeRangeChange } = props;\n\n  const { queryString, setQueryString } = useQueryString();\n\n  const defaultTimeRange: AbsoluteTimeRange = isRelativeTimeRange(initialTimeRange)\n    ? toAbsoluteTimeRange(initialTimeRange)\n    : initialTimeRange;\n\n  const [timeRange, setActiveTimeRange] = useState<AbsoluteTimeRange>(defaultTimeRange);\n\n  const setTimeRange: TimeRange['setTimeRange'] = useCallback(\n    (value: TimeRangeValue) => {\n      if (onTimeRangeChange !== undefined) {\n        // optional callback to override default behavior\n        onTimeRangeChange(value);\n        return;\n      }\n\n      if (isRelativeTimeRange(value)) {\n        if (setQueryString) {\n          queryString.set('start', value.pastDuration);\n          // end not required for relative time but may have been set by AbsoluteTimePicker or zoom\n          queryString.delete('end');\n          setQueryString(queryString);\n        } else {\n          setActiveTimeRange(toAbsoluteTimeRange(value));\n        }\n        return;\n      }\n\n      // allows app to specify whether query params should be source of truth for active time range\n      if (setQueryString) {\n        // Absolute URL example) ?start=1663707045000&end=1663713330000\n        // currently set from ViewDashboard initial queryString, AbsoluteTimePicker, or LineChart panel onDataZoom\n        const startUnixMs = getUnixTime(value.start) * 1000;\n        const endUnixMs = getUnixTime(value.end) * 1000;\n        queryString.set('start', startUnixMs.toString());\n        queryString.set('end', endUnixMs.toString());\n        setQueryString(queryString);\n      } else {\n        setActiveTimeRange(value);\n      }\n    },\n    [queryString, setQueryString, onTimeRangeChange]\n  );\n\n  const ctx = useMemo(() => ({ timeRange, setTimeRange }), [timeRange, setTimeRange]);\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n"],"names":["React","useState","useMemo","useCallback","getUnixTime","toAbsoluteTimeRange","isRelativeTimeRange","TimeRangeContext","useQueryString","TimeRangeProvider","props","initialTimeRange","children","onTimeRangeChange","queryString","setQueryString","defaultTimeRange","timeRange","setActiveTimeRange","setTimeRange","value","undefined","set","pastDuration","delete","startUnixMs","start","endUnixMs","end","toString","ctx","Provider"],"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;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO,CAAC;AAC9D,SAASC,WAAW,QAAQ,UAAU,CAAC;AACvC,SAA4CC,mBAAmB,EAAEC,mBAAmB,QAAQ,kBAAkB,CAAC;AAC/G,SAAoBC,gBAAgB,EAAEC,cAAc,QAAQ,2BAA2B,CAAC;AAQxF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,gBAAgB,CAAA,EAAEC,QAAQ,CAAA,EAAEC,iBAAiB,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEhE,MAAM,EAAEI,WAAW,CAAA,EAAEC,cAAc,CAAA,EAAE,GAAGP,cAAc,EAAE,AAAC;IAEzD,MAAMQ,gBAAgB,GAAsBV,mBAAmB,CAACK,gBAAgB,CAAC,GAC7EN,mBAAmB,CAACM,gBAAgB,CAAC,GACrCA,gBAAgB,AAAC;IAErB,MAAM,CAACM,SAAS,EAAEC,kBAAkB,CAAC,GAAGjB,QAAQ,CAAoBe,gBAAgB,CAAC,AAAC;IAEtF,MAAMG,YAAY,GAA8BhB,WAAW,CACzD,CAACiB,KAAqB,GAAK;QACzB,IAAIP,iBAAiB,KAAKQ,SAAS,EAAE;YACnC,iDAAiD;YACjDR,iBAAiB,CAACO,KAAK,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAId,mBAAmB,CAACc,KAAK,CAAC,EAAE;YAC9B,IAAIL,cAAc,EAAE;gBAClBD,WAAW,CAACQ,GAAG,CAAC,OAAO,EAAEF,KAAK,CAACG,YAAY,CAAC,CAAC;gBAC7C,yFAAyF;gBACzFT,WAAW,CAACU,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1BT,cAAc,CAACD,WAAW,CAAC,CAAC;YAC9B,OAAO;gBACLI,kBAAkB,CAACb,mBAAmB,CAACe,KAAK,CAAC,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACT,CAAC;QAED,6FAA6F;QAC7F,IAAIL,cAAc,EAAE;YAClB,+DAA+D;YAC/D,0GAA0G;YAC1G,MAAMU,WAAW,GAAGrB,WAAW,CAACgB,KAAK,CAACM,KAAK,CAAC,GAAG,IAAI,AAAC;YACpD,MAAMC,SAAS,GAAGvB,WAAW,CAACgB,KAAK,CAACQ,GAAG,CAAC,GAAG,IAAI,AAAC;YAChDd,WAAW,CAACQ,GAAG,CAAC,OAAO,EAAEG,WAAW,CAACI,QAAQ,EAAE,CAAC,CAAC;YACjDf,WAAW,CAACQ,GAAG,CAAC,KAAK,EAAEK,SAAS,CAACE,QAAQ,EAAE,CAAC,CAAC;YAC7Cd,cAAc,CAACD,WAAW,CAAC,CAAC;QAC9B,OAAO;YACLI,kBAAkB,CAACE,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD;QAACN,WAAW;QAAEC,cAAc;QAAEF,iBAAiB;KAAC,CACjD,AAAC;IAEF,MAAMiB,GAAG,GAAG5B,OAAO,CAAC,IAAO,CAAA;YAAEe,SAAS;YAAEE,YAAY;SAAE,CAAA,AAAC,EAAE;QAACF,SAAS;QAAEE,YAAY;KAAC,CAAC,AAAC;IAEpF,qBAAO,KAACZ,gBAAgB,CAACwB,QAAQ;QAACX,KAAK,EAAEU,GAAG;kBAAGlB,QAAQ;MAA6B,CAAC;AACvF,CAAC"}
+{"version":3,"sources":["../../src/context/TimeRangeProvider.tsx"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useMemo } from 'react';\nimport { TimeRangeValue } from '@perses-dev/core';\nimport { TimeRangeContext, useTimeRangeContext } from '@perses-dev/plugin-system';\n\nexport interface TimeRangeProviderProps {\n  timeRange: TimeRangeValue;\n  setTimeRange?: (value: TimeRangeValue) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Provider implementation that supplies the time range state at runtime.\n */\nexport function TimeRangeProvider(props: TimeRangeProviderProps) {\n  const { timeRange, children, setTimeRange } = props;\n\n  // TODO: fix no-op, pass paramsEnabled as false in useSetTimeRangeParams as workaround\n  const ctx = useMemo(\n    () => ({\n      timeRange,\n      setTimeRange:\n        setTimeRange ??\n        (() => {\n          /* no-op */\n        }),\n    }),\n    [timeRange, setTimeRange]\n  );\n\n  return <TimeRangeContext.Provider value={ctx}>{children}</TimeRangeContext.Provider>;\n}\n\n/**\n * Internal version of time range hook to get all supported values\n */\nexport function useDashboardTimeRange() {\n  const { timeRange, setTimeRange } = useTimeRangeContext();\n  return { timeRange, setTimeRange };\n}\n"],"names":["React","useMemo","TimeRangeContext","useTimeRangeContext","TimeRangeProvider","props","timeRange","children","setTimeRange","ctx","Provider","value","useDashboardTimeRange"],"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;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO,CAAC;AAEvC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,2BAA2B,CAAC;AAQlF;;CAEC,GACD,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,SAAS,CAAA,EAAEC,QAAQ,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGH,KAAK,AAAC;IAEpD,sFAAsF;IACtF,MAAMI,GAAG,GAAGR,OAAO,CACjB,IAAO,CAAA;YACLK,SAAS;YACTE,YAAY,EACVA,YAAY,aAAZA,YAAY,cAAZA,YAAY,GACX,IAAM;YACL,SAAS,GACX,CAAC,AAAC;SACL,CAAA,AAAC,EACF;QAACF,SAAS;QAAEE,YAAY;KAAC,CAC1B,AAAC;IAEF,qBAAO,KAACN,gBAAgB,CAACQ,QAAQ;QAACC,KAAK,EAAEF,GAAG;kBAAGF,QAAQ;MAA6B,CAAC;AACvF,CAAC;AAED;;CAEC,GACD,OAAO,SAASK,qBAAqB,GAAG;IACtC,MAAM,EAAEN,SAAS,CAAA,EAAEE,YAAY,CAAA,EAAE,GAAGL,mBAAmB,EAAE,AAAC;IAC1D,OAAO;QAAEG,SAAS;QAAEE,YAAY;KAAE,CAAC;AACrC,CAAC"}

package/dist/context/index.d.ts

@@ -1,8 +1,6 @@
-export * from './DashboardAppSlice';
 export * from './DashboardProvider';
 export * from './DatasourceStoreProvider';
-export * from './LayoutsSlice';
-export * from './QueryStringProvider';
 export * from './TemplateVariableProvider';
 export * from './TimeRangeProvider';
+export * from './useDashboardSpec';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAaA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/dist/context/index.js

@@ -10,12 +10,10 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './DashboardAppSlice';
 export * from './DashboardProvider';
 export * from './DatasourceStoreProvider';
-export * from './LayoutsSlice';
-export * from './QueryStringProvider';
 export * from './TemplateVariableProvider';
 export * from './TimeRangeProvider';
+export * from './useDashboardSpec';
 
 //# sourceMappingURL=index.js.map

package/dist/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DashboardAppSlice';\nexport * from './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './LayoutsSlice';\nexport * from './QueryStringProvider';\nexport * from './TemplateVariableProvider';\nexport * from './TimeRangeProvider';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}
+{"version":3,"sources":["../../src/context/index.ts"],"sourcesContent":["// Copyright 2022 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './TemplateVariableProvider';\nexport * from './TimeRangeProvider';\nexport * from './useDashboardSpec';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/dist/context/useDashboardSpec.d.ts

@@ -0,0 +1,3 @@
+import { DashboardSpec } from '@perses-dev/core';
+export declare function useDashboardSpec(): DashboardSpec;
+//# sourceMappingURL=useDashboardSpec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardSpec.d.ts","sourceRoot":"","sources":["../../src/context/useDashboardSpec.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAIjE,wBAAgB,gBAAgB,IAAI,aAAa,CAehD"}