@perses-dev/dashboards 0.54.0-beta.7 → 0.54.0-beta.9

package/dist/components/SaveChangesConfirmationDialog/SaveChangesConfirmationDialog.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // limitations under the License.
 import { useState } from 'react';
 import { Checkbox, FormGroup, FormControlLabel, Typography } from '@mui/material';
-import { DEFAULT_REFRESH_INTERVAL_OPTIONS, useTimeRange } from '@perses-dev/plugin-system';
+import { DEFAULT_REFRESH_INTERVAL_OPTIONS, useTimeRange, useTimeZoneParams } from '@perses-dev/plugin-system';
 import { isRelativeTimeRange } from '@perses-dev/spec';
 import { Dialog } from '@perses-dev/components';
 import { useSaveChangesConfirmationDialog, useVariableDefinitionActions } from '../../context';
@@ -23,16 +23,20 @@ export const SaveChangesConfirmationDialog = ()=>{
     const isSavedDurationModified = dialog?.isSavedDurationModified ?? true;
     const isSavedVariableModified = dialog?.isSavedVariableModified ?? true;
     const isSavedRefreshIntervalModified = dialog?.isSavedRefreshIntervalModified ?? true;
+    const isSavedTimeZoneModified = dialog?.isTimeZoneModified ?? true;
     const [saveDefaultTimeRange, setSaveDefaultTimeRange] = useState(isSavedDurationModified);
     const [saveDefaultVariables, setSaveDefaultVariables] = useState(isSavedVariableModified);
     const [saveDefaultRefreshInterval, setDefaultRefreshInterval] = useState(isSavedRefreshIntervalModified);
+    const [saveDefaultTimeZone, setSaveDefaultTimeZone] = useState(isSavedTimeZoneModified);
     const { getSavedVariablesStatus } = useVariableDefinitionActions();
     const { modifiedVariableNames } = getSavedVariablesStatus();
     const isOpen = dialog !== undefined;
     const { timeRange, refreshInterval } = useTimeRange();
+    const { timeZone } = useTimeZoneParams();
     const currentTimeRangeText = isRelativeTimeRange(timeRange) ? `(Last ${timeRange.pastDuration})` : '(Absolute time ranges can not be saved)';
-    const saveTimeRangeMessage = `Save current time range as new default ${currentTimeRangeText}`;
-    const saveVariableMessage = `Save current variable values as new default (${modifiedVariableNames.length > 0 ? modifiedVariableNames.join(', ') : 'No modified variables'})`;
+    const saveTimeRangeMessage = `Save current time range as the new default ${currentTimeRangeText}`;
+    const saveTimeZoneMessage = `Save the current timezone as the new default (${timeZone})`;
+    const saveVariableMessage = `Save current variable values as the new default (${modifiedVariableNames.length > 0 ? modifiedVariableNames.join(', ') : 'No modified variables'})`;
     const refreshIntervalDisplay = DEFAULT_REFRESH_INTERVAL_OPTIONS.some((i)=>i.display === refreshInterval) ? refreshInterval : DEFAULT_REFRESH_INTERVAL_OPTIONS.find((i)=>i.value.pastDuration === refreshInterval)?.display;
     const saveRefreshIntervalMessage = `Save current refresh interval as new default ${refreshIntervalDisplay ? `(${refreshIntervalDisplay})` : 'refresh interval not modified'}`;
     return /*#__PURE__*/ _jsx(Dialog, {
@@ -74,6 +78,14 @@ export const SaveChangesConfirmationDialog = ()=>{
                                         onChange: (e)=>setSaveDefaultVariables(e.target.checked)
                                     }),
                                     label: saveVariableMessage
+                                }),
+                                /*#__PURE__*/ _jsx(FormControlLabel, {
+                                    control: /*#__PURE__*/ _jsx(Checkbox, {
+                                        disabled: !isSavedTimeZoneModified,
+                                        checked: saveDefaultTimeZone && isSavedTimeZoneModified,
+                                        onChange: (e)=>setSaveDefaultTimeZone(e.target.checked)
+                                    }),
+                                    label: saveTimeZoneMessage
                                 })
                             ]
                         })
@@ -83,7 +95,12 @@ export const SaveChangesConfirmationDialog = ()=>{
                     children: [
                         /*#__PURE__*/ _jsx(Dialog.PrimaryButton, {
                             onClick: ()=>{
-                                return dialog.onSaveChanges(saveDefaultTimeRange, saveDefaultRefreshInterval, saveDefaultVariables);
+                                return dialog.onSaveChanges({
+                                    saveDefaultTimeRange,
+                                    saveDefaultRefreshInterval,
+                                    saveDefaultVariables,
+                                    saveDefaultTimeZone
+                                });
                             },
                             children: "Save Changes"
                         }),

package/dist/components/SaveChangesConfirmationDialog/SaveChangesConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SaveChangesConfirmationDialog/SaveChangesConfirmationDialog.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, useState } from 'react';\nimport { Checkbox, FormGroup, FormControlLabel, Typography } from '@mui/material';\nimport { DEFAULT_REFRESH_INTERVAL_OPTIONS, useTimeRange } from '@perses-dev/plugin-system';\nimport { isRelativeTimeRange } from '@perses-dev/spec';\nimport { Dialog } from '@perses-dev/components';\nimport { useSaveChangesConfirmationDialog, useVariableDefinitionActions } from '../../context';\n\nconst SAVE_DEFAULTS_DIALOG_TEXT =\n  'You have made changes to the time range or the variables values. Would you like to save these as defaults?';\n\nexport const SaveChangesConfirmationDialog = (): ReactElement => {\n  const { saveChangesConfirmationDialog: dialog } = useSaveChangesConfirmationDialog();\n  const isSavedDurationModified = dialog?.isSavedDurationModified ?? true;\n  const isSavedVariableModified = dialog?.isSavedVariableModified ?? true;\n  const isSavedRefreshIntervalModified = dialog?.isSavedRefreshIntervalModified ?? true;\n\n  const [saveDefaultTimeRange, setSaveDefaultTimeRange] = useState(isSavedDurationModified);\n  const [saveDefaultVariables, setSaveDefaultVariables] = useState(isSavedVariableModified);\n  const [saveDefaultRefreshInterval, setDefaultRefreshInterval] = useState(isSavedRefreshIntervalModified);\n\n  const { getSavedVariablesStatus } = useVariableDefinitionActions();\n  const { modifiedVariableNames } = getSavedVariablesStatus();\n\n  const isOpen = dialog !== undefined;\n\n  const { timeRange, refreshInterval } = useTimeRange();\n\n  const currentTimeRangeText = isRelativeTimeRange(timeRange)\n    ? `(Last ${timeRange.pastDuration})`\n    : '(Absolute time ranges can not be saved)';\n\n  const saveTimeRangeMessage = `Save current time range as new default ${currentTimeRangeText}`;\n\n  const saveVariableMessage = `Save current variable values as new default (${\n    modifiedVariableNames.length > 0 ? modifiedVariableNames.join(', ') : 'No modified variables'\n  })`;\n\n  const refreshIntervalDisplay = DEFAULT_REFRESH_INTERVAL_OPTIONS.some((i) => i.display === refreshInterval)\n    ? refreshInterval\n    : DEFAULT_REFRESH_INTERVAL_OPTIONS.find((i) => i.value.pastDuration === refreshInterval)?.display;\n\n  const saveRefreshIntervalMessage = `Save current refresh interval as new default ${refreshIntervalDisplay ? `(${refreshIntervalDisplay})` : 'refresh interval not modified'}`;\n\n  return (\n    <Dialog open={isOpen}>\n      {dialog !== undefined && (\n        <>\n          <Dialog.Header onClose={() => dialog.onCancel()}>Save Dashboard</Dialog.Header>\n\n          <Dialog.Content>\n            <Typography marginBottom={2}>{dialog.description || SAVE_DEFAULTS_DIALOG_TEXT}</Typography>\n            <FormGroup>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedDurationModified || !isRelativeTimeRange(timeRange)}\n                    checked={saveDefaultTimeRange && isSavedDurationModified && isRelativeTimeRange(timeRange)}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSaveDefaultTimeRange(e.target.checked)}\n                  />\n                }\n                label={saveTimeRangeMessage}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedRefreshIntervalModified}\n                    checked={saveDefaultRefreshInterval && isSavedRefreshIntervalModified}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDefaultRefreshInterval(e.target.checked)}\n                  />\n                }\n                label={saveRefreshIntervalMessage}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedVariableModified}\n                    checked={saveDefaultVariables && isSavedVariableModified}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSaveDefaultVariables(e.target.checked)}\n                  />\n                }\n                label={saveVariableMessage}\n              />\n            </FormGroup>\n          </Dialog.Content>\n\n          <Dialog.Actions>\n            <Dialog.PrimaryButton\n              onClick={() => {\n                return dialog.onSaveChanges(saveDefaultTimeRange, saveDefaultRefreshInterval, saveDefaultVariables);\n              }}\n            >\n              Save Changes\n            </Dialog.PrimaryButton>\n            <Dialog.SecondaryButton onClick={() => dialog.onCancel()}>Cancel</Dialog.SecondaryButton>\n          </Dialog.Actions>\n        </>\n      )}\n    </Dialog>\n  );\n};\n"],"names":["useState","Checkbox","FormGroup","FormControlLabel","Typography","DEFAULT_REFRESH_INTERVAL_OPTIONS","useTimeRange","isRelativeTimeRange","Dialog","useSaveChangesConfirmationDialog","useVariableDefinitionActions","SAVE_DEFAULTS_DIALOG_TEXT","SaveChangesConfirmationDialog","saveChangesConfirmationDialog","dialog","isSavedDurationModified","isSavedVariableModified","isSavedRefreshIntervalModified","saveDefaultTimeRange","setSaveDefaultTimeRange","saveDefaultVariables","setSaveDefaultVariables","saveDefaultRefreshInterval","setDefaultRefreshInterval","getSavedVariablesStatus","modifiedVariableNames","isOpen","undefined","timeRange","refreshInterval","currentTimeRangeText","pastDuration","saveTimeRangeMessage","saveVariableMessage","length","join","refreshIntervalDisplay","some","i","display","find","value","saveRefreshIntervalMessage","open","Header","onClose","onCancel","Content","marginBottom","description","control","disabled","checked","onChange","e","target","label","Actions","PrimaryButton","onClick","onSaveChanges","SecondaryButton"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/SaveChangesConfirmationDialog/SaveChangesConfirmationDialog.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, useState } from 'react';\nimport { Checkbox, FormGroup, FormControlLabel, Typography } from '@mui/material';\nimport { DEFAULT_REFRESH_INTERVAL_OPTIONS, useTimeRange, useTimeZoneParams } from '@perses-dev/plugin-system';\nimport { isRelativeTimeRange } from '@perses-dev/spec';\nimport { Dialog } from '@perses-dev/components';\nimport { useSaveChangesConfirmationDialog, useVariableDefinitionActions } from '../../context';\n\nconst SAVE_DEFAULTS_DIALOG_TEXT =\n  'You have made changes to the time range or the variables values. Would you like to save these as defaults?';\n\nexport const SaveChangesConfirmationDialog = (): ReactElement => {\n  const { saveChangesConfirmationDialog: dialog } = useSaveChangesConfirmationDialog();\n  const isSavedDurationModified = dialog?.isSavedDurationModified ?? true;\n  const isSavedVariableModified = dialog?.isSavedVariableModified ?? true;\n  const isSavedRefreshIntervalModified = dialog?.isSavedRefreshIntervalModified ?? true;\n  const isSavedTimeZoneModified = dialog?.isTimeZoneModified ?? true;\n\n  const [saveDefaultTimeRange, setSaveDefaultTimeRange] = useState(isSavedDurationModified);\n  const [saveDefaultVariables, setSaveDefaultVariables] = useState(isSavedVariableModified);\n  const [saveDefaultRefreshInterval, setDefaultRefreshInterval] = useState(isSavedRefreshIntervalModified);\n  const [saveDefaultTimeZone, setSaveDefaultTimeZone] = useState(isSavedTimeZoneModified);\n\n  const { getSavedVariablesStatus } = useVariableDefinitionActions();\n  const { modifiedVariableNames } = getSavedVariablesStatus();\n\n  const isOpen = dialog !== undefined;\n\n  const { timeRange, refreshInterval } = useTimeRange();\n  const { timeZone } = useTimeZoneParams();\n\n  const currentTimeRangeText = isRelativeTimeRange(timeRange)\n    ? `(Last ${timeRange.pastDuration})`\n    : '(Absolute time ranges can not be saved)';\n\n  const saveTimeRangeMessage = `Save current time range as the new default ${currentTimeRangeText}`;\n\n  const saveTimeZoneMessage = `Save the current timezone as the new default (${timeZone})`;\n\n  const saveVariableMessage = `Save current variable values as the new default (${\n    modifiedVariableNames.length > 0 ? modifiedVariableNames.join(', ') : 'No modified variables'\n  })`;\n\n  const refreshIntervalDisplay = DEFAULT_REFRESH_INTERVAL_OPTIONS.some((i) => i.display === refreshInterval)\n    ? refreshInterval\n    : DEFAULT_REFRESH_INTERVAL_OPTIONS.find((i) => i.value.pastDuration === refreshInterval)?.display;\n\n  const saveRefreshIntervalMessage = `Save current refresh interval as new default ${refreshIntervalDisplay ? `(${refreshIntervalDisplay})` : 'refresh interval not modified'}`;\n\n  return (\n    <Dialog open={isOpen}>\n      {dialog !== undefined && (\n        <>\n          <Dialog.Header onClose={() => dialog.onCancel()}>Save Dashboard</Dialog.Header>\n\n          <Dialog.Content>\n            <Typography marginBottom={2}>{dialog.description || SAVE_DEFAULTS_DIALOG_TEXT}</Typography>\n            <FormGroup>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedDurationModified || !isRelativeTimeRange(timeRange)}\n                    checked={saveDefaultTimeRange && isSavedDurationModified && isRelativeTimeRange(timeRange)}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSaveDefaultTimeRange(e.target.checked)}\n                  />\n                }\n                label={saveTimeRangeMessage}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedRefreshIntervalModified}\n                    checked={saveDefaultRefreshInterval && isSavedRefreshIntervalModified}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setDefaultRefreshInterval(e.target.checked)}\n                  />\n                }\n                label={saveRefreshIntervalMessage}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedVariableModified}\n                    checked={saveDefaultVariables && isSavedVariableModified}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSaveDefaultVariables(e.target.checked)}\n                  />\n                }\n                label={saveVariableMessage}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    disabled={!isSavedTimeZoneModified}\n                    checked={saveDefaultTimeZone && isSavedTimeZoneModified}\n                    onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSaveDefaultTimeZone(e.target.checked)}\n                  />\n                }\n                label={saveTimeZoneMessage}\n              />\n            </FormGroup>\n          </Dialog.Content>\n\n          <Dialog.Actions>\n            <Dialog.PrimaryButton\n              onClick={() => {\n                return dialog.onSaveChanges({\n                  saveDefaultTimeRange,\n                  saveDefaultRefreshInterval,\n                  saveDefaultVariables,\n                  saveDefaultTimeZone,\n                });\n              }}\n            >\n              Save Changes\n            </Dialog.PrimaryButton>\n            <Dialog.SecondaryButton onClick={() => dialog.onCancel()}>Cancel</Dialog.SecondaryButton>\n          </Dialog.Actions>\n        </>\n      )}\n    </Dialog>\n  );\n};\n"],"names":["useState","Checkbox","FormGroup","FormControlLabel","Typography","DEFAULT_REFRESH_INTERVAL_OPTIONS","useTimeRange","useTimeZoneParams","isRelativeTimeRange","Dialog","useSaveChangesConfirmationDialog","useVariableDefinitionActions","SAVE_DEFAULTS_DIALOG_TEXT","SaveChangesConfirmationDialog","saveChangesConfirmationDialog","dialog","isSavedDurationModified","isSavedVariableModified","isSavedRefreshIntervalModified","isSavedTimeZoneModified","isTimeZoneModified","saveDefaultTimeRange","setSaveDefaultTimeRange","saveDefaultVariables","setSaveDefaultVariables","saveDefaultRefreshInterval","setDefaultRefreshInterval","saveDefaultTimeZone","setSaveDefaultTimeZone","getSavedVariablesStatus","modifiedVariableNames","isOpen","undefined","timeRange","refreshInterval","timeZone","currentTimeRangeText","pastDuration","saveTimeRangeMessage","saveTimeZoneMessage","saveVariableMessage","length","join","refreshIntervalDisplay","some","i","display","find","value","saveRefreshIntervalMessage","open","Header","onClose","onCancel","Content","marginBottom","description","control","disabled","checked","onChange","e","target","label","Actions","PrimaryButton","onClick","onSaveChanges","SecondaryButton"],"mappings":"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"}

package/dist/context/DashboardProvider/DashboardProvider.d.ts

@@ -18,9 +18,11 @@ export interface DashboardStoreState extends PanelGroupSlice, PanelSlice, PanelG
     isEditMode: boolean;
     setEditMode: (isEditMode: boolean) => void;
     setDashboard: (dashboard: DashboardResource) => void;
+    setMetadata: (metadata: ProjectMetadata | ((prev: ProjectMetadata) => ProjectMetadata)) => void;
     kind: DashboardKind;
     metadata: ProjectMetadata;
     duration: DurationString;
+    timezone?: string;
     refreshInterval: DurationString;
     display?: Display;
     datasources?: Record<string, DatasourceSpec>;

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAsD,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAmC,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AACxH,OAAO,EAAgC,kCAAkC,EAAE,MAAM,6BAA6B,CAAC;AAC/G,OAAO,EAA6B,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAA6B,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE1F,OAAO,EAAwB,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,mBACf,SACE,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,qCAAqC,EACrC,mBAAmB,EACnB,mBAAmB,EACnB,kCAAkC,EAClC,cAAc,EACd,UAAU;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrD,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,cAAc,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,GAAG,CAAC,CAMnF;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CA0B7E"}
+{"version":3,"file":"DashboardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/DashboardProvider/DashboardProvider.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAgD,MAAM,OAAO,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAsD,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAA+B,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAA0B,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAmC,qCAAqC,EAAE,MAAM,gCAAgC,CAAC;AACxH,OAAO,EAAgC,kCAAkC,EAAE,MAAM,6BAA6B,CAAC;AAC/G,OAAO,EAA6B,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAA6B,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE1F,OAAO,EAAwB,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,mBACf,SACE,eAAe,EACf,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,qCAAqC,EACrC,mBAAmB,EACnB,mBAAmB,EACnB,kCAAkC,EAClC,cAAc,EACd,UAAU;IACZ,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,CAAC,QAAQ,EAAE,eAAe,GAAG,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,eAAe,CAAC,KAAK,IAAI,CAAC;IAChG,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,oEAAsE,CAAC;AAEpG,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,CAAC,GAAG,CAAC,CAMnF;AAED,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CA0B7E"}

package/dist/context/DashboardProvider/DashboardProvider.js

@@ -71,7 +71,7 @@ export function DashboardProvider(props) {
 }
 function initStore(props) {
     const { initialState: { dashboardResource, isEditMode, viewPanelRef, setViewPanelRef } } = props;
-    const { kind, metadata, spec: { display, duration, refreshInterval = DEFAULT_REFRESH_INTERVAL, datasources, layouts = [], panels = {} } } = dashboardResource;
+    const { kind, metadata, spec: { display, timezone, duration, refreshInterval = DEFAULT_REFRESH_INTERVAL, datasources, layouts = [], panels = {} } } = dashboardResource;
     const links = dashboardResource.spec.links ?? [];
     const ttl = 'ttl' in dashboardResource.spec ? dashboardResource.spec.ttl : undefined;
     const store = createStore()(immer(devtools((...args)=>{
@@ -92,6 +92,7 @@ function initStore(props) {
             kind,
             metadata,
             display,
+            timezone,
             duration,
             refreshInterval,
             datasources,
@@ -102,11 +103,12 @@ function initStore(props) {
                     isEditMode
                 });
             },
-            setDashboard: ({ kind, metadata, spec: { display, panels = {}, layouts = [], duration, refreshInterval, datasources = {}, links = [] } })=>{
+            setDashboard: ({ kind, metadata, spec: { display, panels = {}, layouts = [], duration, refreshInterval, datasources = {}, links = [], timezone } })=>{
                 set((state)=>{
                     state.kind = kind;
                     state.metadata = metadata;
                     state.display = display;
+                    state.timezone = timezone;
                     state.panels = panels;
                     const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);
                     state.panelGroups = panelGroups;
@@ -117,6 +119,11 @@ function initStore(props) {
                     state.links = links;
                 // TODO: add ttl here to e.g allow edition from JSON view, but probably requires quite some refactoring
                 });
+            },
+            setMetadata: (metadata)=>{
+                set((state)=>{
+                    state.metadata = typeof metadata === 'function' ? metadata(state.metadata) : metadata;
+                });
             }
         };
     })));

package/dist/context/DashboardProvider/DashboardProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.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 { createStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { shallow } from 'zustand/shallow';\nimport { createContext, ReactElement, ReactNode, useCallback, useContext, useEffect, useState } from 'react';\nimport { Display, DurationString, DatasourceSpec } from '@perses-dev/spec';\nimport { usePlugin, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { DashboardKind, DashboardResource, ProjectMetadata } from '@perses-dev/client';\nimport { DEFAULT_REFRESH_INTERVAL } from '../../constants';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\nimport { createDiscardChangesDialogSlice, DiscardChangesConfirmationDialogSlice } from './discard-changes-dialog-slice';\nimport { createSaveChangesDialogSlice, SaveChangesConfirmationDialogSlice } from './save-changes-dialog-slice';\nimport { createDuplicatePanelSlice, DuplicatePanelSlice } from './duplicate-panel-slice';\nimport { createEditJsonDialogSlice, EditJsonDialogSlice } from './edit-json-dialog-slice';\nimport { createPanelDefinition } from './common';\nimport { createViewPanelSlice, ViewPanelSlice, VirtualPanelRef } from './view-panel-slice';\nimport { createLinksSlice, LinksSlice } from './links-slice';\n\nexport interface DashboardStoreState\n  extends\n    PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice,\n    DiscardChangesConfirmationDialogSlice,\n    DuplicatePanelSlice,\n    EditJsonDialogSlice,\n    SaveChangesConfirmationDialogSlice,\n    ViewPanelSlice,\n    LinksSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n  kind: DashboardKind;\n  metadata: ProjectMetadata;\n  duration: DurationString;\n  refreshInterval: DurationString;\n  display?: Display;\n  datasources?: Record<string, DatasourceSpec>;\n  ttl?: DurationString;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): T {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStoreWithEqualityFn(store, selector, shallow);\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n  viewPanelRef?: VirtualPanelRef;\n  setViewPanelRef?: (viewPanelRef: VirtualPanelRef | undefined) => void;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: ReactNode;\n}\n\nexport function DashboardProvider(props: DashboardProviderProps): ReactElement {\n  // Prevent calling createDashboardStore every time it rerenders\n  const createDashboardStore = useCallback(initStore, [props]);\n  const [store] = useState(createDashboardStore(props));\n\n  // load plugin to retrieve initial spec if default panel kind is defined\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultPanelKind = defaultPluginKinds?.['Panel'] ?? '';\n  const { data: plugin } = usePlugin('Panel', defaultPanelKind);\n\n  useEffect(() => {\n    if (plugin === undefined) return;\n    const defaultPanelSpec = plugin.createInitialOptions ? plugin.createInitialOptions() : {};\n    // set default panel kind, spec, and queries for add panel editor\n    store.setState({\n      initialValues: {\n        panelDefinition: createPanelDefinition(defaultPanelKind, defaultPanelSpec),\n      },\n    });\n  }, [plugin, store, defaultPanelKind]);\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps): StoreApi<DashboardStoreState> {\n  const {\n    initialState: { dashboardResource, isEditMode, viewPanelRef, setViewPanelRef },\n  } = props;\n\n  const {\n    kind,\n    metadata,\n    spec: { display, duration, refreshInterval = DEFAULT_REFRESH_INTERVAL, datasources, layouts = [], panels = {} },\n  } = dashboardResource;\n\n  const links = dashboardResource.spec.links ?? [];\n\n  const ttl = 'ttl' in dashboardResource.spec ? (dashboardResource.spec.ttl as DurationString) : undefined;\n\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          /* Groups */\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          /* Panels */\n          ...createPanelSlice(panels)(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          ...createDuplicatePanelSlice()(...args),\n          ...createViewPanelSlice(viewPanelRef, setViewPanelRef)(...args),\n          /* Links */\n          ...createLinksSlice(links)(...args),\n          /* General */\n          ...createDiscardChangesDialogSlice(...args),\n          ...createEditJsonDialogSlice(...args),\n          ...createSaveChangesDialogSlice(...args),\n          kind,\n          metadata,\n          display,\n          duration,\n          refreshInterval,\n          datasources,\n          ttl,\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean): void => {\n            set({ isEditMode });\n          },\n          setDashboard: ({\n            kind,\n            metadata,\n            spec: { display, panels = {}, layouts = [], duration, refreshInterval, datasources = {}, links = [] },\n          }): void => {\n            set((state) => {\n              state.kind = kind;\n              state.metadata = metadata;\n              state.display = display;\n              state.panels = panels;\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n              state.duration = duration;\n              state.refreshInterval = refreshInterval ?? DEFAULT_REFRESH_INTERVAL;\n              state.datasources = datasources;\n              state.links = links;\n              // TODO: add ttl here to e.g allow edition from JSON view, but probably requires quite some refactoring\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStoreWithEqualityFn","devtools","immer","shallow","createContext","useCallback","useContext","useEffect","useState","usePlugin","usePluginRegistry","DEFAULT_REFRESH_INTERVAL","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","createDiscardChangesDialogSlice","createSaveChangesDialogSlice","createDuplicatePanelSlice","createEditJsonDialogSlice","createPanelDefinition","createViewPanelSlice","createLinksSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","defaultPluginKinds","defaultPanelKind","data","plugin","defaultPanelSpec","createInitialOptions","setState","initialValues","panelDefinition","Provider","value","children","initialState","dashboardResource","isEditMode","viewPanelRef","setViewPanelRef","kind","metadata","spec","display","duration","refreshInterval","datasources","layouts","panels","links","ttl","args","set","setEditMode","setDashboard","state","panelGroups","panelGroupOrder"],"mappings":"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"}
+{"version":3,"sources":["../../../src/context/DashboardProvider/DashboardProvider.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 { createStore } from 'zustand';\nimport { useStoreWithEqualityFn } from 'zustand/traditional';\nimport type { StoreApi } from 'zustand';\nimport { devtools } from 'zustand/middleware';\nimport { immer } from 'zustand/middleware/immer';\nimport { shallow } from 'zustand/shallow';\nimport { createContext, ReactElement, ReactNode, useCallback, useContext, useEffect, useState } from 'react';\nimport { Display, DurationString, DatasourceSpec } from '@perses-dev/spec';\nimport { usePlugin, usePluginRegistry } from '@perses-dev/plugin-system';\nimport { DashboardKind, DashboardResource, ProjectMetadata } from '@perses-dev/client';\nimport { DEFAULT_REFRESH_INTERVAL } from '../../constants';\nimport { createPanelGroupEditorSlice, PanelGroupEditorSlice } from './panel-group-editor-slice';\nimport { convertLayoutsToPanelGroups, createPanelGroupSlice, PanelGroupSlice } from './panel-group-slice';\nimport { createPanelEditorSlice, PanelEditorSlice } from './panel-editor-slice';\nimport { createPanelSlice, PanelSlice } from './panel-slice';\nimport { createDeletePanelGroupSlice, DeletePanelGroupSlice } from './delete-panel-group-slice';\nimport { createDeletePanelSlice, DeletePanelSlice } from './delete-panel-slice';\nimport { createDiscardChangesDialogSlice, DiscardChangesConfirmationDialogSlice } from './discard-changes-dialog-slice';\nimport { createSaveChangesDialogSlice, SaveChangesConfirmationDialogSlice } from './save-changes-dialog-slice';\nimport { createDuplicatePanelSlice, DuplicatePanelSlice } from './duplicate-panel-slice';\nimport { createEditJsonDialogSlice, EditJsonDialogSlice } from './edit-json-dialog-slice';\nimport { createPanelDefinition } from './common';\nimport { createViewPanelSlice, ViewPanelSlice, VirtualPanelRef } from './view-panel-slice';\nimport { createLinksSlice, LinksSlice } from './links-slice';\n\nexport interface DashboardStoreState\n  extends\n    PanelGroupSlice,\n    PanelSlice,\n    PanelGroupEditorSlice,\n    DeletePanelGroupSlice,\n    PanelEditorSlice,\n    DeletePanelSlice,\n    DiscardChangesConfirmationDialogSlice,\n    DuplicatePanelSlice,\n    EditJsonDialogSlice,\n    SaveChangesConfirmationDialogSlice,\n    ViewPanelSlice,\n    LinksSlice {\n  isEditMode: boolean;\n  setEditMode: (isEditMode: boolean) => void;\n  setDashboard: (dashboard: DashboardResource) => void;\n  setMetadata: (metadata: ProjectMetadata | ((prev: ProjectMetadata) => ProjectMetadata)) => void;\n  kind: DashboardKind;\n  metadata: ProjectMetadata;\n  duration: DurationString;\n  timezone?: string;\n  refreshInterval: DurationString;\n  display?: Display;\n  datasources?: Record<string, DatasourceSpec>;\n  ttl?: DurationString;\n}\n\nexport const DashboardContext = createContext<StoreApi<DashboardStoreState> | undefined>(undefined);\n\nexport function useDashboardStore<T>(selector: (state: DashboardStoreState) => T): T {\n  const store = useContext(DashboardContext);\n  if (store === undefined) {\n    throw new Error('No DashboardContext found. Did you forget a Provider?');\n  }\n  return useStoreWithEqualityFn(store, selector, shallow);\n}\n\nexport interface DashboardStoreProps {\n  dashboardResource: DashboardResource;\n  isEditMode?: boolean;\n  viewPanelRef?: VirtualPanelRef;\n  setViewPanelRef?: (viewPanelRef: VirtualPanelRef | undefined) => void;\n}\n\nexport interface DashboardProviderProps {\n  initialState: DashboardStoreProps;\n  children?: ReactNode;\n}\n\nexport function DashboardProvider(props: DashboardProviderProps): ReactElement {\n  // Prevent calling createDashboardStore every time it rerenders\n  const createDashboardStore = useCallback(initStore, [props]);\n  const [store] = useState(createDashboardStore(props));\n\n  // load plugin to retrieve initial spec if default panel kind is defined\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultPanelKind = defaultPluginKinds?.['Panel'] ?? '';\n  const { data: plugin } = usePlugin('Panel', defaultPanelKind);\n\n  useEffect(() => {\n    if (plugin === undefined) return;\n    const defaultPanelSpec = plugin.createInitialOptions ? plugin.createInitialOptions() : {};\n    // set default panel kind, spec, and queries for add panel editor\n    store.setState({\n      initialValues: {\n        panelDefinition: createPanelDefinition(defaultPanelKind, defaultPanelSpec),\n      },\n    });\n  }, [plugin, store, defaultPanelKind]);\n\n  return (\n    <DashboardContext.Provider value={store as StoreApi<DashboardStoreState>}>\n      {props.children}\n    </DashboardContext.Provider>\n  );\n}\n\nfunction initStore(props: DashboardProviderProps): StoreApi<DashboardStoreState> {\n  const {\n    initialState: { dashboardResource, isEditMode, viewPanelRef, setViewPanelRef },\n  } = props;\n\n  const {\n    kind,\n    metadata,\n    spec: {\n      display,\n      timezone,\n      duration,\n      refreshInterval = DEFAULT_REFRESH_INTERVAL,\n      datasources,\n      layouts = [],\n      panels = {},\n    },\n  } = dashboardResource;\n\n  const links = dashboardResource.spec.links ?? [];\n\n  const ttl = 'ttl' in dashboardResource.spec ? (dashboardResource.spec.ttl as DurationString) : undefined;\n\n  const store = createStore<DashboardStoreState>()(\n    immer(\n      devtools((...args) => {\n        const [set] = args;\n        return {\n          /* Groups */\n          ...createPanelGroupSlice(layouts)(...args),\n          ...createPanelGroupEditorSlice(...args),\n          ...createDeletePanelGroupSlice(...args),\n          /* Panels */\n          ...createPanelSlice(panels)(...args),\n          ...createPanelEditorSlice()(...args),\n          ...createDeletePanelSlice()(...args),\n          ...createDuplicatePanelSlice()(...args),\n          ...createViewPanelSlice(viewPanelRef, setViewPanelRef)(...args),\n          /* Links */\n          ...createLinksSlice(links)(...args),\n          /* General */\n          ...createDiscardChangesDialogSlice(...args),\n          ...createEditJsonDialogSlice(...args),\n          ...createSaveChangesDialogSlice(...args),\n          kind,\n          metadata,\n          display,\n          timezone,\n          duration,\n          refreshInterval,\n          datasources,\n          ttl,\n          isEditMode: !!isEditMode,\n          setEditMode: (isEditMode: boolean): void => {\n            set({ isEditMode });\n          },\n          setDashboard: ({\n            kind,\n            metadata,\n            spec: {\n              display,\n              panels = {},\n              layouts = [],\n              duration,\n              refreshInterval,\n              datasources = {},\n              links = [],\n              timezone,\n            },\n          }): void => {\n            set((state) => {\n              state.kind = kind;\n              state.metadata = metadata;\n              state.display = display;\n              state.timezone = timezone;\n              state.panels = panels;\n              const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);\n              state.panelGroups = panelGroups;\n              state.panelGroupOrder = panelGroupOrder;\n              state.duration = duration;\n              state.refreshInterval = refreshInterval ?? DEFAULT_REFRESH_INTERVAL;\n              state.datasources = datasources;\n              state.links = links;\n              // TODO: add ttl here to e.g allow edition from JSON view, but probably requires quite some refactoring\n            });\n          },\n          setMetadata: (metadata): void => {\n            set((state) => {\n              state.metadata = typeof metadata === 'function' ? metadata(state.metadata) : metadata;\n            });\n          },\n        };\n      })\n    )\n  );\n\n  return store;\n}\n"],"names":["createStore","useStoreWithEqualityFn","devtools","immer","shallow","createContext","useCallback","useContext","useEffect","useState","usePlugin","usePluginRegistry","DEFAULT_REFRESH_INTERVAL","createPanelGroupEditorSlice","convertLayoutsToPanelGroups","createPanelGroupSlice","createPanelEditorSlice","createPanelSlice","createDeletePanelGroupSlice","createDeletePanelSlice","createDiscardChangesDialogSlice","createSaveChangesDialogSlice","createDuplicatePanelSlice","createEditJsonDialogSlice","createPanelDefinition","createViewPanelSlice","createLinksSlice","DashboardContext","undefined","useDashboardStore","selector","store","Error","DashboardProvider","props","createDashboardStore","initStore","defaultPluginKinds","defaultPanelKind","data","plugin","defaultPanelSpec","createInitialOptions","setState","initialValues","panelDefinition","Provider","value","children","initialState","dashboardResource","isEditMode","viewPanelRef","setViewPanelRef","kind","metadata","spec","display","timezone","duration","refreshInterval","datasources","layouts","panels","links","ttl","args","set","setEditMode","setDashboard","state","panelGroups","panelGroupOrder","setMetadata"],"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/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../src/context/useDashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,aAAa,EAAE,cAAc,EAAgC,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAOvD,KAAK,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,aAAa,GAAG;QAAE,GAAG,CAAC,EAAE,cAAc,CAAA;KAAE,CAAA;CAAE,CAAC;AAC1G,wBAAgB,YAAY,IAAI;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9D,CA+FA"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../src/context/useDashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkB,aAAa,EAAE,cAAc,EAAgC,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAOvD,KAAK,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,aAAa,GAAG;QAAE,GAAG,CAAC,EAAE,cAAc,CAAA;KAAE,CAAA;CAAE,CAAC;AAC1G,wBAAgB,YAAY,IAAI;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9D,CAmGA"}

package/dist/context/useDashboard.js

@@ -15,13 +15,14 @@ import { useDashboardStore } from './DashboardProvider';
 import { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';
 import { useAnnotationActions, useAnnotationSpecs } from './AnnotationProvider';
 export function useDashboard() {
-    const { panels, panelGroups, panelGroupOrder, setDashboard: setDashboardResource, kind, metadata, display, duration, refreshInterval, datasources, links, ttl } = useDashboardStore(({ panels, panelGroups, panelGroupOrder, setDashboard, kind, metadata, display, duration, refreshInterval, datasources, links, ttl })=>({
+    const { panels, panelGroups, panelGroupOrder, setDashboard: setDashboardResource, kind, metadata, display, timezone, duration, refreshInterval, datasources, links, ttl } = useDashboardStore(({ panels, panelGroups, panelGroupOrder, setDashboard, kind, metadata, timezone, display, duration, refreshInterval, datasources, links, ttl })=>({
             panels,
             panelGroups,
             panelGroupOrder,
             setDashboard,
             kind,
             metadata,
+            timezone,
             display,
             duration,
             refreshInterval,
@@ -44,6 +45,7 @@ export function useDashboard() {
             variables,
             annotations,
             duration,
+            timezone,
             refreshInterval,
             datasources,
             links

package/dist/context/useDashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/useDashboard.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 { createPanelRef, DashboardSpec, DurationString, GridDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { DashboardResource } from '@perses-dev/client';\nimport { PanelGroupDefinition } from '../model';\n\nimport { useDashboardStore } from './DashboardProvider';\nimport { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';\nimport { useAnnotationActions, useAnnotationSpecs } from './AnnotationProvider';\n\ntype DashboardType = Omit<DashboardResource, 'spec'> & { spec: DashboardSpec & { ttl?: DurationString } };\nexport function useDashboard(): {\n  dashboard: DashboardType;\n  setDashboard: (dashboardResource: DashboardResource) => void;\n} {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    kind,\n    metadata,\n    display,\n    duration,\n    refreshInterval,\n    datasources,\n    links,\n    ttl,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    })\n  );\n  const { setVariableDefinitions } = useVariableDefinitionActions();\n  const { setAnnotationSpecs } = useAnnotationActions();\n  const variables = useVariableDefinitions();\n  const annotations = useAnnotationSpecs();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardType =\n    kind === 'Dashboard'\n      ? {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            annotations,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n          },\n        }\n      : {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            annotations,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n            ttl,\n          },\n        };\n\n  const setDashboard = (dashboardResource: DashboardResource): void => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    if (dashboardResource.spec.annotations) {\n      setAnnotationSpecs(dashboardResource.spec.annotations);\n    }\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, repeatVariable, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title || isCollapsed !== undefined) {\n      display = {\n        title: title ?? '',\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n        repeatVariable: repeatVariable,\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useVariableDefinitionActions","useVariableDefinitions","useAnnotationActions","useAnnotationSpecs","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","kind","metadata","display","duration","refreshInterval","datasources","links","ttl","setVariableDefinitions","setAnnotationSpecs","variables","annotations","layouts","convertPanelGroupsToLayouts","dashboard","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","repeatVariable","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/useDashboard.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 { createPanelRef, DashboardSpec, DurationString, GridDefinition, PanelGroupId } from '@perses-dev/spec';\nimport { DashboardResource } from '@perses-dev/client';\nimport { PanelGroupDefinition } from '../model';\n\nimport { useDashboardStore } from './DashboardProvider';\nimport { useVariableDefinitionActions, useVariableDefinitions } from './VariableProvider';\nimport { useAnnotationActions, useAnnotationSpecs } from './AnnotationProvider';\n\ntype DashboardType = Omit<DashboardResource, 'spec'> & { spec: DashboardSpec & { ttl?: DurationString } };\nexport function useDashboard(): {\n  dashboard: DashboardType;\n  setDashboard: (dashboardResource: DashboardResource) => void;\n} {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    setDashboard: setDashboardResource,\n    kind,\n    metadata,\n    display,\n    timezone,\n    duration,\n    refreshInterval,\n    datasources,\n    links,\n    ttl,\n  } = useDashboardStore(\n    ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      timezone,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      setDashboard,\n      kind,\n      metadata,\n      timezone,\n      display,\n      duration,\n      refreshInterval,\n      datasources,\n      links,\n      ttl,\n    })\n  );\n  const { setVariableDefinitions } = useVariableDefinitionActions();\n  const { setAnnotationSpecs } = useAnnotationActions();\n  const variables = useVariableDefinitions();\n  const annotations = useAnnotationSpecs();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardType =\n    kind === 'Dashboard'\n      ? {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            annotations,\n            duration,\n            timezone,\n            refreshInterval,\n            datasources,\n            links,\n          },\n        }\n      : {\n          kind,\n          metadata,\n          spec: {\n            display,\n            panels,\n            layouts,\n            variables,\n            annotations,\n            duration,\n            refreshInterval,\n            datasources,\n            links,\n            ttl,\n          },\n        };\n\n  const setDashboard = (dashboardResource: DashboardResource): void => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    if (dashboardResource.spec.annotations) {\n      setAnnotationSpecs(dashboardResource.spec.annotations);\n    }\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, repeatVariable, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title || isCollapsed !== undefined) {\n      display = {\n        title: title ?? '',\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n        repeatVariable: repeatVariable,\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useVariableDefinitionActions","useVariableDefinitions","useAnnotationActions","useAnnotationSpecs","useDashboard","panels","panelGroups","panelGroupOrder","setDashboard","setDashboardResource","kind","metadata","display","timezone","duration","refreshInterval","datasources","links","ttl","setVariableDefinitions","setAnnotationSpecs","variables","annotations","layouts","convertPanelGroupsToLayouts","dashboard","spec","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","repeatVariable","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"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"}

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

@@ -15,6 +15,7 @@ export interface DashboardAppProps {
     isInitialVariableSticky?: boolean;
     isLeavingConfirmDialogEnabled?: boolean;
     dashboardTitleComponent?: ReactNode;
+    userPreferenceTimezone?: DashboardSpec['timezone'];
     onSave?: OnSaveDashboard;
     onDiscard?: (name: string, spec: DashboardSpec) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EASL,mBAAmB,EAIpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAkE,MAAM,eAAe,CAAC;AAGhH,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,YAMvD,CAAC"}
+{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAInE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EASL,mBAAmB,EAIpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAkE,MAAM,eAAe,CAAC;AAGhH,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC,sBAAsB,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,YAMvD,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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 { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { Box } from '@mui/material';
 import { ChartsProvider, ErrorAlert, ErrorBoundary, useChartsTheme } from '@perses-dev/components';
 import { useDatasourceStore } from '@perses-dev/plugin-system';
@@ -26,7 +26,7 @@ export const DashboardApp = (props)=>{
     });
 };
 const DashboardAppContent = (props)=>{
-    const { dashboardResource, emptyDashboardProps, isReadonly, isVariableEnabled, isAnnotationEnabled, isDatasourceEnabled, disableShortcuts, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, onSave, onDiscard } = props;
+    const { dashboardResource, emptyDashboardProps, isReadonly, isVariableEnabled, isAnnotationEnabled, isDatasourceEnabled, disableShortcuts, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, userPreferenceTimezone, onSave, onDiscard } = props;
     const chartsTheme = useChartsTheme();
     const { isEditMode, setEditMode } = useEditMode();
     const { dashboard, setDashboard } = useDashboard();
@@ -71,6 +71,12 @@ const DashboardAppContent = (props)=>{
         onCancelButtonClick,
         disabled: disableShortcuts
     });
+    const toolBarTimezone = useMemo(()=>{
+        return dashboardResource.spec.timezone || userPreferenceTimezone || 'local';
+    }, [
+        dashboardResource.spec,
+        userPreferenceTimezone
+    ]);
     return /*#__PURE__*/ _jsxs(Box, {
         sx: {
             flexGrow: 1,
@@ -82,6 +88,7 @@ const DashboardAppContent = (props)=>{
         children: [
             /*#__PURE__*/ _jsx(DashboardToolbar, {
                 dashboardName: dashboardResource.metadata.name,
+                timezone: toolBarTimezone,
                 dashboardTitleComponent: dashboardTitleComponent,
                 initialVariableIsSticky: isInitialVariableSticky,
                 onSave: onSave,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.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, useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ChartsProvider, ErrorAlert, ErrorBoundary, useChartsTheme } from '@perses-dev/components';\nimport { useDatasourceStore } from '@perses-dev/plugin-system';\nimport { DashboardSpec } from '@perses-dev/spec';\nimport { DashboardResource } from '@perses-dev/client';\nimport {\n  PanelDrawer,\n  Dashboard,\n  useDashboardShortcuts,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  DashboardDiscardChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n  EmptyDashboardProps,\n  EditJsonDialog,\n  SaveChangesConfirmationDialog,\n  LeaveDialog,\n} from '../../components';\nimport { OnSaveDashboard, useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';\nimport { PanelFocusProvider } from '../../keyboard-shortcuts';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n  emptyDashboardProps?: Partial<EmptyDashboardProps>;\n  isReadonly: boolean;\n  isVariableEnabled: boolean;\n  isAnnotationEnabled: boolean;\n  isDatasourceEnabled: boolean;\n  disableShortcuts?: boolean;\n  isCreating?: boolean;\n  isInitialVariableSticky?: boolean;\n  // If true, browser confirmation dialog will be shown when navigating away with unsaved changes (closing tab, ...).\n  isLeavingConfirmDialogEnabled?: boolean;\n  dashboardTitleComponent?: ReactNode;\n  onSave?: OnSaveDashboard;\n  onDiscard?: (name: string, spec: DashboardSpec) => void;\n}\n\nexport const DashboardApp = (props: DashboardAppProps): ReactElement => {\n  return (\n    <PanelFocusProvider>\n      <DashboardAppContent {...props} />\n    </PanelFocusProvider>\n  );\n};\n\nconst DashboardAppContent = (props: DashboardAppProps): ReactElement => {\n  const {\n    dashboardResource,\n    emptyDashboardProps,\n    isReadonly,\n    isVariableEnabled,\n    isAnnotationEnabled,\n    isDatasourceEnabled,\n    disableShortcuts,\n    isCreating,\n    isInitialVariableSticky,\n    isLeavingConfirmDialogEnabled,\n    dashboardTitleComponent,\n    onSave,\n    onDiscard,\n  } = props;\n\n  const chartsTheme = useChartsTheme();\n\n  const { isEditMode, setEditMode } = useEditMode();\n\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n\n  const { setSavedDatasources } = useDatasourceStore();\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleDiscardChanges = (): void => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setEditMode(false);\n    closeDiscardChangesConfirmationDialog();\n    if (onDiscard) {\n      onDiscard(dashboard.metadata.name, dashboard.spec);\n    }\n  };\n\n  const onEditButtonClick = (): void => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n    setSavedDatasources(dashboard.spec.datasources ?? {});\n  };\n\n  const onCancelButtonClick = (): void => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          handleDiscardChanges();\n        },\n        onCancel: () => {\n          closeDiscardChangesConfirmationDialog();\n        },\n      });\n    }\n  };\n\n  useDashboardShortcuts({\n    onSave,\n    isReadonly,\n    onEditButtonClick,\n    onCancelButtonClick,\n    disabled: disableShortcuts,\n  });\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={isInitialVariableSticky}\n        onSave={onSave}\n        isReadonly={isReadonly}\n        isVariableEnabled={isVariableEnabled}\n        isAnnotationEnabled={isAnnotationEnabled}\n        isDatasourceEnabled={isDatasourceEnabled}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ paddingTop: 2, paddingX: 2, height: '100%' }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard\n            emptyDashboardProps={{\n              onEditButtonClick,\n              ...emptyDashboardProps,\n            }}\n          />\n        </ErrorBoundary>\n        <ChartsProvider chartsTheme={chartsTheme} enablePinning={false} enableSyncGrouping={false}>\n          <PanelDrawer />\n        </ChartsProvider>\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <DashboardDiscardChangesConfirmationDialog />\n        <EditJsonDialog isReadonly={!isEditMode} disableMetadataEdition={!isCreating} />\n        <SaveChangesConfirmationDialog />\n        {isLeavingConfirmDialogEnabled && isEditMode && (\n          <LeaveDialog original={originalDashboard} current={dashboard} />\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useState","Box","ChartsProvider","ErrorAlert","ErrorBoundary","useChartsTheme","useDatasourceStore","PanelDrawer","Dashboard","useDashboardShortcuts","PanelGroupDialog","DeletePanelGroupDialog","DashboardDiscardChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","EditJsonDialog","SaveChangesConfirmationDialog","LeaveDialog","useDashboard","useDiscardChangesConfirmationDialog","useEditMode","PanelFocusProvider","DashboardApp","props","DashboardAppContent","dashboardResource","emptyDashboardProps","isReadonly","isVariableEnabled","isAnnotationEnabled","isDatasourceEnabled","disableShortcuts","isCreating","isInitialVariableSticky","isLeavingConfirmDialogEnabled","dashboardTitleComponent","onSave","onDiscard","chartsTheme","isEditMode","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","setSavedDatasources","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleDiscardChanges","metadata","name","spec","onEditButtonClick","datasources","onCancelButtonClick","JSON","stringify","onDiscardChanges","onCancel","disabled","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","initialVariableIsSticky","paddingTop","paddingX","height","FallbackComponent","enablePinning","enableSyncGrouping","disableMetadataEdition","original","current"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.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, useMemo, useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ChartsProvider, ErrorAlert, ErrorBoundary, useChartsTheme } from '@perses-dev/components';\nimport { useDatasourceStore } from '@perses-dev/plugin-system';\nimport { DashboardSpec } from '@perses-dev/spec';\nimport { DashboardResource } from '@perses-dev/client';\nimport {\n  PanelDrawer,\n  Dashboard,\n  useDashboardShortcuts,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  DashboardDiscardChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n  EmptyDashboardProps,\n  EditJsonDialog,\n  SaveChangesConfirmationDialog,\n  LeaveDialog,\n} from '../../components';\nimport { OnSaveDashboard, useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';\nimport { PanelFocusProvider } from '../../keyboard-shortcuts';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n  emptyDashboardProps?: Partial<EmptyDashboardProps>;\n  isReadonly: boolean;\n  isVariableEnabled: boolean;\n  isAnnotationEnabled: boolean;\n  isDatasourceEnabled: boolean;\n  disableShortcuts?: boolean;\n  isCreating?: boolean;\n  isInitialVariableSticky?: boolean;\n  // If true, browser confirmation dialog will be shown when navigating away with unsaved changes (closing tab, ...).\n  isLeavingConfirmDialogEnabled?: boolean;\n  dashboardTitleComponent?: ReactNode;\n  userPreferenceTimezone?: DashboardSpec['timezone'];\n  onSave?: OnSaveDashboard;\n  onDiscard?: (name: string, spec: DashboardSpec) => void;\n}\n\nexport const DashboardApp = (props: DashboardAppProps): ReactElement => {\n  return (\n    <PanelFocusProvider>\n      <DashboardAppContent {...props} />\n    </PanelFocusProvider>\n  );\n};\n\nconst DashboardAppContent = (props: DashboardAppProps): ReactElement => {\n  const {\n    dashboardResource,\n    emptyDashboardProps,\n    isReadonly,\n    isVariableEnabled,\n    isAnnotationEnabled,\n    isDatasourceEnabled,\n    disableShortcuts,\n    isCreating,\n    isInitialVariableSticky,\n    isLeavingConfirmDialogEnabled,\n    dashboardTitleComponent,\n    userPreferenceTimezone,\n    onSave,\n    onDiscard,\n  } = props;\n\n  const chartsTheme = useChartsTheme();\n\n  const { isEditMode, setEditMode } = useEditMode();\n\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n\n  const { setSavedDatasources } = useDatasourceStore();\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleDiscardChanges = (): void => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setEditMode(false);\n    closeDiscardChangesConfirmationDialog();\n    if (onDiscard) {\n      onDiscard(dashboard.metadata.name, dashboard.spec);\n    }\n  };\n\n  const onEditButtonClick = (): void => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n    setSavedDatasources(dashboard.spec.datasources ?? {});\n  };\n\n  const onCancelButtonClick = (): void => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          handleDiscardChanges();\n        },\n        onCancel: () => {\n          closeDiscardChangesConfirmationDialog();\n        },\n      });\n    }\n  };\n\n  useDashboardShortcuts({\n    onSave,\n    isReadonly,\n    onEditButtonClick,\n    onCancelButtonClick,\n    disabled: disableShortcuts,\n  });\n\n  const toolBarTimezone = useMemo((): string => {\n    return dashboardResource.spec.timezone || userPreferenceTimezone || 'local';\n  }, [dashboardResource.spec, userPreferenceTimezone]);\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        timezone={toolBarTimezone}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={isInitialVariableSticky}\n        onSave={onSave}\n        isReadonly={isReadonly}\n        isVariableEnabled={isVariableEnabled}\n        isAnnotationEnabled={isAnnotationEnabled}\n        isDatasourceEnabled={isDatasourceEnabled}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ paddingTop: 2, paddingX: 2, height: '100%' }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard\n            emptyDashboardProps={{\n              onEditButtonClick,\n              ...emptyDashboardProps,\n            }}\n          />\n        </ErrorBoundary>\n        <ChartsProvider chartsTheme={chartsTheme} enablePinning={false} enableSyncGrouping={false}>\n          <PanelDrawer />\n        </ChartsProvider>\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <DashboardDiscardChangesConfirmationDialog />\n        <EditJsonDialog isReadonly={!isEditMode} disableMetadataEdition={!isCreating} />\n        <SaveChangesConfirmationDialog />\n        {isLeavingConfirmDialogEnabled && isEditMode && (\n          <LeaveDialog original={originalDashboard} current={dashboard} />\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useMemo","useState","Box","ChartsProvider","ErrorAlert","ErrorBoundary","useChartsTheme","useDatasourceStore","PanelDrawer","Dashboard","useDashboardShortcuts","PanelGroupDialog","DeletePanelGroupDialog","DashboardDiscardChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","EditJsonDialog","SaveChangesConfirmationDialog","LeaveDialog","useDashboard","useDiscardChangesConfirmationDialog","useEditMode","PanelFocusProvider","DashboardApp","props","DashboardAppContent","dashboardResource","emptyDashboardProps","isReadonly","isVariableEnabled","isAnnotationEnabled","isDatasourceEnabled","disableShortcuts","isCreating","isInitialVariableSticky","isLeavingConfirmDialogEnabled","dashboardTitleComponent","userPreferenceTimezone","onSave","onDiscard","chartsTheme","isEditMode","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","setSavedDatasources","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleDiscardChanges","metadata","name","spec","onEditButtonClick","datasources","onCancelButtonClick","JSON","stringify","onDiscardChanges","onCancel","disabled","toolBarTimezone","timezone","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","initialVariableIsSticky","paddingTop","paddingX","height","FallbackComponent","enablePinning","enableSyncGrouping","disableMetadataEdition","original","current"],"mappings":"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"}