@perses-dev/dashboards 0.54.0-beta.0 → 0.54.0-beta.10

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

@@ -56,23 +56,26 @@ export function convertLayoutsToPanelGroups(layouts) {
         const itemLayouts = [];
         const itemPanelKeys = {};
         // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels
-        for (const item of layout.spec.items){
-            const panelGroupLayoutId = generateId().toString();
-            itemLayouts.push({
-                i: panelGroupLayoutId,
-                w: item.width,
-                h: item.height,
-                x: item.x,
-                y: item.y
-            });
-            itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);
+        if ('items' in layout.spec) {
+            for (const item of layout.spec.items){
+                const panelGroupLayoutId = generateId().toString();
+                itemLayouts.push({
+                    i: panelGroupLayoutId,
+                    w: item.width,
+                    h: item.height,
+                    x: item.x,
+                    y: item.y
+                });
+                itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);
+            }
         }
         // Create the panel group and keep track of the ID order
+        const repeatVariable = 'repeatVariable' in layout.spec ? layout.spec.repeatVariable : undefined;
         const panelGroupId = generateId();
         panelGroups[panelGroupId] = {
             id: panelGroupId,
             isCollapsed: layout.spec.display?.collapse?.open === false,
-            repeatVariable: layout.spec.repeatVariable,
+            repeatVariable,
             title: layout.spec.display?.title,
             itemLayouts,
             itemPanelKeys

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 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 { PanelGroupDefinition } from '@perses-dev/core'; // TODO\nimport { getPanelKeyFromRef, LayoutDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { StateCreator } from 'zustand';\nimport { WritableDraft } from 'immer';\nimport { generateId, Middleware } from './common';\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  panelGroupOrder: PanelGroupId[];\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Update the item layouts for a panel group when, for example, a panel is moved or resized.\n   */\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> {\n  const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder,\n\n    swapPanelGroups(x, y): void {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupOrder[x];\n        const yPanelGroup = state.panelGroupOrder[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.panelGroupOrder[x], state.panelGroupOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    updatePanelGroupLayouts(panelGroupId, itemLayouts): void {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`Cannot find panel group ${panelGroupId}`);\n        }\n        group.itemLayouts = itemLayouts;\n      });\n    },\n  });\n}\n\nexport function convertLayoutsToPanelGroups(\n  layouts: LayoutDefinition[]\n): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'> {\n  // Convert the initial layouts from the JSON\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'] = [];\n  for (const layout of layouts) {\n    const itemLayouts: PanelGroupDefinition['itemLayouts'] = [];\n    const itemPanelKeys: PanelGroupDefinition['itemPanelKeys'] = {};\n\n    // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels\n    for (const item of layout.spec.items) {\n      const panelGroupLayoutId = generateId().toString();\n      itemLayouts.push({\n        i: panelGroupLayoutId,\n        w: item.width,\n        h: item.height,\n        x: item.x,\n        y: item.y,\n      });\n      itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);\n    }\n\n    // Create the panel group and keep track of the ID order\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      repeatVariable: layout.spec.repeatVariable,\n      title: layout.spec.display?.title,\n      itemLayouts,\n      itemPanelKeys,\n    };\n    panelGroupIdOrder.push(panelGroupId);\n  }\n  return {\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n  };\n}\n\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupOrder","convertLayoutsToPanelGroups","set","swapPanelGroups","x","y","state","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","panelGroupId","itemLayouts","group","panelGroupIdOrder","layout","itemPanelKeys","item","spec","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","id","isCollapsed","display","collapse","open","repeatVariable","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,SAASA,kBAAkB,QAAwC,mBAAmB;AAGtF,SAASC,UAAU,QAAoB,WAAW;AA2BlD;;CAEC,GACD,OAAO,SAASC,sBACdC,OAA2B;IAE3B,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGC,4BAA4BH;IAErE,gDAAgD;IAChD,OAAO,CAACI,MAAS,CAAA;YACfH;YACAC;YAEAG,iBAAgBC,CAAC,EAAEC,CAAC;gBAClBH,IAAI,CAACI;oBACH,IAAIF,IAAI,KAAKA,KAAKE,MAAMN,eAAe,CAACO,MAAM,IAAIF,IAAI,KAAKA,KAAKC,MAAMN,eAAe,CAACO,MAAM,EAAE;wBAC5F,MAAM,IAAIC,MAAM;oBAClB;oBACA,MAAMC,cAAcH,MAAMN,eAAe,CAACI,EAAE;oBAC5C,MAAMM,cAAcJ,MAAMN,eAAe,CAACK,EAAE;oBAE5C,IAAII,gBAAgBE,aAAaD,gBAAgBC,WAAW;wBAC1D,MAAM,IAAIH,MAAM;oBAClB;oBACA,8FAA8F;oBAC9F,CAACF,MAAMN,eAAe,CAACI,EAAE,EAAEE,MAAMN,eAAe,CAACK,EAAE,CAAC,GAAG;wBAACK;wBAAaD;qBAAY;gBACnF;YACF;YAEAG,yBAAwBC,YAAY,EAAEC,WAAW;gBAC/CZ,IAAI,CAACI;oBACH,MAAMS,QAAQT,MAAMP,WAAW,CAACc,aAAa;oBAC7C,IAAIE,UAAUJ,WAAW;wBACvB,MAAM,IAAIH,MAAM,CAAC,wBAAwB,EAAEK,cAAc;oBAC3D;oBACAE,MAAMD,WAAW,GAAGA;gBACtB;YACF;QACF,CAAA;AACF;AAEA,OAAO,SAASb,4BACdH,OAA2B;IAE3B,4CAA4C;IAC5C,MAAMC,cAA8C,CAAC;IACrD,MAAMiB,oBAAwD,EAAE;IAChE,KAAK,MAAMC,UAAUnB,QAAS;QAC5B,MAAMgB,cAAmD,EAAE;QAC3D,MAAMI,gBAAuD,CAAC;QAE9D,6GAA6G;QAC7G,KAAK,MAAMC,QAAQF,OAAOG,IAAI,CAACC,KAAK,CAAE;YACpC,MAAMC,qBAAqB1B,aAAa2B,QAAQ;YAChDT,YAAYU,IAAI,CAAC;gBACfC,GAAGH;gBACHI,GAAGP,KAAKQ,KAAK;gBACbC,GAAGT,KAAKU,MAAM;gBACdzB,GAAGe,KAAKf,CAAC;gBACTC,GAAGc,KAAKd,CAAC;YACX;YACAa,aAAa,CAACI,mBAAmB,GAAG3B,mBAAmBwB,KAAKW,OAAO;QACrE;QAEA,wDAAwD;QACxD,MAAMjB,eAAejB;QACrBG,WAAW,CAACc,aAAa,GAAG;YAC1BkB,IAAIlB;YACJmB,aAAaf,OAAOG,IAAI,CAACa,OAAO,EAAEC,UAAUC,SAAS;YACrDC,gBAAgBnB,OAAOG,IAAI,CAACgB,cAAc;YAC1CC,OAAOpB,OAAOG,IAAI,CAACa,OAAO,EAAEI;YAC5BvB;YACAI;QACF;QACAF,kBAAkBQ,IAAI,CAACX;IACzB;IACA,OAAO;QACLd;QACAC,iBAAiBgB;IACnB;AACF;AAEA;;CAEC,GACD,OAAO,SAASsB;IACd,OAAO;QACLP,IAAInC;QACJyC,OAAO1B;QACPqB,aAAa;QACblB,aAAa,EAAE;QACfI,eAAe,CAAC;IAClB;AACF;AAEA;;CAEC,GACD,OAAO,SAASqB,cAAcC,KAAqC,EAAEC,QAA8B;IACjGD,MAAMzC,WAAW,CAAC0C,SAASV,EAAE,CAAC,GAAGU;IACjCD,MAAMxC,eAAe,CAAC0C,OAAO,CAACD,SAASV,EAAE;AAC3C"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/panel-group-slice.ts"],"sourcesContent":["// Copyright 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 { getPanelKeyFromRef, LayoutDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { StateCreator } from 'zustand';\nimport { WritableDraft } from 'immer';\nimport { PanelGroupDefinition } from '../../model';\nimport { generateId, Middleware } from './common';\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  panelGroupOrder: PanelGroupId[];\n\n  /**\n   * Rearrange the order of panel groups by swapping the positions\n   */\n  swapPanelGroups: (xIndex: number, yIndex: number) => void;\n\n  /**\n   * Update the item layouts for a panel group when, for example, a panel is moved or resized.\n   */\n  updatePanelGroupLayouts: (panelGroupId: PanelGroupId, itemLayouts: PanelGroupDefinition['itemLayouts']) => void;\n}\n\n/**\n * Curried function for creating a PanelGroupSlice.\n */\nexport function createPanelGroupSlice(\n  layouts: LayoutDefinition[]\n): StateCreator<PanelGroupSlice, Middleware, [], PanelGroupSlice> {\n  const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n\n  // Return the state creator function for Zustand\n  return (set) => ({\n    panelGroups,\n    panelGroupOrder,\n\n    swapPanelGroups(x, y): void {\n      set((state) => {\n        if (x < 0 || x >= state.panelGroupOrder.length || y < 0 || y >= state.panelGroupOrder.length) {\n          throw new Error('index out of bound');\n        }\n        const xPanelGroup = state.panelGroupOrder[x];\n        const yPanelGroup = state.panelGroupOrder[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.panelGroupOrder[x], state.panelGroupOrder[y]] = [yPanelGroup, xPanelGroup];\n      });\n    },\n\n    updatePanelGroupLayouts(panelGroupId, itemLayouts): void {\n      set((state) => {\n        const group = state.panelGroups[panelGroupId];\n        if (group === undefined) {\n          throw new Error(`Cannot find panel group ${panelGroupId}`);\n        }\n        group.itemLayouts = itemLayouts;\n      });\n    },\n  });\n}\n\nexport function convertLayoutsToPanelGroups(\n  layouts: LayoutDefinition[]\n): Pick<PanelGroupSlice, 'panelGroups' | 'panelGroupOrder'> {\n  // Convert the initial layouts from the JSON\n  const panelGroups: PanelGroupSlice['panelGroups'] = {};\n  const panelGroupIdOrder: PanelGroupSlice['panelGroupOrder'] = [];\n  for (const layout of layouts) {\n    const itemLayouts: PanelGroupDefinition['itemLayouts'] = [];\n    const itemPanelKeys: PanelGroupDefinition['itemPanelKeys'] = {};\n\n    // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels\n    if ('items' in layout.spec) {\n      for (const item of layout.spec.items) {\n        const panelGroupLayoutId = generateId().toString();\n        itemLayouts.push({\n          i: panelGroupLayoutId,\n          w: item.width,\n          h: item.height,\n          x: item.x,\n          y: item.y,\n        });\n        itemPanelKeys[panelGroupLayoutId] = getPanelKeyFromRef(item.content);\n      }\n    }\n\n    // Create the panel group and keep track of the ID order\n    const repeatVariable = 'repeatVariable' in layout.spec ? layout.spec.repeatVariable : undefined;\n    const panelGroupId = generateId();\n    panelGroups[panelGroupId] = {\n      id: panelGroupId,\n      isCollapsed: layout.spec.display?.collapse?.open === false,\n      repeatVariable,\n      title: layout.spec.display?.title,\n      itemLayouts,\n      itemPanelKeys,\n    };\n    panelGroupIdOrder.push(panelGroupId);\n  }\n  return {\n    panelGroups,\n    panelGroupOrder: panelGroupIdOrder,\n  };\n}\n\n/**\n * Private helper function for creating an empty panel group.\n */\nexport function createEmptyPanelGroup(): PanelGroupDefinition {\n  return {\n    id: generateId(),\n    title: undefined,\n    isCollapsed: false,\n    itemLayouts: [],\n    itemPanelKeys: {},\n  };\n}\n\n/**\n * Private helper function that modifies panel group state to add a new panel\n */\nexport function addPanelGroup(draft: WritableDraft<PanelGroupSlice>, newGroup: PanelGroupDefinition): void {\n  draft.panelGroups[newGroup.id] = newGroup;\n  draft.panelGroupOrder.unshift(newGroup.id);\n}\n"],"names":["getPanelKeyFromRef","generateId","createPanelGroupSlice","layouts","panelGroups","panelGroupOrder","convertLayoutsToPanelGroups","set","swapPanelGroups","x","y","state","length","Error","xPanelGroup","yPanelGroup","undefined","updatePanelGroupLayouts","panelGroupId","itemLayouts","group","panelGroupIdOrder","layout","itemPanelKeys","spec","item","items","panelGroupLayoutId","toString","push","i","w","width","h","height","content","repeatVariable","id","isCollapsed","display","collapse","open","title","createEmptyPanelGroup","addPanelGroup","draft","newGroup","unshift"],"mappings":"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"}

package/dist/context/DashboardProvider/save-changes-dialog-slice.d.ts

@@ -5,12 +5,19 @@ export interface SaveChangesConfirmationDialogSlice {
     openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;
     closeSaveChangesConfirmationDialog: () => void;
 }
+export type SaveChangesConfirmationDialogOptions = {
+    saveDefaultTimeRange: boolean;
+    saveDefaultRefreshInterval: boolean;
+    saveDefaultVariables: boolean;
+    saveDefaultTimeZone: boolean;
+};
 export interface SaveChangesConfirmationDialogState {
-    onSaveChanges: (saveDefaultTimeRange: boolean, saveDefaultRefreshInterval: boolean, saveDefaultVariables: boolean) => void;
+    onSaveChanges: (options: SaveChangesConfirmationDialogOptions) => void;
     onCancel: () => void;
     isSavedDurationModified: boolean;
     isSavedRefreshIntervalModified: boolean;
     isSavedVariableModified: boolean;
+    isTimeZoneModified: boolean;
     description?: string;
 }
 export declare const createSaveChangesDialogSlice: StateCreator<SaveChangesConfirmationDialogSlice, Middleware, [

package/dist/context/DashboardProvider/save-changes-dialog-slice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"save-changes-dialog-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/save-changes-dialog-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,kCAAkC;IACjD,6BAA6B,CAAC,EAAE,kCAAkC,CAAC;IACnE,iCAAiC,EAAE,CAAC,6BAA6B,EAAE,kCAAkC,KAAK,IAAI,CAAC;IAC/G,kCAAkC,EAAE,MAAM,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,kCAAkC;IACjD,aAAa,EAAE,CACb,oBAAoB,EAAE,OAAO,EAC7B,0BAA0B,EAAE,OAAO,EACnC,oBAAoB,EAAE,OAAO,KAC1B,IAAI,CAAC;IACV,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,EAAE,OAAO,CAAC;IACjC,8BAA8B,EAAE,OAAO,CAAC;IACxC,uBAAuB,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,YAAY,CACrD,kCAAkC,EAClC,UAAU,EACV;CAAE,EACF,kCAAkC,CAuBlC,CAAC"}
+{"version":3,"file":"save-changes-dialog-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/save-changes-dialog-slice.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,kCAAkC;IACjD,6BAA6B,CAAC,EAAE,kCAAkC,CAAC;IACnE,iCAAiC,EAAE,CAAC,6BAA6B,EAAE,kCAAkC,KAAK,IAAI,CAAC;IAC/G,kCAAkC,EAAE,MAAM,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,oCAAoC,GAAG;IACjD,oBAAoB,EAAE,OAAO,CAAC;IAC9B,0BAA0B,EAAE,OAAO,CAAC;IACpC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AACF,MAAM,WAAW,kCAAkC;IACjD,aAAa,EAAE,CAAC,OAAO,EAAE,oCAAoC,KAAK,IAAI,CAAC;IACvE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB,EAAE,OAAO,CAAC;IACjC,8BAA8B,EAAE,OAAO,CAAC;IACxC,uBAAuB,EAAE,OAAO,CAAC;IACjC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,YAAY,CACrD,kCAAkC,EAClC,UAAU,EACV;CAAE,EACF,kCAAkC,CAuBlC,CAAC"}

package/dist/context/DashboardProvider/save-changes-dialog-slice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/save-changes-dialog-slice.tsx"],"sourcesContent":["// Copyright 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 { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\nexport interface SaveChangesConfirmationDialogSlice {\n  saveChangesConfirmationDialog?: SaveChangesConfirmationDialogState;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  closeSaveChangesConfirmationDialog: () => void;\n}\n\nexport interface SaveChangesConfirmationDialogState {\n  onSaveChanges: (\n    saveDefaultTimeRange: boolean,\n    saveDefaultRefreshInterval: boolean,\n    saveDefaultVariables: boolean\n  ) => void;\n  onCancel: () => void;\n  isSavedDurationModified: boolean;\n  isSavedRefreshIntervalModified: boolean;\n  isSavedVariableModified: boolean;\n  description?: string;\n}\n\nexport const createSaveChangesDialogSlice: StateCreator<\n  SaveChangesConfirmationDialogSlice,\n  Middleware,\n  [],\n  SaveChangesConfirmationDialogSlice\n> = (set) => ({\n  isOpen: false,\n\n  openSaveChangesConfirmationDialog(dialog): void {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = dialog;\n      },\n      false,\n      'openSaveChangesConfirmationDialog'\n    );\n  },\n\n  closeSaveChangesConfirmationDialog(): void {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = undefined;\n      },\n      false,\n      'closeSaveChangesConfirmationDialog'\n    );\n  },\n});\n"],"names":["createSaveChangesDialogSlice","set","isOpen","openSaveChangesConfirmationDialog","dialog","state","saveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","undefined"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAwBjC,OAAO,MAAMA,+BAKT,CAACC,MAAS,CAAA;QACZC,QAAQ;QAERC,mCAAkCC,MAAM;YACtCH,IACE,CAACI;gBACCA,MAAMC,6BAA6B,GAAGF;YACxC,GACA,OACA;QAEJ;QAEAG;YACEN,IACE,CAACI;gBACCA,MAAMC,6BAA6B,GAAGE;YACxC,GACA,OACA;QAEJ;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/save-changes-dialog-slice.tsx"],"sourcesContent":["// Copyright 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 { StateCreator } from 'zustand';\nimport { Middleware } from './common';\n\nexport interface SaveChangesConfirmationDialogSlice {\n  saveChangesConfirmationDialog?: SaveChangesConfirmationDialogState;\n  openSaveChangesConfirmationDialog: (saveChangesConfirmationDialog: SaveChangesConfirmationDialogState) => void;\n  closeSaveChangesConfirmationDialog: () => void;\n}\n\nexport type SaveChangesConfirmationDialogOptions = {\n  saveDefaultTimeRange: boolean;\n  saveDefaultRefreshInterval: boolean;\n  saveDefaultVariables: boolean;\n  saveDefaultTimeZone: boolean;\n};\nexport interface SaveChangesConfirmationDialogState {\n  onSaveChanges: (options: SaveChangesConfirmationDialogOptions) => void;\n  onCancel: () => void;\n  isSavedDurationModified: boolean;\n  isSavedRefreshIntervalModified: boolean;\n  isSavedVariableModified: boolean;\n  isTimeZoneModified: boolean;\n  description?: string;\n}\n\nexport const createSaveChangesDialogSlice: StateCreator<\n  SaveChangesConfirmationDialogSlice,\n  Middleware,\n  [],\n  SaveChangesConfirmationDialogSlice\n> = (set) => ({\n  isOpen: false,\n\n  openSaveChangesConfirmationDialog(dialog): void {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = dialog;\n      },\n      false,\n      'openSaveChangesConfirmationDialog'\n    );\n  },\n\n  closeSaveChangesConfirmationDialog(): void {\n    set(\n      (state) => {\n        state.saveChangesConfirmationDialog = undefined;\n      },\n      false,\n      'closeSaveChangesConfirmationDialog'\n    );\n  },\n});\n"],"names":["createSaveChangesDialogSlice","set","isOpen","openSaveChangesConfirmationDialog","dialog","state","saveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","undefined"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA2BjC,OAAO,MAAMA,+BAKT,CAACC,MAAS,CAAA;QACZC,QAAQ;QAERC,mCAAkCC,MAAM;YACtCH,IACE,CAACI;gBACCA,MAAMC,6BAA6B,GAAGF;YACxC,GACA,OACA;QAEJ;QAEAG;YACEN,IACE,CAACI;gBACCA,MAAMC,6BAA6B,GAAGE;YACxC,GACA,OACA;QAEJ;IACF,CAAA,EAAG"}

package/dist/context/DashboardProvider/use-save-dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-save-dashboard.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/use-save-dashboard.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,mBAAmB,CA8E9E"}
+{"version":3,"file":"use-save-dashboard.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/use-save-dashboard.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI3C,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,mBAAmB,CAmF9E"}

package/dist/context/DashboardProvider/use-save-dashboard.js

@@ -12,7 +12,7 @@
 // limitations under the License.
 import { useCallback, useState } from 'react';
 import { isRelativeTimeRange } from '@perses-dev/spec';
-import { useTimeRange } from '@perses-dev/plugin-system';
+import { useTimeRange, useTimeZoneParams } from '@perses-dev/plugin-system';
 import { useVariableDefinitionActions } from '../VariableProvider/VariableProvider';
 import { useDashboard } from '../useDashboard';
 import { useEditMode, useSaveChangesConfirmationDialog } from './dashboard-provider-api';
@@ -30,6 +30,7 @@ import { useEditMode, useSaveChangesConfirmationDialog } from './dashboard-provi
     const { dashboard, setDashboard } = useDashboard();
     const { setEditMode } = useEditMode();
     const { timeRange, refreshInterval } = useTimeRange();
+    const { timeZone } = useTimeZoneParams();
     const { getSavedVariablesStatus, setVariableDefaultValues } = useVariableDefinitionActions();
     const { openSaveChangesConfirmationDialog, closeSaveChangesConfirmationDialog } = useSaveChangesConfirmationDialog();
     const performSave = useCallback(async ()=>{
@@ -58,12 +59,17 @@ import { useEditMode, useSaveChangesConfirmationDialog } from './dashboard-provi
         const { isSavedVariableModified } = getSavedVariablesStatus();
         const isSavedDurationModified = isRelativeTimeRange(timeRange) && dashboard.spec.duration !== timeRange.pastDuration;
         const isSavedRefreshIntervalModified = dashboard.spec.refreshInterval !== refreshInterval;
-        if (isSavedDurationModified || isSavedVariableModified || isSavedRefreshIntervalModified) {
+        const isTimeZoneModified = timeZone === 'local' && !dashboard.spec.timezone ? false : dashboard.spec.timezone !== timeZone;
+        if (isSavedDurationModified || isSavedVariableModified || isSavedRefreshIntervalModified || isTimeZoneModified) {
             openSaveChangesConfirmationDialog({
-                onSaveChanges: (saveDefaultTimeRange, saveDefaultRefreshInterval, saveDefaultVariables)=>{
+                onSaveChanges: (options)=>{
+                    const { saveDefaultRefreshInterval, saveDefaultTimeRange, saveDefaultTimeZone, saveDefaultVariables } = options;
                     if (isRelativeTimeRange(timeRange) && saveDefaultTimeRange) {
                         dashboard.spec.duration = timeRange.pastDuration;
                     }
+                    if (saveDefaultTimeZone) {
+                        dashboard.spec.timezone = timeZone;
+                    }
                     if (saveDefaultVariables) {
                         const variables = setVariableDefaultValues();
                         dashboard.spec.variables = variables;
@@ -79,17 +85,19 @@ import { useEditMode, useSaveChangesConfirmationDialog } from './dashboard-provi
                 },
                 isSavedDurationModified,
                 isSavedVariableModified,
-                isSavedRefreshIntervalModified
+                isSavedRefreshIntervalModified,
+                isTimeZoneModified
             });
         } else {
             performSave();
         }
     }, [
         isSaving,
-        getSavedVariablesStatus,
         timeRange,
         dashboard,
         refreshInterval,
+        timeZone,
+        getSavedVariablesStatus,
         openSaveChangesConfirmationDialog,
         setVariableDefaultValues,
         setDashboard,

package/dist/context/DashboardProvider/use-save-dashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/use-save-dashboard.ts"],"sourcesContent":["// Copyright 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, useState } from 'react';\nimport { isRelativeTimeRange } from '@perses-dev/spec';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { useVariableDefinitionActions } from '../VariableProvider/VariableProvider';\nimport { useDashboard } from '../useDashboard';\nimport { OnSaveDashboard } from './common';\nimport { useEditMode, useSaveChangesConfirmationDialog } from './dashboard-provider-api';\n\nexport interface SaveDashboardResult {\n  /**\n   * Triggers the save flow. If time range, refresh interval, or variable defaults have been\n   * modified, opens the SaveChangesConfirmationDialog before saving. Otherwise saves directly.\n   * Includes a concurrent-save guard to prevent duplicate saves.\n   */\n  saveDashboard: () => void;\n\n  /**\n   * Whether a save operation is currently in progress.\n   */\n  isSaving: boolean;\n}\n\n/**\n * Hook that encapsulates the full save-dashboard flow, including:\n * - Checking for modified defaults (time range, refresh interval, variables)\n * - Opening the SaveChangesConfirmationDialog when defaults have changed\n * - Saving directly when no confirmation is needed\n * - Preventing concurrent saves via an `isSaving` guard\n * - Exiting edit mode after a successful save\n *\n * Used by both SaveDashboardButton and DashboardShortcuts to ensure consistent save behavior.\n */\nexport function useSaveDashboard(onSave?: OnSaveDashboard): SaveDashboardResult {\n  const [isSaving, setSaving] = useState(false);\n  const { dashboard, setDashboard } = useDashboard();\n  const { setEditMode } = useEditMode();\n  const { timeRange, refreshInterval } = useTimeRange();\n  const { getSavedVariablesStatus, setVariableDefaultValues } = useVariableDefinitionActions();\n  const { openSaveChangesConfirmationDialog, closeSaveChangesConfirmationDialog } = useSaveChangesConfirmationDialog();\n\n  const performSave = useCallback(async (): Promise<void> => {\n    if (!onSave) {\n      setEditMode(false);\n      return;\n    }\n\n    try {\n      setSaving(true);\n      await onSave(dashboard);\n      closeSaveChangesConfirmationDialog();\n      setEditMode(false);\n    } finally {\n      setSaving(false);\n    }\n  }, [closeSaveChangesConfirmationDialog, dashboard, onSave, setEditMode]);\n\n  const saveDashboard = useCallback((): void => {\n    if (isSaving) {\n      return;\n    }\n\n    const { isSavedVariableModified } = getSavedVariablesStatus();\n    const isSavedDurationModified =\n      isRelativeTimeRange(timeRange) && dashboard.spec.duration !== timeRange.pastDuration;\n    const isSavedRefreshIntervalModified = dashboard.spec.refreshInterval !== refreshInterval;\n\n    if (isSavedDurationModified || isSavedVariableModified || isSavedRefreshIntervalModified) {\n      openSaveChangesConfirmationDialog({\n        onSaveChanges: (\n          saveDefaultTimeRange: boolean,\n          saveDefaultRefreshInterval: boolean,\n          saveDefaultVariables: boolean\n        ) => {\n          if (isRelativeTimeRange(timeRange) && saveDefaultTimeRange) {\n            dashboard.spec.duration = timeRange.pastDuration;\n          }\n          if (saveDefaultVariables) {\n            const variables = setVariableDefaultValues();\n            dashboard.spec.variables = variables;\n          }\n          if (saveDefaultRefreshInterval && isSavedRefreshIntervalModified) {\n            dashboard.spec.refreshInterval = refreshInterval;\n          }\n          setDashboard(dashboard);\n          performSave();\n        },\n        onCancel: () => {\n          closeSaveChangesConfirmationDialog();\n        },\n        isSavedDurationModified,\n        isSavedVariableModified,\n        isSavedRefreshIntervalModified,\n      });\n    } else {\n      performSave();\n    }\n  }, [\n    isSaving,\n    getSavedVariablesStatus,\n    timeRange,\n    dashboard,\n    refreshInterval,\n    openSaveChangesConfirmationDialog,\n    setVariableDefaultValues,\n    setDashboard,\n    performSave,\n    closeSaveChangesConfirmationDialog,\n  ]);\n\n  return { saveDashboard, isSaving };\n}\n"],"names":["useCallback","useState","isRelativeTimeRange","useTimeRange","useVariableDefinitionActions","useDashboard","useEditMode","useSaveChangesConfirmationDialog","useSaveDashboard","onSave","isSaving","setSaving","dashboard","setDashboard","setEditMode","timeRange","refreshInterval","getSavedVariablesStatus","setVariableDefaultValues","openSaveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","performSave","saveDashboard","isSavedVariableModified","isSavedDurationModified","spec","duration","pastDuration","isSavedRefreshIntervalModified","onSaveChanges","saveDefaultTimeRange","saveDefaultRefreshInterval","saveDefaultVariables","variables","onCancel"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAC9C,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,4BAA4B,QAAQ,uCAAuC;AACpF,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,WAAW,EAAEC,gCAAgC,QAAQ,2BAA2B;AAgBzF;;;;;;;;;CASC,GACD,OAAO,SAASC,iBAAiBC,MAAwB;IACvD,MAAM,CAACC,UAAUC,UAAU,GAAGV,SAAS;IACvC,MAAM,EAAEW,SAAS,EAAEC,YAAY,EAAE,GAAGR;IACpC,MAAM,EAAES,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,SAAS,EAAEC,eAAe,EAAE,GAAGb;IACvC,MAAM,EAAEc,uBAAuB,EAAEC,wBAAwB,EAAE,GAAGd;IAC9D,MAAM,EAAEe,iCAAiC,EAAEC,kCAAkC,EAAE,GAAGb;IAElF,MAAMc,cAAcrB,YAAY;QAC9B,IAAI,CAACS,QAAQ;YACXK,YAAY;YACZ;QACF;QAEA,IAAI;YACFH,UAAU;YACV,MAAMF,OAAOG;YACbQ;YACAN,YAAY;QACd,SAAU;YACRH,UAAU;QACZ;IACF,GAAG;QAACS;QAAoCR;QAAWH;QAAQK;KAAY;IAEvE,MAAMQ,gBAAgBtB,YAAY;QAChC,IAAIU,UAAU;YACZ;QACF;QAEA,MAAM,EAAEa,uBAAuB,EAAE,GAAGN;QACpC,MAAMO,0BACJtB,oBAAoBa,cAAcH,UAAUa,IAAI,CAACC,QAAQ,KAAKX,UAAUY,YAAY;QACtF,MAAMC,iCAAiChB,UAAUa,IAAI,CAACT,eAAe,KAAKA;QAE1E,IAAIQ,2BAA2BD,2BAA2BK,gCAAgC;YACxFT,kCAAkC;gBAChCU,eAAe,CACbC,sBACAC,4BACAC;oBAEA,IAAI9B,oBAAoBa,cAAce,sBAAsB;wBAC1DlB,UAAUa,IAAI,CAACC,QAAQ,GAAGX,UAAUY,YAAY;oBAClD;oBACA,IAAIK,sBAAsB;wBACxB,MAAMC,YAAYf;wBAClBN,UAAUa,IAAI,CAACQ,SAAS,GAAGA;oBAC7B;oBACA,IAAIF,8BAA8BH,gCAAgC;wBAChEhB,UAAUa,IAAI,CAACT,eAAe,GAAGA;oBACnC;oBACAH,aAAaD;oBACbS;gBACF;gBACAa,UAAU;oBACRd;gBACF;gBACAI;gBACAD;gBACAK;YACF;QACF,OAAO;YACLP;QACF;IACF,GAAG;QACDX;QACAO;QACAF;QACAH;QACAI;QACAG;QACAD;QACAL;QACAQ;QACAD;KACD;IAED,OAAO;QAAEE;QAAeZ;IAAS;AACnC"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/use-save-dashboard.ts"],"sourcesContent":["// Copyright 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, useState } from 'react';\nimport { isRelativeTimeRange } from '@perses-dev/spec';\nimport { useTimeRange, useTimeZoneParams } from '@perses-dev/plugin-system';\nimport { useVariableDefinitionActions } from '../VariableProvider/VariableProvider';\nimport { useDashboard } from '../useDashboard';\nimport { OnSaveDashboard } from './common';\nimport { useEditMode, useSaveChangesConfirmationDialog } from './dashboard-provider-api';\nimport { SaveChangesConfirmationDialogOptions } from './save-changes-dialog-slice';\n\nexport interface SaveDashboardResult {\n  /**\n   * Triggers the save flow. If time range, refresh interval, or variable defaults have been\n   * modified, opens the SaveChangesConfirmationDialog before saving. Otherwise saves directly.\n   * Includes a concurrent-save guard to prevent duplicate saves.\n   */\n  saveDashboard: () => void;\n\n  /**\n   * Whether a save operation is currently in progress.\n   */\n  isSaving: boolean;\n}\n\n/**\n * Hook that encapsulates the full save-dashboard flow, including:\n * - Checking for modified defaults (time range, refresh interval, variables)\n * - Opening the SaveChangesConfirmationDialog when defaults have changed\n * - Saving directly when no confirmation is needed\n * - Preventing concurrent saves via an `isSaving` guard\n * - Exiting edit mode after a successful save\n *\n * Used by both SaveDashboardButton and DashboardShortcuts to ensure consistent save behavior.\n */\nexport function useSaveDashboard(onSave?: OnSaveDashboard): SaveDashboardResult {\n  const [isSaving, setSaving] = useState(false);\n  const { dashboard, setDashboard } = useDashboard();\n  const { setEditMode } = useEditMode();\n  const { timeRange, refreshInterval } = useTimeRange();\n  const { timeZone } = useTimeZoneParams();\n  const { getSavedVariablesStatus, setVariableDefaultValues } = useVariableDefinitionActions();\n  const { openSaveChangesConfirmationDialog, closeSaveChangesConfirmationDialog } = useSaveChangesConfirmationDialog();\n  const performSave = useCallback(async (): Promise<void> => {\n    if (!onSave) {\n      setEditMode(false);\n      return;\n    }\n\n    try {\n      setSaving(true);\n      await onSave(dashboard);\n      closeSaveChangesConfirmationDialog();\n      setEditMode(false);\n    } finally {\n      setSaving(false);\n    }\n  }, [closeSaveChangesConfirmationDialog, dashboard, onSave, setEditMode]);\n\n  const saveDashboard = useCallback((): void => {\n    if (isSaving) {\n      return;\n    }\n\n    const { isSavedVariableModified } = getSavedVariablesStatus();\n    const isSavedDurationModified =\n      isRelativeTimeRange(timeRange) && dashboard.spec.duration !== timeRange.pastDuration;\n    const isSavedRefreshIntervalModified = dashboard.spec.refreshInterval !== refreshInterval;\n    const isTimeZoneModified =\n      timeZone === 'local' && !dashboard.spec.timezone ? false : dashboard.spec.timezone !== timeZone;\n\n    if (isSavedDurationModified || isSavedVariableModified || isSavedRefreshIntervalModified || isTimeZoneModified) {\n      openSaveChangesConfirmationDialog({\n        onSaveChanges: (options: SaveChangesConfirmationDialogOptions) => {\n          const { saveDefaultRefreshInterval, saveDefaultTimeRange, saveDefaultTimeZone, saveDefaultVariables } =\n            options;\n          if (isRelativeTimeRange(timeRange) && saveDefaultTimeRange) {\n            dashboard.spec.duration = timeRange.pastDuration;\n          }\n          if (saveDefaultTimeZone) {\n            dashboard.spec.timezone = timeZone;\n          }\n          if (saveDefaultVariables) {\n            const variables = setVariableDefaultValues();\n            dashboard.spec.variables = variables;\n          }\n          if (saveDefaultRefreshInterval && isSavedRefreshIntervalModified) {\n            dashboard.spec.refreshInterval = refreshInterval;\n          }\n          setDashboard(dashboard);\n          performSave();\n        },\n        onCancel: () => {\n          closeSaveChangesConfirmationDialog();\n        },\n        isSavedDurationModified,\n        isSavedVariableModified,\n        isSavedRefreshIntervalModified,\n        isTimeZoneModified,\n      });\n    } else {\n      performSave();\n    }\n  }, [\n    isSaving,\n    timeRange,\n    dashboard,\n    refreshInterval,\n    timeZone,\n    getSavedVariablesStatus,\n    openSaveChangesConfirmationDialog,\n    setVariableDefaultValues,\n    setDashboard,\n    performSave,\n    closeSaveChangesConfirmationDialog,\n  ]);\n\n  return { saveDashboard, isSaving };\n}\n"],"names":["useCallback","useState","isRelativeTimeRange","useTimeRange","useTimeZoneParams","useVariableDefinitionActions","useDashboard","useEditMode","useSaveChangesConfirmationDialog","useSaveDashboard","onSave","isSaving","setSaving","dashboard","setDashboard","setEditMode","timeRange","refreshInterval","timeZone","getSavedVariablesStatus","setVariableDefaultValues","openSaveChangesConfirmationDialog","closeSaveChangesConfirmationDialog","performSave","saveDashboard","isSavedVariableModified","isSavedDurationModified","spec","duration","pastDuration","isSavedRefreshIntervalModified","isTimeZoneModified","timezone","onSaveChanges","options","saveDefaultRefreshInterval","saveDefaultTimeRange","saveDefaultTimeZone","saveDefaultVariables","variables","onCancel"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAC9C,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,4BAA4B;AAC5E,SAASC,4BAA4B,QAAQ,uCAAuC;AACpF,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,WAAW,EAAEC,gCAAgC,QAAQ,2BAA2B;AAiBzF;;;;;;;;;CASC,GACD,OAAO,SAASC,iBAAiBC,MAAwB;IACvD,MAAM,CAACC,UAAUC,UAAU,GAAGX,SAAS;IACvC,MAAM,EAAEY,SAAS,EAAEC,YAAY,EAAE,GAAGR;IACpC,MAAM,EAAES,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,SAAS,EAAEC,eAAe,EAAE,GAAGd;IACvC,MAAM,EAAEe,QAAQ,EAAE,GAAGd;IACrB,MAAM,EAAEe,uBAAuB,EAAEC,wBAAwB,EAAE,GAAGf;IAC9D,MAAM,EAAEgB,iCAAiC,EAAEC,kCAAkC,EAAE,GAAGd;IAClF,MAAMe,cAAcvB,YAAY;QAC9B,IAAI,CAACU,QAAQ;YACXK,YAAY;YACZ;QACF;QAEA,IAAI;YACFH,UAAU;YACV,MAAMF,OAAOG;YACbS;YACAP,YAAY;QACd,SAAU;YACRH,UAAU;QACZ;IACF,GAAG;QAACU;QAAoCT;QAAWH;QAAQK;KAAY;IAEvE,MAAMS,gBAAgBxB,YAAY;QAChC,IAAIW,UAAU;YACZ;QACF;QAEA,MAAM,EAAEc,uBAAuB,EAAE,GAAGN;QACpC,MAAMO,0BACJxB,oBAAoBc,cAAcH,UAAUc,IAAI,CAACC,QAAQ,KAAKZ,UAAUa,YAAY;QACtF,MAAMC,iCAAiCjB,UAAUc,IAAI,CAACV,eAAe,KAAKA;QAC1E,MAAMc,qBACJb,aAAa,WAAW,CAACL,UAAUc,IAAI,CAACK,QAAQ,GAAG,QAAQnB,UAAUc,IAAI,CAACK,QAAQ,KAAKd;QAEzF,IAAIQ,2BAA2BD,2BAA2BK,kCAAkCC,oBAAoB;YAC9GV,kCAAkC;gBAChCY,eAAe,CAACC;oBACd,MAAM,EAAEC,0BAA0B,EAAEC,oBAAoB,EAAEC,mBAAmB,EAAEC,oBAAoB,EAAE,GACnGJ;oBACF,IAAIhC,oBAAoBc,cAAcoB,sBAAsB;wBAC1DvB,UAAUc,IAAI,CAACC,QAAQ,GAAGZ,UAAUa,YAAY;oBAClD;oBACA,IAAIQ,qBAAqB;wBACvBxB,UAAUc,IAAI,CAACK,QAAQ,GAAGd;oBAC5B;oBACA,IAAIoB,sBAAsB;wBACxB,MAAMC,YAAYnB;wBAClBP,UAAUc,IAAI,CAACY,SAAS,GAAGA;oBAC7B;oBACA,IAAIJ,8BAA8BL,gCAAgC;wBAChEjB,UAAUc,IAAI,CAACV,eAAe,GAAGA;oBACnC;oBACAH,aAAaD;oBACbU;gBACF;gBACAiB,UAAU;oBACRlB;gBACF;gBACAI;gBACAD;gBACAK;gBACAC;YACF;QACF,OAAO;YACLR;QACF;IACF,GAAG;QACDZ;QACAK;QACAH;QACAI;QACAC;QACAC;QACAE;QACAD;QACAN;QACAS;QACAD;KACD;IAED,OAAO;QAAEE;QAAeb;IAAS;AACnC"}

package/dist/context/DashboardProvider/view-panel-slice.d.ts

@@ -1,5 +1,5 @@
 import { StateCreator } from 'zustand';
-import { PanelGroupItemId } from '@perses-dev/core';
+import { PanelGroupItemId } from '../../model';
 import { Middleware } from './common';
 import { PanelGroupSlice } from './panel-group-slice';
 export interface VirtualPanelRef {

package/dist/context/DashboardProvider/view-panel-slice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view-panel-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/view-panel-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAwB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKtD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACjD,YAAY,EAAE,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,cAAc;IAE7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,YAAY,CAAC,EAAE,eAAe,EAC9B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,GAC3D,YAAY,CAAC,cAAc,GAAG,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,cAAc,CAAC,CAwBhF"}
+{"version":3,"file":"view-panel-slice.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/view-panel-slice.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EAAwB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKtD,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,cAAc,CAAC;IAC1B,YAAY,EAAE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACjD,YAAY,EAAE,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,cAAc;IAE7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,YAAY,CAAC,EAAE,eAAe,EAC9B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,GAC3D,YAAY,CAAC,cAAc,GAAG,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,cAAc,CAAC,CAwBhF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/view-panel-slice.ts"],"sourcesContent":["// Copyright 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 { StateCreator } from 'zustand';\nimport { PanelGroupDefinition, PanelGroupItemId } from '@perses-dev/core'; // TODO\nimport { PanelGroupId } from '@perses-dev/spec';\nimport { Middleware } from './common';\nimport { PanelGroupSlice } from './panel-group-slice';\n\n/*\n * A reference to a Panel that can be repeated in a PanelGroup.\n */\nexport interface VirtualPanelRef {\n  ref: string;\n  repeatVariable?: [string, string];\n}\n\n/**\n * Slice that handles viewing Panels in max size (\"full screen\").\n */\nexport interface ViewPanelSlice {\n  viewPanel: ViewPanelState;\n  getViewPanel: () => PanelGroupItemId | undefined;\n  setViewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n}\n\nexport interface ViewPanelState {\n  // Do not use directly, use `getViewPanel()` instead for getting the current viewed PanelGroupItemId!\n  panelGroupItemId?: PanelGroupItemId;\n  panelRef?: VirtualPanelRef;\n}\n\n/**\n * Curried function for viewing panel in max size (\"full screen\").\n */\nexport function createViewPanelSlice(\n  viewPanelRef?: VirtualPanelRef,\n  setViewPanelRef?: (ref: VirtualPanelRef | undefined) => void\n): StateCreator<ViewPanelSlice & PanelGroupSlice, Middleware, [], ViewPanelSlice> {\n  return (set, get) => ({\n    viewPanel: {\n      panelGroupItemId: undefined,\n      panelRef: viewPanelRef,\n    },\n\n    getViewPanel(): PanelGroupItemId | undefined {\n      return getViewPanelGroupId(get().panelGroups, get().viewPanel.panelGroupItemId, get().viewPanel.panelRef);\n    },\n\n    setViewPanel(panelGroupItemId?: PanelGroupItemId): void {\n      set((state) => {\n        state.viewPanel = {\n          panelRef: undefined,\n          panelGroupItemId: panelGroupItemId,\n        };\n        const panelRef = findPanelRefOfPanelGroupItemId(get().panelGroups, panelGroupItemId);\n        if (setViewPanelRef) {\n          setViewPanelRef(panelRef);\n        }\n      });\n    },\n  });\n}\n\nfunction getViewPanelGroupId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId,\n  panelRef?: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  if (panelGroupItemId) {\n    return panelGroupItemId;\n  }\n\n  if (panelRef) {\n    return findPanelGroupItemIdOfPanelRef(panelGroups, panelRef);\n  }\n\n  return undefined;\n}\n\n// Find the PanelGroupItemId of a Panel from a PanelRef\nfunction findPanelGroupItemIdOfPanelRef(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelRef: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  for (const panelGroup of Object.values(panelGroups)) {\n    const itemPanel = Object.entries(panelGroup.itemPanelKeys ?? []).find(([_, value]) => value === panelRef.ref);\n    if (itemPanel) {\n      const [key] = itemPanel;\n      return {\n        panelGroupId: panelGroup.id,\n        panelGroupItemLayoutId: key,\n        repeatVariable: panelRef.repeatVariable,\n      };\n    }\n  }\n  return undefined;\n}\n\n// Find the PanelRef from a PanelGroupItemId\nfunction findPanelRefOfPanelGroupItemId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId\n): VirtualPanelRef | undefined {\n  if (!panelGroupItemId) {\n    return undefined;\n  }\n  const panelGroup = panelGroups[panelGroupItemId.panelGroupId];\n  if (panelGroup) {\n    const panelRef = panelGroup.itemPanelKeys[panelGroupItemId.panelGroupItemLayoutId];\n    if (panelRef) {\n      return { ref: panelRef, repeatVariable: panelGroupItemId.repeatVariable };\n    }\n  }\n  return undefined;\n}\n"],"names":["createViewPanelSlice","viewPanelRef","setViewPanelRef","set","get","viewPanel","panelGroupItemId","undefined","panelRef","getViewPanel","getViewPanelGroupId","panelGroups","setViewPanel","state","findPanelRefOfPanelGroupItemId","findPanelGroupItemIdOfPanelRef","panelGroup","Object","values","itemPanel","entries","itemPanelKeys","find","_","value","ref","key","panelGroupId","id","panelGroupItemLayoutId","repeatVariable"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA+BjC;;CAEC,GACD,OAAO,SAASA,qBACdC,YAA8B,EAC9BC,eAA4D;IAE5D,OAAO,CAACC,KAAKC,MAAS,CAAA;YACpBC,WAAW;gBACTC,kBAAkBC;gBAClBC,UAAUP;YACZ;YAEAQ;gBACE,OAAOC,oBAAoBN,MAAMO,WAAW,EAAEP,MAAMC,SAAS,CAACC,gBAAgB,EAAEF,MAAMC,SAAS,CAACG,QAAQ;YAC1G;YAEAI,cAAaN,gBAAmC;gBAC9CH,IAAI,CAACU;oBACHA,MAAMR,SAAS,GAAG;wBAChBG,UAAUD;wBACVD,kBAAkBA;oBACpB;oBACA,MAAME,WAAWM,+BAA+BV,MAAMO,WAAW,EAAEL;oBACnE,IAAIJ,iBAAiB;wBACnBA,gBAAgBM;oBAClB;gBACF;YACF;QACF,CAAA;AACF;AAEA,SAASE,oBACPC,WAAuD,EACvDL,gBAAmC,EACnCE,QAA0B;IAE1B,IAAIF,kBAAkB;QACpB,OAAOA;IACT;IAEA,IAAIE,UAAU;QACZ,OAAOO,+BAA+BJ,aAAaH;IACrD;IAEA,OAAOD;AACT;AAEA,uDAAuD;AACvD,SAASQ,+BACPJ,WAAuD,EACvDH,QAAyB;IAEzB,KAAK,MAAMQ,cAAcC,OAAOC,MAAM,CAACP,aAAc;QACnD,MAAMQ,YAAYF,OAAOG,OAAO,CAACJ,WAAWK,aAAa,IAAI,EAAE,EAAEC,IAAI,CAAC,CAAC,CAACC,GAAGC,MAAM,GAAKA,UAAUhB,SAASiB,GAAG;QAC5G,IAAIN,WAAW;YACb,MAAM,CAACO,IAAI,GAAGP;YACd,OAAO;gBACLQ,cAAcX,WAAWY,EAAE;gBAC3BC,wBAAwBH;gBACxBI,gBAAgBtB,SAASsB,cAAc;YACzC;QACF;IACF;IACA,OAAOvB;AACT;AAEA,4CAA4C;AAC5C,SAASO,+BACPH,WAAuD,EACvDL,gBAAmC;IAEnC,IAAI,CAACA,kBAAkB;QACrB,OAAOC;IACT;IACA,MAAMS,aAAaL,WAAW,CAACL,iBAAiBqB,YAAY,CAAC;IAC7D,IAAIX,YAAY;QACd,MAAMR,WAAWQ,WAAWK,aAAa,CAACf,iBAAiBuB,sBAAsB,CAAC;QAClF,IAAIrB,UAAU;YACZ,OAAO;gBAAEiB,KAAKjB;gBAAUsB,gBAAgBxB,iBAAiBwB,cAAc;YAAC;QAC1E;IACF;IACA,OAAOvB;AACT"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/view-panel-slice.ts"],"sourcesContent":["// Copyright 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 { StateCreator } from 'zustand';\nimport { PanelGroupId } from '@perses-dev/spec';\nimport { PanelGroupDefinition, PanelGroupItemId } from '../../model';\nimport { Middleware } from './common';\nimport { PanelGroupSlice } from './panel-group-slice';\n\n/*\n * A reference to a Panel that can be repeated in a PanelGroup.\n */\nexport interface VirtualPanelRef {\n  ref: string;\n  repeatVariable?: [string, string];\n}\n\n/**\n * Slice that handles viewing Panels in max size (\"full screen\").\n */\nexport interface ViewPanelSlice {\n  viewPanel: ViewPanelState;\n  getViewPanel: () => PanelGroupItemId | undefined;\n  setViewPanel: (panelGroupItemId?: PanelGroupItemId) => void;\n}\n\nexport interface ViewPanelState {\n  // Do not use directly, use `getViewPanel()` instead for getting the current viewed PanelGroupItemId!\n  panelGroupItemId?: PanelGroupItemId;\n  panelRef?: VirtualPanelRef;\n}\n\n/**\n * Curried function for viewing panel in max size (\"full screen\").\n */\nexport function createViewPanelSlice(\n  viewPanelRef?: VirtualPanelRef,\n  setViewPanelRef?: (ref: VirtualPanelRef | undefined) => void\n): StateCreator<ViewPanelSlice & PanelGroupSlice, Middleware, [], ViewPanelSlice> {\n  return (set, get) => ({\n    viewPanel: {\n      panelGroupItemId: undefined,\n      panelRef: viewPanelRef,\n    },\n\n    getViewPanel(): PanelGroupItemId | undefined {\n      return getViewPanelGroupId(get().panelGroups, get().viewPanel.panelGroupItemId, get().viewPanel.panelRef);\n    },\n\n    setViewPanel(panelGroupItemId?: PanelGroupItemId): void {\n      set((state) => {\n        state.viewPanel = {\n          panelRef: undefined,\n          panelGroupItemId: panelGroupItemId,\n        };\n        const panelRef = findPanelRefOfPanelGroupItemId(get().panelGroups, panelGroupItemId);\n        if (setViewPanelRef) {\n          setViewPanelRef(panelRef);\n        }\n      });\n    },\n  });\n}\n\nfunction getViewPanelGroupId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId,\n  panelRef?: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  if (panelGroupItemId) {\n    return panelGroupItemId;\n  }\n\n  if (panelRef) {\n    return findPanelGroupItemIdOfPanelRef(panelGroups, panelRef);\n  }\n\n  return undefined;\n}\n\n// Find the PanelGroupItemId of a Panel from a PanelRef\nfunction findPanelGroupItemIdOfPanelRef(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelRef: VirtualPanelRef\n): PanelGroupItemId | undefined {\n  for (const panelGroup of Object.values(panelGroups)) {\n    const itemPanel = Object.entries(panelGroup.itemPanelKeys ?? []).find(([_, value]) => value === panelRef.ref);\n    if (itemPanel) {\n      const [key] = itemPanel;\n      return {\n        panelGroupId: panelGroup.id,\n        panelGroupItemLayoutId: key,\n        repeatVariable: panelRef.repeatVariable,\n      };\n    }\n  }\n  return undefined;\n}\n\n// Find the PanelRef from a PanelGroupItemId\nfunction findPanelRefOfPanelGroupItemId(\n  panelGroups: Record<PanelGroupId, PanelGroupDefinition>,\n  panelGroupItemId?: PanelGroupItemId\n): VirtualPanelRef | undefined {\n  if (!panelGroupItemId) {\n    return undefined;\n  }\n  const panelGroup = panelGroups[panelGroupItemId.panelGroupId];\n  if (panelGroup) {\n    const panelRef = panelGroup.itemPanelKeys[panelGroupItemId.panelGroupItemLayoutId];\n    if (panelRef) {\n      return { ref: panelRef, repeatVariable: panelGroupItemId.repeatVariable };\n    }\n  }\n  return undefined;\n}\n"],"names":["createViewPanelSlice","viewPanelRef","setViewPanelRef","set","get","viewPanel","panelGroupItemId","undefined","panelRef","getViewPanel","getViewPanelGroupId","panelGroups","setViewPanel","state","findPanelRefOfPanelGroupItemId","findPanelGroupItemIdOfPanelRef","panelGroup","Object","values","itemPanel","entries","itemPanelKeys","find","_","value","ref","key","panelGroupId","id","panelGroupItemLayoutId","repeatVariable"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA+BjC;;CAEC,GACD,OAAO,SAASA,qBACdC,YAA8B,EAC9BC,eAA4D;IAE5D,OAAO,CAACC,KAAKC,MAAS,CAAA;YACpBC,WAAW;gBACTC,kBAAkBC;gBAClBC,UAAUP;YACZ;YAEAQ;gBACE,OAAOC,oBAAoBN,MAAMO,WAAW,EAAEP,MAAMC,SAAS,CAACC,gBAAgB,EAAEF,MAAMC,SAAS,CAACG,QAAQ;YAC1G;YAEAI,cAAaN,gBAAmC;gBAC9CH,IAAI,CAACU;oBACHA,MAAMR,SAAS,GAAG;wBAChBG,UAAUD;wBACVD,kBAAkBA;oBACpB;oBACA,MAAME,WAAWM,+BAA+BV,MAAMO,WAAW,EAAEL;oBACnE,IAAIJ,iBAAiB;wBACnBA,gBAAgBM;oBAClB;gBACF;YACF;QACF,CAAA;AACF;AAEA,SAASE,oBACPC,WAAuD,EACvDL,gBAAmC,EACnCE,QAA0B;IAE1B,IAAIF,kBAAkB;QACpB,OAAOA;IACT;IAEA,IAAIE,UAAU;QACZ,OAAOO,+BAA+BJ,aAAaH;IACrD;IAEA,OAAOD;AACT;AAEA,uDAAuD;AACvD,SAASQ,+BACPJ,WAAuD,EACvDH,QAAyB;IAEzB,KAAK,MAAMQ,cAAcC,OAAOC,MAAM,CAACP,aAAc;QACnD,MAAMQ,YAAYF,OAAOG,OAAO,CAACJ,WAAWK,aAAa,IAAI,EAAE,EAAEC,IAAI,CAAC,CAAC,CAACC,GAAGC,MAAM,GAAKA,UAAUhB,SAASiB,GAAG;QAC5G,IAAIN,WAAW;YACb,MAAM,CAACO,IAAI,GAAGP;YACd,OAAO;gBACLQ,cAAcX,WAAWY,EAAE;gBAC3BC,wBAAwBH;gBACxBI,gBAAgBtB,SAASsB,cAAc;YACzC;QACF;IACF;IACA,OAAOvB;AACT;AAEA,4CAA4C;AAC5C,SAASO,+BACPH,WAAuD,EACvDL,gBAAmC;IAEnC,IAAI,CAACA,kBAAkB;QACrB,OAAOC;IACT;IACA,MAAMS,aAAaL,WAAW,CAACL,iBAAiBqB,YAAY,CAAC;IAC7D,IAAIX,YAAY;QACd,MAAMR,WAAWQ,WAAWK,aAAa,CAACf,iBAAiBuB,sBAAsB,CAAC;QAClF,IAAIrB,UAAU;YACZ,OAAO;gBAAEiB,KAAKjB;gBAAUsB,gBAAgBxB,iBAAiBwB,cAAc;YAAC;QAC1E;IACF;IACA,OAAOvB;AACT"}

package/dist/context/DatasourceStoreProvider.d.ts

@@ -1,8 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
-import { DatasourceApi } from '@perses-dev/core';
 import { DatasourceSpec } from '@perses-dev/spec';
 import { DatasourceClient } from '@perses-dev/plugin-system';
-import { DashboardResource } from '../model/DashboardResource';
+import { DashboardResource, DatasourceApi } from '@perses-dev/client';
 export interface DatasourceStoreProviderProps {
     dashboardResource?: DashboardResource;
     projectName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAChF,OAAO,EAAuD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtG,OAAO,EAAqC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrF,OAAO,EAML,gBAAgB,EAEjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CAC3D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CA+KzF"}
+{"version":3,"file":"DatasourceStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/DatasourceStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AACxF,OAAO,EAAqC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrF,OAAO,EAML,gBAAgB,EAEjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,4BAA4B;IAC3C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CAC3D;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAoNzF"}

package/dist/context/DatasourceStoreProvider.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,8 +11,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useMemo, useRef, useState } from 'react';
 import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev/plugin-system';
 /**
  * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.
@@ -19,15 +19,24 @@ import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev
     const { projectName, datasourceApi, onCreate, children } = props;
     const [dashboardResource, setDashboardResource] = useState(props.dashboardResource);
     const [savedDatasources, setSavedDatasources] = useState(props.savedDatasources ?? {});
+    // Cache for synchronous datasource spec access
+    const datasourceSpecCache = useRef(new Map());
     const project = projectName ?? dashboardResource?.metadata.project;
     const { getPlugin, listPluginMetadata } = usePluginRegistry();
+    // Helper to create cache key from DatasourceSelector
+    const createCacheKey = useCallback((selector)=>{
+        const name = selector.name === undefined ? '__undefined__' : selector.name;
+        return `${selector.kind}:${name}:${project ?? 'global'}`;
+    }, [
+        project
+    ]);
     const findDatasource = useEvent(async (selector)=>{
         // Try to find it in dashboard spec
         if (dashboardResource) {
             const { datasources } = dashboardResource.spec;
             const dashboardDatasource = findDashboardDatasource(datasources, selector);
             if (dashboardDatasource !== undefined) {
-                return {
+                const result = {
                     spec: dashboardDatasource.spec,
                     proxyUrl: buildDatasourceProxyUrl(datasourceApi, {
                         project: dashboardResource.metadata.project,
@@ -35,30 +44,42 @@ import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev
                         name: dashboardDatasource.name
                     })
                 };
+                // Cache the spec for synchronous access
+                const cacheKey = createCacheKey(selector);
+                datasourceSpecCache.current.set(cacheKey, result.spec);
+                return result;
             }
         }
         if (project) {
             // Try to find it at the project level as a Datasource resource
             const datasource = await datasourceApi.getDatasource(String(project), selector);
             if (datasource !== undefined) {
-                return {
+                const result = {
                     spec: datasource.spec,
                     proxyUrl: buildDatasourceProxyUrl(datasourceApi, {
                         project: datasource.metadata.project,
                         name: datasource.metadata.name
                     })
                 };
+                // Cache the spec for synchronous access
+                const cacheKey = createCacheKey(selector);
+                datasourceSpecCache.current.set(cacheKey, result.spec);
+                return result;
             }
         }
         // Try to find it at the global level as a GlobalDatasource resource
         const globalDatasource = await datasourceApi.getGlobalDatasource(selector);
         if (globalDatasource !== undefined) {
-            return {
+            const result = {
                 spec: globalDatasource.spec,
                 proxyUrl: buildDatasourceProxyUrl(datasourceApi, {
                     name: globalDatasource.metadata.name
                 })
             };
+            // Cache the spec for synchronous access
+            const cacheKey = createCacheKey(selector);
+            datasourceSpecCache.current.set(cacheKey, result.spec);
+            return result;
         }
         throw new Error(`No datasource found for kind '${selector.kind}' and name '${selector.name}'`);
     });
@@ -74,7 +95,10 @@ import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev
         const { kind } = selector;
         const [{ spec, proxyUrl }, plugin] = await Promise.all([
             findDatasource(selector),
-            getPlugin('Datasource', kind)
+            getPlugin({
+                kind: 'Datasource',
+                name: kind
+            })
         ]);
         // allows extending client
         const client = plugin.createClient(spec.plugin.spec, {
@@ -150,6 +174,13 @@ import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev
     }, [
         savedDatasources
     ]);
+    // Gets a cached datasource spec synchronously if available
+    const getDatasourceSpecSync = useCallback((selector)=>{
+        const cacheKey = createCacheKey(selector);
+        return datasourceSpecCache.current.get(cacheKey);
+    }, [
+        createCacheKey
+    ]);
     const setLocalDatasources = useCallback((datasources)=>{
         if (dashboardResource) {
             setDashboardResource({
@@ -166,6 +197,7 @@ import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev
     const ctxValue = useMemo(()=>({
             getDatasource,
             getDatasourceClient,
+            getDatasourceSpecSync,
             getLocalDatasources,
             setLocalDatasources,
             setSavedDatasources,
@@ -174,6 +206,7 @@ import { DatasourceStoreContext, usePluginRegistry, useEvent } from '@perses-dev
         }), [
         getDatasource,
         getDatasourceClient,
+        getDatasourceSpecSync,
         getLocalDatasources,
         setLocalDatasources,
         listDatasourceSelectItems,
@@ -255,7 +288,7 @@ function findDashboardDatasource(dashboardDatasources, selector) {
         });
         usedNames.add(selectorName);
         const isExplicitDefault = !isOverridden && spec.default && !explicitDefaultAdded;
-        if (results[0] && (isFirst || isExplicitDefault)) {
+        if (results[0] && isExplicitDefault) {
             // If we haven't added a default yet and this is a default, add default option to the beginning of the results
             results[0].items = [
                 {

package/dist/context/DatasourceStoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 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 { ReactElement, ReactNode, useCallback, useMemo, useState } from 'react';\nimport { DatasourceDefinition, BuildDatasourceProxyUrlParams, DatasourceApi } from '@perses-dev/core'; // TODO\nimport { DashboardSpec, DatasourceSelector, DatasourceSpec } from '@perses-dev/spec';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  useEvent,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\nimport { DashboardResource } from '../model/DashboardResource';\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\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps): ReactElement {\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(String(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 (datasourcePluginName: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata(['Datasource']),\n        project ? datasourceApi.listDatasources(String(project), datasourcePluginName) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginName),\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.spec.name === datasourcePluginName);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginName}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.spec.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 !== datasourcePluginName) 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      ({\n        getDatasource,\n        getDatasourceClient,\n        getLocalDatasources,\n        setLocalDatasources,\n        setSavedDatasources,\n        getSavedDatasources,\n        listDatasourceSelectItems,\n      }) as DatasourceStore,\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): DatasourceDefinition | 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 = ({\n    spec,\n    selectorName,\n    selectorGroup: group,\n    editLink,\n    saved,\n  }: AddDatasouceSelectItemParams): void => {\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","DatasourceStoreContext","usePluginRegistry","useEvent","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","String","globalDatasource","getGlobalDatasource","Error","kind","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginName","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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"}
+{"version":3,"sources":["../../src/context/DatasourceStoreProvider.tsx"],"sourcesContent":["// Copyright 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 { ReactElement, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { DashboardSpec, DatasourceSelector, DatasourceSpec } from '@perses-dev/spec';\nimport {\n  DatasourceStoreContext,\n  DatasourceStore,\n  DatasourceSelectItemGroup,\n  usePluginRegistry,\n  useEvent,\n  DatasourceClient,\n  DatasourceSelectItem,\n} from '@perses-dev/plugin-system';\nimport {\n  BuildDatasourceProxyUrlParams,\n  DashboardResource,\n  DatasourceApi,\n  DatasourceDefinition,\n} from '@perses-dev/client';\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\n/**\n * A `DatasourceContext` provider that uses an external API to resolve datasource selectors.\n */\nexport function DatasourceStoreProvider(props: DatasourceStoreProviderProps): ReactElement {\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  // Cache for synchronous datasource spec access\n  const datasourceSpecCache = useRef<Map<string, DatasourceSpec>>(new Map());\n  const project = projectName ?? dashboardResource?.metadata.project;\n\n  const { getPlugin, listPluginMetadata } = usePluginRegistry();\n\n  // Helper to create cache key from DatasourceSelector\n  const createCacheKey = useCallback(\n    (selector: DatasourceSelector): string => {\n      const name = selector.name === undefined ? '__undefined__' : selector.name;\n      return `${selector.kind}:${name}:${project ?? 'global'}`;\n    },\n    [project]\n  );\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        const result = {\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        // Cache the spec for synchronous access\n        const cacheKey = createCacheKey(selector);\n        datasourceSpecCache.current.set(cacheKey, result.spec);\n        return result;\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(String(project), selector);\n      if (datasource !== undefined) {\n        const result = {\n          spec: datasource.spec,\n          proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n            project: datasource.metadata.project,\n            name: datasource.metadata.name,\n          }),\n        };\n        // Cache the spec for synchronous access\n        const cacheKey = createCacheKey(selector);\n        datasourceSpecCache.current.set(cacheKey, result.spec);\n        return result;\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      const result = {\n        spec: globalDatasource.spec,\n        proxyUrl: buildDatasourceProxyUrl(datasourceApi, {\n          name: globalDatasource.metadata.name,\n        }),\n      };\n      // Cache the spec for synchronous access\n      const cacheKey = createCacheKey(selector);\n      datasourceSpecCache.current.set(cacheKey, result.spec);\n      return result;\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([\n        findDatasource(selector),\n        getPlugin({ kind: 'Datasource', name: kind }),\n      ]);\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 (datasourcePluginName: string): Promise<DatasourceSelectItemGroup[]> => {\n      const [pluginMetadata, datasources, globalDatasources] = await Promise.all([\n        listPluginMetadata(['Datasource']),\n        project ? datasourceApi.listDatasources(String(project), datasourcePluginName) : [],\n        datasourceApi.listGlobalDatasources(datasourcePluginName),\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.spec.name === datasourcePluginName);\n      if (datasourcePluginMetadata === undefined) {\n        throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginName}'`);\n      }\n\n      // Get helper for computing results properly\n      const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.spec.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 !== datasourcePluginName) 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  // Gets a cached datasource spec synchronously if available\n  const getDatasourceSpecSync = useCallback(\n    (selector: DatasourceSelector): DatasourceSpec | undefined => {\n      const cacheKey = createCacheKey(selector);\n      return datasourceSpecCache.current.get(cacheKey);\n    },\n    [createCacheKey]\n  );\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      ({\n        getDatasource,\n        getDatasourceClient,\n        getDatasourceSpecSync,\n        getLocalDatasources,\n        setLocalDatasources,\n        setSavedDatasources,\n        getSavedDatasources,\n        listDatasourceSelectItems,\n      }) as DatasourceStore,\n    [\n      getDatasource,\n      getDatasourceClient,\n      getDatasourceSpecSync,\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): DatasourceDefinition | 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 = ({\n    spec,\n    selectorName,\n    selectorGroup: group,\n    editLink,\n    saved,\n  }: AddDatasouceSelectItemParams): void => {\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] && 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","useRef","useState","DatasourceStoreContext","usePluginRegistry","useEvent","DatasourceStoreProvider","props","projectName","datasourceApi","onCreate","children","dashboardResource","setDashboardResource","savedDatasources","setSavedDatasources","datasourceSpecCache","Map","project","metadata","getPlugin","listPluginMetadata","createCacheKey","selector","name","undefined","kind","findDatasource","datasources","spec","dashboardDatasource","findDashboardDatasource","result","proxyUrl","buildDatasourceProxyUrl","dashboard","cacheKey","current","set","datasource","getDatasource","String","globalDatasource","getGlobalDatasource","Error","getDatasourceClient","getClient","plugin","Promise","all","client","createClient","listDatasourceSelectItems","datasourcePluginName","pluginMetadata","globalDatasources","listDatasources","listGlobalDatasources","datasourcePluginMetadata","find","results","addItem","buildDatasourceSelectItemGroups","display","selectorName","saved","selectorGroup","editLink","getLocalDatasources","getSavedDatasources","getDatasourceSpecSync","get","setLocalDatasources","ctxValue","Provider","value","api","params","buildProxyUrl","dashboardDatasources","named","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/PanelEditorProvider/PanelEditorProvider.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useMemo, useState } from 'react';
 export const PanelEditorContext = /*#__PURE__*/ createContext(undefined);
 export const PanelEditorProvider = ({ children })=>{

package/dist/context/PanelEditorProvider/PanelEditorProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/PanelEditorProvider/PanelEditorProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, ReactElement, ReactNode, useMemo, useState } from 'react';\n\nexport interface PanelEditor {\n  preview: {\n    previewPanelWidth?: number;\n    setPreviewPanelWidth: (width: number) => void;\n  };\n}\n\nexport interface PanelEditorProviderProps {\n  children: ReactNode;\n}\n\nexport const PanelEditorContext = createContext<PanelEditor | undefined>(undefined);\n\nexport const PanelEditorProvider = ({ children }: PanelEditorProviderProps): ReactElement => {\n  const [previewPanelWidth, setPreviewPanelWidth] = useState<number | undefined>(undefined);\n\n  const ctx = useMemo(\n    (): PanelEditor => ({\n      preview: {\n        previewPanelWidth,\n        setPreviewPanelWidth,\n      },\n    }),\n    [previewPanelWidth]\n  );\n\n  return <PanelEditorContext.Provider value={ctx}>{children}</PanelEditorContext.Provider>;\n};\n"],"names":["createContext","useMemo","useState","PanelEditorContext","undefined","PanelEditorProvider","children","previewPanelWidth","setPreviewPanelWidth","ctx","preview","Provider","value"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,aAAa,EAA2BC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAalF,OAAO,MAAMC,mCAAqBH,cAAuCI,WAAW;AAEpF,OAAO,MAAMC,sBAAsB,CAAC,EAAEC,QAAQ,EAA4B;IACxE,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGN,SAA6BE;IAE/E,MAAMK,MAAMR,QACV,IAAoB,CAAA;YAClBS,SAAS;gBACPH;gBACAC;YACF;QACF,CAAA,GACA;QAACD;KAAkB;IAGrB,qBAAO,KAACJ,mBAAmBQ,QAAQ;QAACC,OAAOH;kBAAMH;;AACnD,EAAE"}
+{"version":3,"sources":["../../../src/context/PanelEditorProvider/PanelEditorProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, ReactElement, ReactNode, useMemo, useState } from 'react';\n\nexport interface PanelEditor {\n  preview: {\n    previewPanelWidth?: number;\n    setPreviewPanelWidth: (width: number) => void;\n  };\n}\n\nexport interface PanelEditorProviderProps {\n  children: ReactNode;\n}\n\nexport const PanelEditorContext = createContext<PanelEditor | undefined>(undefined);\n\nexport const PanelEditorProvider = ({ children }: PanelEditorProviderProps): ReactElement => {\n  const [previewPanelWidth, setPreviewPanelWidth] = useState<number | undefined>(undefined);\n\n  const ctx = useMemo(\n    (): PanelEditor => ({\n      preview: {\n        previewPanelWidth,\n        setPreviewPanelWidth,\n      },\n    }),\n    [previewPanelWidth]\n  );\n\n  return <PanelEditorContext.Provider value={ctx}>{children}</PanelEditorContext.Provider>;\n};\n"],"names":["createContext","useMemo","useState","PanelEditorContext","undefined","PanelEditorProvider","children","previewPanelWidth","setPreviewPanelWidth","ctx","preview","Provider","value"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,aAAa,EAA2BC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAalF,OAAO,MAAMC,mCAAqBH,cAAuCI,WAAW;AAEpF,OAAO,MAAMC,sBAAsB,CAAC,EAAEC,QAAQ,EAA4B;IACxE,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGN,SAA6BE;IAE/E,MAAMK,MAAMR,QACV,IAAoB,CAAA;YAClBS,SAAS;gBACPH;gBACAC;YACF;QACF,CAAA,GACA;QAACD;KAAkB;IAGrB,qBAAO,KAACJ,mBAAmBQ,QAAQ;QAACC,OAAOH;kBAAMH;;AACnD,EAAE"}

package/dist/context/VariableProvider/VariableProvider.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
 import { StoreApi } from 'zustand';
 import { VariableStateMap, VariableState, VariableStoreStateMap, VariableOption } from '@perses-dev/plugin-system';
-import { ExternalVariableDefinition } from '@perses-dev/core';
 import { VariableName, VariableValue, VariableDefinition, BuiltinVariableDefinition, TextVariableDefinition, ListVariableDefinition } from '@perses-dev/spec';
+import { ExternalVariableDefinition } from '../../model/VariableDefinition';
 /**
  * This store is used to manipulate and read the definition of the variables and their state.
  * - being local or external variables.
@@ -104,8 +104,9 @@ export interface VariableProviderProps {
     initialVariableDefinitions?: VariableDefinition[];
     externalVariableDefinitions?: ExternalVariableDefinition[];
     builtinVariableDefinitions?: BuiltinVariableDefinition[];
+    initialVariableValues?: Record<string, VariableValue>;
 }
-export declare function VariableProvider({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariableDefinitions, }: VariableProviderProps): ReactElement;
+export declare function VariableProvider({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariableDefinitions, initialVariableValues, }: VariableProviderProps): ReactElement;
 export declare function VariableProviderWithQueryParams({ children, initialVariableDefinitions, externalVariableDefinitions, builtinVariableDefinitions: builtinVariables, }: VariableProviderProps): ReactElement;
 export {};
 //# sourceMappingURL=VariableProvider.d.ts.map