npm - @perses-dev/dashboards - Versions diffs - 0.54.0-beta.0 → 0.54.0-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (202) hide show

package/dist/components/DashboardLinks/EditDashboardLinksButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/DashboardLinks/EditDashboardLinksButton.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 { Button, ButtonProps } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { Drawer, InfoTooltip } from '@perses-dev/components';\nimport { Link } from '@perses-dev/spec';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardLinks, useDashboardLinksActions } from '../../context';\nimport { DashboardLinksEditor } from './DashboardLinksEditor';\n\nexport interface EditDashboardLinksButtonProps extends Pick<ButtonProps, 'fullWidth'> {\n /*\n The variant to use to display the button.\n /\n variant?: 'text' \| 'outlined';\n\n /\n The color to use to display the button.\n /\n color?: 'primary' \| 'secondary';\n\n /\n The label used inside the button.\n */\n label?: string;\n}\n\nexport function EditDashboardLinksButton({\n variant = 'text',\n label = 'Links',\n color = 'primary',\n fullWidth,\n}: EditDashboardLinksButtonProps): ReactElement {\n const [isLinksEditorOpen, setIsLinksEditorOpen] = useState(false);\n const links = useDashboardLinks();\n const { setLinks } = useDashboardLinksActions();\n\n const openLinksEditor = (): void => {\n setIsLinksEditorOpen(true);\n };\n\n const closeLinksEditor = (): void => {\n setIsLinksEditorOpen(false);\n };\n\n return (\n <>\n <InfoTooltip description={TOOLTIP_TEXT.editLinks}>\n <Button\n startIcon={<PencilIcon />}\n onClick={openLinksEditor}\n aria-label={TOOLTIP_TEXT.editLinks}\n variant={variant}\n color={color}\n fullWidth={fullWidth}\n sx={editButtonStyle}\n >\n {label}\n </Button>\n </InfoTooltip>\n <Drawer\n isOpen={isLinksEditorOpen}\n onClose={closeLinksEditor}\n PaperProps={{ sx: { width: '50%' } }}\n data-testid=\"dashboard-links-editor\"\n >\n <DashboardLinksEditor\n links={links}\n onCancel={closeLinksEditor}\n onChange={(updatedLinks: Link[]) => {\n setLinks?.(updatedLinks);\n setIsLinksEditorOpen(false);\n }}\n />\n </Drawer>\n </>\n );\n}\n"],"names":["useState","Button","PencilIcon","Drawer","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardLinks","useDashboardLinksActions","DashboardLinksEditor","EditDashboardLinksButton","variant","label","color","fullWidth","isLinksEditorOpen","setIsLinksEditorOpen","links","setLinks","openLinksEditor","closeLinksEditor","description","editLinks","startIcon","onClick","aria-label","sx","isOpen","onClose","PaperProps","width","data-testid","onCancel","onChange","updatedLinks"],"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,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SAASC,MAAM,QAAqB,gBAAgB;AACpD,OAAOC,gBAAgB,gCAAgC;AACvD,SAASC,MAAM,EAAEC,WAAW,QAAQ,yBAAyB;AAE7D,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,iBAAiB,EAAEC,wBAAwB,QAAQ,gBAAgB;AAC5E,SAASC,oBAAoB,QAAQ,yBAAyB;AAmB9D,OAAO,SAASC,yBAAyB,EACvCC,UAAU,MAAM,EAChBC,QAAQ,OAAO,EACfC,QAAQ,SAAS,EACjBC,SAAS,EACqB;IAC9B,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGhB,SAAS;IAC3D,MAAMiB,QAAQV;IACd,MAAM,EAAEW,QAAQ,EAAE,GAAGV;IAErB,MAAMW,kBAAkB;QACtBH,qBAAqB;IACvB;IAEA,MAAMI,mBAAmB;QACvBJ,qBAAqB;IACvB;IAEA,qBACE;;0BACE,KAACZ;gBAAYiB,aAAahB,aAAaiB,SAAS;0BAC9C,cAAA,KAACrB;oBACCsB,yBAAW,KAACrB;oBACZsB,SAASL;oBACTM,cAAYpB,aAAaiB,SAAS;oBAClCX,SAASA;oBACTE,OAAOA;oBACPC,WAAWA;oBACXY,IAAIpB;8BAEHM;;;0BAGL,KAACT;gBACCwB,QAAQZ;gBACRa,SAASR;gBACTS,YAAY;oBAAEH,IAAI;wBAAEI,OAAO;oBAAM;gBAAE;gBACnCC,eAAY;0BAEZ,cAAA,KAACtB;oBACCQ,OAAOA;oBACPe,UAAUZ;oBACVa,UAAU,CAACC;wBACThB,WAAWgB;wBACXlB,qBAAqB;oBACvB;;;;;AAKV"}
1	+ {"version":3,"sources":["../../../src/components/DashboardLinks/EditDashboardLinksButton.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 { Button, ButtonProps } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { Drawer, InfoTooltip } from '@perses-dev/components';\nimport { Link } from '@perses-dev/spec';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardLinks, useDashboardLinksActions } from '../../context';\nimport { DashboardLinksEditor } from './DashboardLinksEditor';\n\nexport interface EditDashboardLinksButtonProps extends Pick<ButtonProps, 'fullWidth'> {\n /*\n The variant to use to display the button.\n /\n variant?: 'text' \| 'outlined';\n\n /\n The color to use to display the button.\n /\n color?: 'primary' \| 'secondary';\n\n /\n The label used inside the button.\n */\n label?: string;\n}\n\nexport function EditDashboardLinksButton({\n variant = 'text',\n label = 'Links',\n color = 'primary',\n fullWidth,\n}: EditDashboardLinksButtonProps): ReactElement {\n const [isLinksEditorOpen, setIsLinksEditorOpen] = useState(false);\n const links = useDashboardLinks();\n const { setLinks } = useDashboardLinksActions();\n\n const openLinksEditor = (): void => {\n setIsLinksEditorOpen(true);\n };\n\n const closeLinksEditor = (): void => {\n setIsLinksEditorOpen(false);\n };\n\n return (\n <>\n <InfoTooltip description={TOOLTIP_TEXT.editLinks}>\n <Button\n startIcon={<PencilIcon />}\n onClick={openLinksEditor}\n aria-label={TOOLTIP_TEXT.editLinks}\n variant={variant}\n color={color}\n fullWidth={fullWidth}\n sx={editButtonStyle}\n >\n {label}\n </Button>\n </InfoTooltip>\n <Drawer\n isOpen={isLinksEditorOpen}\n onClose={closeLinksEditor}\n PaperProps={{ sx: { width: '50%' } }}\n data-testid=\"dashboard-links-editor\"\n >\n <DashboardLinksEditor\n links={links}\n onCancel={closeLinksEditor}\n onChange={(updatedLinks: Link[]) => {\n setLinks?.(updatedLinks);\n setIsLinksEditorOpen(false);\n }}\n />\n </Drawer>\n </>\n );\n}\n"],"names":["useState","Button","PencilIcon","Drawer","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardLinks","useDashboardLinksActions","DashboardLinksEditor","EditDashboardLinksButton","variant","label","color","fullWidth","isLinksEditorOpen","setIsLinksEditorOpen","links","setLinks","openLinksEditor","closeLinksEditor","description","editLinks","startIcon","onClick","aria-label","sx","isOpen","onClose","PaperProps","width","data-testid","onCancel","onChange","updatedLinks"],"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,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SAASC,MAAM,QAAqB,gBAAgB;AACpD,OAAOC,gBAAgB,gCAAgC;AACvD,SAASC,MAAM,EAAEC,WAAW,QAAQ,yBAAyB;AAE7D,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,iBAAiB,EAAEC,wBAAwB,QAAQ,gBAAgB;AAC5E,SAASC,oBAAoB,QAAQ,yBAAyB;AAmB9D,OAAO,SAASC,yBAAyB,EACvCC,UAAU,MAAM,EAChBC,QAAQ,OAAO,EACfC,QAAQ,SAAS,EACjBC,SAAS,EACqB;IAC9B,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGhB,SAAS;IAC3D,MAAMiB,QAAQV;IACd,MAAM,EAAEW,QAAQ,EAAE,GAAGV;IAErB,MAAMW,kBAAkB;QACtBH,qBAAqB;IACvB;IAEA,MAAMI,mBAAmB;QACvBJ,qBAAqB;IACvB;IAEA,qBACE;;0BACE,KAACZ;gBAAYiB,aAAahB,aAAaiB,SAAS;0BAC9C,cAAA,KAACrB;oBACCsB,yBAAW,KAACrB;oBACZsB,SAASL;oBACTM,cAAYpB,aAAaiB,SAAS;oBAClCX,SAASA;oBACTE,OAAOA;oBACPC,WAAWA;oBACXY,IAAIpB;8BAEHM;;;0BAGL,KAACT;gBACCwB,QAAQZ;gBACRa,SAASR;gBACTS,YAAY;oBAAEH,IAAI;wBAAEI,OAAO;oBAAM;gBAAE;gBACnCC,eAAY;0BAEZ,cAAA,KAACtB;oBACCQ,OAAOA;oBACPe,UAAUZ;oBACVa,UAAU,CAACC;wBACThB,WAAWgB;wBACXlB,qBAAqB;oBACvB;;;;;AAKV"}

package/dist/components/DashboardShortcuts/useDashboardShortcuts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/DashboardShortcuts/useDashboardShortcuts.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 } from 'react';\nimport { AbsoluteTimeRange, TimeRangeValue, isRelativeTimeRange, toAbsoluteTimeRange } from '@perses-dev/spec';\nimport { PanelGroupItemId } from '@perses-dev/core';\nimport { useSnackbar } from '@perses-dev/components';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { useHotkeys, useHotkeySequences } from '@tanstack/react-hotkeys';\nimport {\n useFocusedPanel,\n buildShortcutOptions,\n requireShortcutHotkey,\n requireShortcutSequence,\n SAVE_DASHBOARD_SHORTCUT,\n REFRESH_DASHBOARD_SHORTCUT,\n TOGGLE_EDIT_MODE_SHORTCUT,\n TIME_ZOOM_OUT_SHORTCUT,\n TIME_ZOOM_IN_SHORTCUT,\n TIME_SHIFT_BACK_SHORTCUT,\n TIME_SHIFT_FORWARD_SHORTCUT,\n TIME_MAKE_ABSOLUTE_SHORTCUT,\n TIME_COPY_SHORTCUT,\n TIME_PASTE_SHORTCUT,\n PANEL_EDIT_SHORTCUT,\n PANEL_FULLSCREEN_SHORTCUT,\n PANEL_DUPLICATE_SHORTCUT,\n PANEL_DELETE_SHORTCUT,\n} from '../../keyboard-shortcuts';\nimport {\n OnSaveDashboard,\n useEditMode,\n useDashboardStore,\n DashboardStoreState,\n useViewPanelGroup,\n useSaveDashboard,\n} from '../../context/DashboardProvider';\n\nconst SAVE_SHORTCUT_EDIT_MODE_MESSAGE = 'Enter edit mode to save this dashboard.';\nconst SAVE_SHORTCUT_READONLY_MESSAGE = 'This dashboard is read-only. Keyboard save is disabled.';\nconst SAVE_SHORTCUT_UNAVAILABLE_MESSAGE = 'Save action is unavailable for this dashboard.';\n\nfunction parsePanelKey(panelKey: string): PanelGroupItemId \| null {\n const dashIndex = panelKey.indexOf('-');\n if (dashIndex === -1) return null;\n\n const panelGroupId = parseInt(panelKey.substring(0, dashIndex), 10);\n const panelGroupItemLayoutId = panelKey.substring(dashIndex + 1);\n\n if (isNaN(panelGroupId)) return null;\n\n return { panelGroupId, panelGroupItemLayoutId };\n}\n\n// Zoom limits: 1 second minimum, 10 years maximum\nconst MIN_ZOOM_DURATION_MS = 1_000;\nconst MAX_ZOOM_DURATION_MS = 10 * 365.25 * 24 * 60 * 60 * 1_000;\n\nfunction resolveAbsoluteRange(timeRange: TimeRangeValue): {\n absoluteRange: AbsoluteTimeRange;\n durationMs: number;\n midpointMs: number;\n} {\n const absoluteRange = isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange;\n const startMs = absoluteRange.start.getTime();\n const endMs = absoluteRange.end.getTime();\n const durationMs = endMs - startMs;\n const midpointMs = Math.round(startMs + durationMs / 2);\n return { absoluteRange, durationMs, midpointMs };\n}\n\nconst selectPanelStoreActions = (\n state: DashboardStoreState\n): {\n openEditPanel: DashboardStoreState['openEditPanel'];\n duplicatePanel: DashboardStoreState['duplicatePanel'];\n openDeletePanelDialog: DashboardStoreState['openDeletePanelDialog'];\n setViewPanel: DashboardStoreState['setViewPanel'];\n panelEditor: DashboardStoreState['panelEditor'];\n} => ({\n openEditPanel: state.openEditPanel,\n duplicatePanel: state.duplicatePanel,\n openDeletePanelDialog: state.openDeletePanelDialog,\n setViewPanel: state.setViewPanel,\n panelEditor: state.panelEditor,\n});\n\nexport interface UseDashboardShortcutsOptions {\n onSave?: OnSaveDashboard;\n onRefresh?: () => void;\n isReadonly: boolean;\n onEditButtonClick?: () => void;\n onCancelButtonClick?: () => void;\n disabled?: boolean;\n}\n\n/** Registers dashboard, time-range, and panel keyboard shortcuts. Requires DashboardProvider context. /\nexport function useDashboardShortcuts({\n onSave,\n onRefresh,\n isReadonly,\n onEditButtonClick,\n onCancelButtonClick,\n disabled = false,\n}: UseDashboardShortcutsOptions): void {\n const focusedPanelKey = useFocusedPanel();\n const { isEditMode, setEditMode } = useEditMode();\n const { timeRange, setTimeRange, refresh } = useTimeRange();\n const { infoSnackbar, warningSnackbar } = useSnackbar();\n const viewPanel = useViewPanelGroup();\n const { openEditPanel, duplicatePanel, openDeletePanelDialog, setViewPanel, panelEditor } =\n useDashboardStore(selectPanelStoreActions);\n const { saveDashboard } = useSaveDashboard(onSave);\n\n const panelFocused = focusedPanelKey !== null;\n\n // --- Handlers ---\n\n const handleSave = useCallback(() => {\n if (isReadonly) {\n warningSnackbar(SAVE_SHORTCUT_READONLY_MESSAGE);\n return;\n }\n\n if (!isEditMode) {\n infoSnackbar(SAVE_SHORTCUT_EDIT_MODE_MESSAGE);\n return;\n }\n\n if (!onSave) {\n warningSnackbar(SAVE_SHORTCUT_UNAVAILABLE_MESSAGE);\n return;\n }\n\n saveDashboard();\n }, [infoSnackbar, isEditMode, isReadonly, onSave, saveDashboard, warningSnackbar]);\n\n const handleRefresh = useCallback(() => {\n refresh();\n infoSnackbar('Dashboard refreshed.');\n if (onRefresh) {\n onRefresh();\n }\n }, [refresh, infoSnackbar, onRefresh]);\n\n const handleToggleEditMode = useCallback(() => {\n if (isEditMode) {\n // Switching from edit to view: delegate to cancel flow (shows discard dialog if needed)\n if (onCancelButtonClick) {\n onCancelButtonClick();\n } else {\n setEditMode(false);\n }\n } else {\n // Switching from view to edit: delegate to edit flow (saves original state)\n if (onEditButtonClick) {\n onEditButtonClick();\n } else {\n setEditMode(true);\n }\n }\n }, [isEditMode, setEditMode, onCancelButtonClick, onEditButtonClick]);\n\n // Time range handlers\n\n const handleTimeZoomOut = useCallback(() => {\n const { durationMs, midpointMs } = resolveAbsoluteRange(timeRange);\n const newDuration = Math.min(durationMs 2, MAX_ZOOM_DURATION_MS);\n const halfNew = Math.round(newDuration / 2);\n setTimeRange({\n start: new Date(midpointMs - halfNew),\n end: new Date(midpointMs + halfNew),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeZoomIn = useCallback(() => {\n const { durationMs, midpointMs } = resolveAbsoluteRange(timeRange);\n const newDuration = Math.max(Math.round(durationMs / 2), MIN_ZOOM_DURATION_MS);\n const halfNew = Math.round(newDuration / 2);\n setTimeRange({\n start: new Date(midpointMs - halfNew),\n end: new Date(midpointMs + halfNew),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeShiftBack = useCallback(() => {\n const { absoluteRange, durationMs } = resolveAbsoluteRange(timeRange);\n const shift = Math.round(durationMs / 2);\n setTimeRange({\n start: new Date(absoluteRange.start.getTime() - shift),\n end: new Date(absoluteRange.end.getTime() - shift),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeShiftForward = useCallback(() => {\n const { absoluteRange, durationMs } = resolveAbsoluteRange(timeRange);\n const shift = Math.round(durationMs / 2);\n setTimeRange({\n start: new Date(absoluteRange.start.getTime() + shift),\n end: new Date(absoluteRange.end.getTime() + shift),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeMakeAbsolute = useCallback(() => {\n if (isRelativeTimeRange(timeRange)) {\n setTimeRange(toAbsoluteTimeRange(timeRange));\n }\n }, [timeRange, setTimeRange]);\n\n const handleTimeCopy = useCallback(() => {\n const absoluteRange = isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange;\n const text = `${absoluteRange.start.toISOString()} - ${absoluteRange.end.toISOString()}`;\n navigator.clipboard\n .writeText(text)\n .then(() => {\n infoSnackbar('Time range copied to clipboard.');\n })\n .catch(() => {\n warningSnackbar('Failed to copy time range to clipboard.');\n });\n }, [timeRange, infoSnackbar, warningSnackbar]);\n\n const handleTimePaste = useCallback(() => {\n const FORMAT_HINT = 'Expected format: \"<ISO date format> - <ISO date format>\".';\n navigator.clipboard\n .readText()\n .then((text) => {\n const parts = text.split(' - ');\n if (parts.length !== 2) {\n warningSnackbar(`Clipboard does not contain a valid time range. ${FORMAT_HINT}`);\n return;\n }\n const [startStr, endStr] = parts as [string, string];\n const start = new Date(startStr.trim());\n const end = new Date(endStr.trim());\n if (isNaN(start.getTime()) \|\| isNaN(end.getTime())) {\n warningSnackbar(`Clipboard does not contain a valid time range. ${FORMAT_HINT}`);\n return;\n }\n if (start >= end) {\n warningSnackbar('Invalid time range: start must be before end.');\n return;\n }\n const newRange: AbsoluteTimeRange = { start, end };\n setTimeRange(newRange);\n infoSnackbar('Time range pasted from clipboard.');\n })\n .catch(() => {\n warningSnackbar('Unable to read from clipboard. Check browser permissions.');\n });\n }, [setTimeRange, infoSnackbar, warningSnackbar]);\n\n // Panel handlers\n const handlePanelEditToggle = useCallback(() => {\n if (panelEditor !== undefined) {\n panelEditor.close();\n return;\n }\n\n if (focusedPanelKey && isEditMode) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n openEditPanel(panelId);\n }\n }\n }, [focusedPanelKey, isEditMode, openEditPanel, panelEditor]);\n\n const handlePanelFullscreenToggle = useCallback(() => {\n if (viewPanel !== undefined) {\n setViewPanel(undefined);\n return;\n }\n\n if (focusedPanelKey) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n setViewPanel(panelId);\n }\n }\n }, [focusedPanelKey, setViewPanel, viewPanel]);\n\n const handlePanelDuplicate = useCallback(() => {\n if (focusedPanelKey && isEditMode) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n duplicatePanel(panelId);\n }\n }\n }, [focusedPanelKey, isEditMode, duplicatePanel]);\n\n const handlePanelDelete = useCallback(() => {\n if (focusedPanelKey && isEditMode) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n openDeletePanelDialog(panelId);\n }\n }\n }, [focusedPanelKey, isEditMode, openDeletePanelDialog]);\n\n // Register shortcuts\n\n useHotkeys(\n [\n { def: SAVE_DASHBOARD_SHORTCUT, enabled: !disabled, callback: handleSave },\n {\n def: PANEL_EDIT_SHORTCUT,\n enabled: !disabled && (panelFocused \|\| panelEditor !== undefined),\n callback: handlePanelEditToggle,\n },\n {\n def: PANEL_FULLSCREEN_SHORTCUT,\n enabled: !disabled && (panelFocused \|\| viewPanel !== undefined),\n callback: handlePanelFullscreenToggle,\n },\n ].map(({ def, enabled, callback }) => ({\n hotkey: requireShortcutHotkey(def),\n callback,\n options: buildShortcutOptions(def, enabled),\n }))\n );\n\n useHotkeySequences(\n [\n { def: REFRESH_DASHBOARD_SHORTCUT, enabled: !disabled, callback: handleRefresh },\n { def: TOGGLE_EDIT_MODE_SHORTCUT, enabled: !disabled, callback: handleToggleEditMode },\n { def: TIME_ZOOM_OUT_SHORTCUT, enabled: !disabled, callback: handleTimeZoomOut },\n { def: TIME_ZOOM_IN_SHORTCUT, enabled: !disabled, callback: handleTimeZoomIn },\n { def: TIME_SHIFT_BACK_SHORTCUT, enabled: !disabled, callback: handleTimeShiftBack },\n { def: TIME_SHIFT_FORWARD_SHORTCUT, enabled: !disabled, callback: handleTimeShiftForward },\n { def: TIME_MAKE_ABSOLUTE_SHORTCUT, enabled: !disabled, callback: handleTimeMakeAbsolute },\n { def: TIME_COPY_SHORTCUT, enabled: !disabled, callback: handleTimeCopy },\n { def: TIME_PASTE_SHORTCUT, enabled: !disabled, callback: handleTimePaste },\n { def: PANEL_DUPLICATE_SHORTCUT, enabled: !disabled && panelFocused, callback: handlePanelDuplicate },\n { def: PANEL_DELETE_SHORTCUT, enabled: !disabled && panelFocused, callback: handlePanelDelete },\n ].map(({ def, enabled, callback }) => ({\n sequence: requireShortcutSequence(def),\n callback,\n options: buildShortcutOptions(def, enabled),\n }))\n );\n}\n"],"names":["useCallback","isRelativeTimeRange","toAbsoluteTimeRange","useSnackbar","useTimeRange","useHotkeys","useHotkeySequences","useFocusedPanel","buildShortcutOptions","requireShortcutHotkey","requireShortcutSequence","SAVE_DASHBOARD_SHORTCUT","REFRESH_DASHBOARD_SHORTCUT","TOGGLE_EDIT_MODE_SHORTCUT","TIME_ZOOM_OUT_SHORTCUT","TIME_ZOOM_IN_SHORTCUT","TIME_SHIFT_BACK_SHORTCUT","TIME_SHIFT_FORWARD_SHORTCUT","TIME_MAKE_ABSOLUTE_SHORTCUT","TIME_COPY_SHORTCUT","TIME_PASTE_SHORTCUT","PANEL_EDIT_SHORTCUT","PANEL_FULLSCREEN_SHORTCUT","PANEL_DUPLICATE_SHORTCUT","PANEL_DELETE_SHORTCUT","useEditMode","useDashboardStore","useViewPanelGroup","useSaveDashboard","SAVE_SHORTCUT_EDIT_MODE_MESSAGE","SAVE_SHORTCUT_READONLY_MESSAGE","SAVE_SHORTCUT_UNAVAILABLE_MESSAGE","parsePanelKey","panelKey","dashIndex","indexOf","panelGroupId","parseInt","substring","panelGroupItemLayoutId","isNaN","MIN_ZOOM_DURATION_MS","MAX_ZOOM_DURATION_MS","resolveAbsoluteRange","timeRange","absoluteRange","startMs","start","getTime","endMs","end","durationMs","midpointMs","Math","round","selectPanelStoreActions","state","openEditPanel","duplicatePanel","openDeletePanelDialog","setViewPanel","panelEditor","useDashboardShortcuts","onSave","onRefresh","isReadonly","onEditButtonClick","onCancelButtonClick","disabled","focusedPanelKey","isEditMode","setEditMode","setTimeRange","refresh","infoSnackbar","warningSnackbar","viewPanel","saveDashboard","panelFocused","handleSave","handleRefresh","handleToggleEditMode","handleTimeZoomOut","newDuration","min","halfNew","Date","handleTimeZoomIn","max","handleTimeShiftBack","shift","handleTimeShiftForward","handleTimeMakeAbsolute","handleTimeCopy","text","toISOString","navigator","clipboard","writeText","then","catch","handleTimePaste","FORMAT_HINT","readText","parts","split","length","startStr","endStr","trim","newRange","handlePanelEditToggle","undefined","close","panelId","handlePanelFullscreenToggle","handlePanelDuplicate","handlePanelDelete","def","enabled","callback","map","hotkey","options","sequence"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/DashboardShortcuts/useDashboardShortcuts.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 } from 'react';\nimport { AbsoluteTimeRange, TimeRangeValue, isRelativeTimeRange, toAbsoluteTimeRange } from '@perses-dev/spec';\nimport { useSnackbar } from '@perses-dev/components';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { useHotkeys, useHotkeySequences } from '@tanstack/react-hotkeys';\nimport { PanelGroupItemId } from '../../model';\nimport {\n useFocusedPanel,\n buildShortcutOptions,\n requireShortcutHotkey,\n requireShortcutSequence,\n SAVE_DASHBOARD_SHORTCUT,\n REFRESH_DASHBOARD_SHORTCUT,\n TOGGLE_EDIT_MODE_SHORTCUT,\n TIME_ZOOM_OUT_SHORTCUT,\n TIME_ZOOM_IN_SHORTCUT,\n TIME_SHIFT_BACK_SHORTCUT,\n TIME_SHIFT_FORWARD_SHORTCUT,\n TIME_MAKE_ABSOLUTE_SHORTCUT,\n TIME_COPY_SHORTCUT,\n TIME_PASTE_SHORTCUT,\n PANEL_EDIT_SHORTCUT,\n PANEL_FULLSCREEN_SHORTCUT,\n PANEL_DUPLICATE_SHORTCUT,\n PANEL_DELETE_SHORTCUT,\n} from '../../keyboard-shortcuts';\nimport {\n OnSaveDashboard,\n useEditMode,\n useDashboardStore,\n DashboardStoreState,\n useViewPanelGroup,\n useSaveDashboard,\n} from '../../context/DashboardProvider';\n\nconst SAVE_SHORTCUT_EDIT_MODE_MESSAGE = 'Enter edit mode to save this dashboard.';\nconst SAVE_SHORTCUT_READONLY_MESSAGE = 'This dashboard is read-only. Keyboard save is disabled.';\nconst SAVE_SHORTCUT_UNAVAILABLE_MESSAGE = 'Save action is unavailable for this dashboard.';\n\nfunction parsePanelKey(panelKey: string): PanelGroupItemId \| null {\n const dashIndex = panelKey.indexOf('-');\n if (dashIndex === -1) return null;\n\n const panelGroupId = parseInt(panelKey.substring(0, dashIndex), 10);\n const panelGroupItemLayoutId = panelKey.substring(dashIndex + 1);\n\n if (isNaN(panelGroupId)) return null;\n\n return { panelGroupId, panelGroupItemLayoutId };\n}\n\n// Zoom limits: 1 second minimum, 10 years maximum\nconst MIN_ZOOM_DURATION_MS = 1_000;\nconst MAX_ZOOM_DURATION_MS = 10 * 365.25 * 24 * 60 * 60 * 1_000;\n\nfunction resolveAbsoluteRange(timeRange: TimeRangeValue): {\n absoluteRange: AbsoluteTimeRange;\n durationMs: number;\n midpointMs: number;\n} {\n const absoluteRange = isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange;\n const startMs = absoluteRange.start.getTime();\n const endMs = absoluteRange.end.getTime();\n const durationMs = endMs - startMs;\n const midpointMs = Math.round(startMs + durationMs / 2);\n return { absoluteRange, durationMs, midpointMs };\n}\n\nconst selectPanelStoreActions = (\n state: DashboardStoreState\n): {\n openEditPanel: DashboardStoreState['openEditPanel'];\n duplicatePanel: DashboardStoreState['duplicatePanel'];\n openDeletePanelDialog: DashboardStoreState['openDeletePanelDialog'];\n setViewPanel: DashboardStoreState['setViewPanel'];\n panelEditor: DashboardStoreState['panelEditor'];\n} => ({\n openEditPanel: state.openEditPanel,\n duplicatePanel: state.duplicatePanel,\n openDeletePanelDialog: state.openDeletePanelDialog,\n setViewPanel: state.setViewPanel,\n panelEditor: state.panelEditor,\n});\n\nexport interface UseDashboardShortcutsOptions {\n onSave?: OnSaveDashboard;\n onRefresh?: () => void;\n isReadonly: boolean;\n onEditButtonClick?: () => void;\n onCancelButtonClick?: () => void;\n disabled?: boolean;\n}\n\n/** Registers dashboard, time-range, and panel keyboard shortcuts. Requires DashboardProvider context. /\nexport function useDashboardShortcuts({\n onSave,\n onRefresh,\n isReadonly,\n onEditButtonClick,\n onCancelButtonClick,\n disabled = false,\n}: UseDashboardShortcutsOptions): void {\n const focusedPanelKey = useFocusedPanel();\n const { isEditMode, setEditMode } = useEditMode();\n const { timeRange, setTimeRange, refresh } = useTimeRange();\n const { infoSnackbar, warningSnackbar } = useSnackbar();\n const viewPanel = useViewPanelGroup();\n const { openEditPanel, duplicatePanel, openDeletePanelDialog, setViewPanel, panelEditor } =\n useDashboardStore(selectPanelStoreActions);\n const { saveDashboard } = useSaveDashboard(onSave);\n\n const panelFocused = focusedPanelKey !== null;\n\n // --- Handlers ---\n\n const handleSave = useCallback(() => {\n if (isReadonly) {\n warningSnackbar(SAVE_SHORTCUT_READONLY_MESSAGE);\n return;\n }\n\n if (!isEditMode) {\n infoSnackbar(SAVE_SHORTCUT_EDIT_MODE_MESSAGE);\n return;\n }\n\n if (!onSave) {\n warningSnackbar(SAVE_SHORTCUT_UNAVAILABLE_MESSAGE);\n return;\n }\n\n saveDashboard();\n }, [infoSnackbar, isEditMode, isReadonly, onSave, saveDashboard, warningSnackbar]);\n\n const handleRefresh = useCallback(() => {\n refresh();\n infoSnackbar('Dashboard refreshed.');\n if (onRefresh) {\n onRefresh();\n }\n }, [refresh, infoSnackbar, onRefresh]);\n\n const handleToggleEditMode = useCallback(() => {\n if (isEditMode) {\n // Switching from edit to view: delegate to cancel flow (shows discard dialog if needed)\n if (onCancelButtonClick) {\n onCancelButtonClick();\n } else {\n setEditMode(false);\n }\n } else {\n // Switching from view to edit: delegate to edit flow (saves original state)\n if (onEditButtonClick) {\n onEditButtonClick();\n } else {\n setEditMode(true);\n }\n }\n }, [isEditMode, setEditMode, onCancelButtonClick, onEditButtonClick]);\n\n // Time range handlers\n\n const handleTimeZoomOut = useCallback(() => {\n const { durationMs, midpointMs } = resolveAbsoluteRange(timeRange);\n const newDuration = Math.min(durationMs 2, MAX_ZOOM_DURATION_MS);\n const halfNew = Math.round(newDuration / 2);\n setTimeRange({\n start: new Date(midpointMs - halfNew),\n end: new Date(midpointMs + halfNew),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeZoomIn = useCallback(() => {\n const { durationMs, midpointMs } = resolveAbsoluteRange(timeRange);\n const newDuration = Math.max(Math.round(durationMs / 2), MIN_ZOOM_DURATION_MS);\n const halfNew = Math.round(newDuration / 2);\n setTimeRange({\n start: new Date(midpointMs - halfNew),\n end: new Date(midpointMs + halfNew),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeShiftBack = useCallback(() => {\n const { absoluteRange, durationMs } = resolveAbsoluteRange(timeRange);\n const shift = Math.round(durationMs / 2);\n setTimeRange({\n start: new Date(absoluteRange.start.getTime() - shift),\n end: new Date(absoluteRange.end.getTime() - shift),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeShiftForward = useCallback(() => {\n const { absoluteRange, durationMs } = resolveAbsoluteRange(timeRange);\n const shift = Math.round(durationMs / 2);\n setTimeRange({\n start: new Date(absoluteRange.start.getTime() + shift),\n end: new Date(absoluteRange.end.getTime() + shift),\n });\n }, [timeRange, setTimeRange]);\n\n const handleTimeMakeAbsolute = useCallback(() => {\n if (isRelativeTimeRange(timeRange)) {\n setTimeRange(toAbsoluteTimeRange(timeRange));\n }\n }, [timeRange, setTimeRange]);\n\n const handleTimeCopy = useCallback(() => {\n const absoluteRange = isRelativeTimeRange(timeRange) ? toAbsoluteTimeRange(timeRange) : timeRange;\n const text = `${absoluteRange.start.toISOString()} - ${absoluteRange.end.toISOString()}`;\n navigator.clipboard\n .writeText(text)\n .then(() => {\n infoSnackbar('Time range copied to clipboard.');\n })\n .catch(() => {\n warningSnackbar('Failed to copy time range to clipboard.');\n });\n }, [timeRange, infoSnackbar, warningSnackbar]);\n\n const handleTimePaste = useCallback(() => {\n const FORMAT_HINT = 'Expected format: \"<ISO date format> - <ISO date format>\".';\n navigator.clipboard\n .readText()\n .then((text) => {\n const parts = text.split(' - ');\n if (parts.length !== 2) {\n warningSnackbar(`Clipboard does not contain a valid time range. ${FORMAT_HINT}`);\n return;\n }\n const [startStr, endStr] = parts as [string, string];\n const start = new Date(startStr.trim());\n const end = new Date(endStr.trim());\n if (isNaN(start.getTime()) \|\| isNaN(end.getTime())) {\n warningSnackbar(`Clipboard does not contain a valid time range. ${FORMAT_HINT}`);\n return;\n }\n if (start >= end) {\n warningSnackbar('Invalid time range: start must be before end.');\n return;\n }\n const newRange: AbsoluteTimeRange = { start, end };\n setTimeRange(newRange);\n infoSnackbar('Time range pasted from clipboard.');\n })\n .catch(() => {\n warningSnackbar('Unable to read from clipboard. Check browser permissions.');\n });\n }, [setTimeRange, infoSnackbar, warningSnackbar]);\n\n // Panel handlers\n const handlePanelEditToggle = useCallback(() => {\n if (panelEditor !== undefined) {\n panelEditor.close();\n return;\n }\n\n if (focusedPanelKey && isEditMode) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n openEditPanel(panelId);\n }\n }\n }, [focusedPanelKey, isEditMode, openEditPanel, panelEditor]);\n\n const handlePanelFullscreenToggle = useCallback(() => {\n if (viewPanel !== undefined) {\n setViewPanel(undefined);\n return;\n }\n\n if (focusedPanelKey) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n setViewPanel(panelId);\n }\n }\n }, [focusedPanelKey, setViewPanel, viewPanel]);\n\n const handlePanelDuplicate = useCallback(() => {\n if (focusedPanelKey && isEditMode) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n duplicatePanel(panelId);\n }\n }\n }, [focusedPanelKey, isEditMode, duplicatePanel]);\n\n const handlePanelDelete = useCallback(() => {\n if (focusedPanelKey && isEditMode) {\n const panelId = parsePanelKey(focusedPanelKey);\n if (panelId) {\n openDeletePanelDialog(panelId);\n }\n }\n }, [focusedPanelKey, isEditMode, openDeletePanelDialog]);\n\n // Register shortcuts\n\n useHotkeys(\n [\n { def: SAVE_DASHBOARD_SHORTCUT, enabled: !disabled, callback: handleSave },\n {\n def: PANEL_EDIT_SHORTCUT,\n enabled: !disabled && (panelFocused \|\| panelEditor !== undefined),\n callback: handlePanelEditToggle,\n },\n {\n def: PANEL_FULLSCREEN_SHORTCUT,\n enabled: !disabled && (panelFocused \|\| viewPanel !== undefined),\n callback: handlePanelFullscreenToggle,\n },\n ].map(({ def, enabled, callback }) => ({\n hotkey: requireShortcutHotkey(def),\n callback,\n options: buildShortcutOptions(def, enabled),\n }))\n );\n\n useHotkeySequences(\n [\n { def: REFRESH_DASHBOARD_SHORTCUT, enabled: !disabled, callback: handleRefresh },\n { def: TOGGLE_EDIT_MODE_SHORTCUT, enabled: !disabled, callback: handleToggleEditMode },\n { def: TIME_ZOOM_OUT_SHORTCUT, enabled: !disabled, callback: handleTimeZoomOut },\n { def: TIME_ZOOM_IN_SHORTCUT, enabled: !disabled, callback: handleTimeZoomIn },\n { def: TIME_SHIFT_BACK_SHORTCUT, enabled: !disabled, callback: handleTimeShiftBack },\n { def: TIME_SHIFT_FORWARD_SHORTCUT, enabled: !disabled, callback: handleTimeShiftForward },\n { def: TIME_MAKE_ABSOLUTE_SHORTCUT, enabled: !disabled, callback: handleTimeMakeAbsolute },\n { def: TIME_COPY_SHORTCUT, enabled: !disabled, callback: handleTimeCopy },\n { def: TIME_PASTE_SHORTCUT, enabled: !disabled, callback: handleTimePaste },\n { def: PANEL_DUPLICATE_SHORTCUT, enabled: !disabled && panelFocused, callback: handlePanelDuplicate },\n { def: PANEL_DELETE_SHORTCUT, enabled: !disabled && panelFocused, callback: handlePanelDelete },\n ].map(({ def, enabled, callback }) => ({\n sequence: requireShortcutSequence(def),\n callback,\n options: buildShortcutOptions(def, enabled),\n }))\n );\n}\n"],"names":["useCallback","isRelativeTimeRange","toAbsoluteTimeRange","useSnackbar","useTimeRange","useHotkeys","useHotkeySequences","useFocusedPanel","buildShortcutOptions","requireShortcutHotkey","requireShortcutSequence","SAVE_DASHBOARD_SHORTCUT","REFRESH_DASHBOARD_SHORTCUT","TOGGLE_EDIT_MODE_SHORTCUT","TIME_ZOOM_OUT_SHORTCUT","TIME_ZOOM_IN_SHORTCUT","TIME_SHIFT_BACK_SHORTCUT","TIME_SHIFT_FORWARD_SHORTCUT","TIME_MAKE_ABSOLUTE_SHORTCUT","TIME_COPY_SHORTCUT","TIME_PASTE_SHORTCUT","PANEL_EDIT_SHORTCUT","PANEL_FULLSCREEN_SHORTCUT","PANEL_DUPLICATE_SHORTCUT","PANEL_DELETE_SHORTCUT","useEditMode","useDashboardStore","useViewPanelGroup","useSaveDashboard","SAVE_SHORTCUT_EDIT_MODE_MESSAGE","SAVE_SHORTCUT_READONLY_MESSAGE","SAVE_SHORTCUT_UNAVAILABLE_MESSAGE","parsePanelKey","panelKey","dashIndex","indexOf","panelGroupId","parseInt","substring","panelGroupItemLayoutId","isNaN","MIN_ZOOM_DURATION_MS","MAX_ZOOM_DURATION_MS","resolveAbsoluteRange","timeRange","absoluteRange","startMs","start","getTime","endMs","end","durationMs","midpointMs","Math","round","selectPanelStoreActions","state","openEditPanel","duplicatePanel","openDeletePanelDialog","setViewPanel","panelEditor","useDashboardShortcuts","onSave","onRefresh","isReadonly","onEditButtonClick","onCancelButtonClick","disabled","focusedPanelKey","isEditMode","setEditMode","setTimeRange","refresh","infoSnackbar","warningSnackbar","viewPanel","saveDashboard","panelFocused","handleSave","handleRefresh","handleToggleEditMode","handleTimeZoomOut","newDuration","min","halfNew","Date","handleTimeZoomIn","max","handleTimeShiftBack","shift","handleTimeShiftForward","handleTimeMakeAbsolute","handleTimeCopy","text","toISOString","navigator","clipboard","writeText","then","catch","handleTimePaste","FORMAT_HINT","readText","parts","split","length","startStr","endStr","trim","newRange","handlePanelEditToggle","undefined","close","panelId","handlePanelFullscreenToggle","handlePanelDuplicate","handlePanelDelete","def","enabled","callback","map","hotkey","options","sequence"],"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,QAAQ,QAAQ;AACpC,SAA4CC,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAC/G,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,UAAU,EAAEC,kBAAkB,QAAQ,0BAA0B;AAEzE,SACEC,eAAe,EACfC,oBAAoB,EACpBC,qBAAqB,EACrBC,uBAAuB,EACvBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,yBAAyB,EACzBC,sBAAsB,EACtBC,qBAAqB,EACrBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,2BAA2B,EAC3BC,kBAAkB,EAClBC,mBAAmB,EACnBC,mBAAmB,EACnBC,yBAAyB,EACzBC,wBAAwB,EACxBC,qBAAqB,QAChB,2BAA2B;AAClC,SAEEC,WAAW,EACXC,iBAAiB,EAEjBC,iBAAiB,EACjBC,gBAAgB,QACX,kCAAkC;AAEzC,MAAMC,kCAAkC;AACxC,MAAMC,iCAAiC;AACvC,MAAMC,oCAAoC;AAE1C,SAASC,cAAcC,QAAgB;IACrC,MAAMC,YAAYD,SAASE,OAAO,CAAC;IACnC,IAAID,cAAc,CAAC,GAAG,OAAO;IAE7B,MAAME,eAAeC,SAASJ,SAASK,SAAS,CAAC,GAAGJ,YAAY;IAChE,MAAMK,yBAAyBN,SAASK,SAAS,CAACJ,YAAY;IAE9D,IAAIM,MAAMJ,eAAe,OAAO;IAEhC,OAAO;QAAEA;QAAcG;IAAuB;AAChD;AAEA,kDAAkD;AAClD,MAAME,uBAAuB;AAC7B,MAAMC,uBAAuB,KAAK,SAAS,KAAK,KAAK,KAAK;AAE1D,SAASC,qBAAqBC,SAAyB;IAKrD,MAAMC,gBAAgB5C,oBAAoB2C,aAAa1C,oBAAoB0C,aAAaA;IACxF,MAAME,UAAUD,cAAcE,KAAK,CAACC,OAAO;IAC3C,MAAMC,QAAQJ,cAAcK,GAAG,CAACF,OAAO;IACvC,MAAMG,aAAaF,QAAQH;IAC3B,MAAMM,aAAaC,KAAKC,KAAK,CAACR,UAAUK,aAAa;IACrD,OAAO;QAAEN;QAAeM;QAAYC;IAAW;AACjD;AAEA,MAAMG,0BAA0B,CAC9BC,QAOI,CAAA;QACJC,eAAeD,MAAMC,aAAa;QAClCC,gBAAgBF,MAAME,cAAc;QACpCC,uBAAuBH,MAAMG,qBAAqB;QAClDC,cAAcJ,MAAMI,YAAY;QAChCC,aAAaL,MAAMK,WAAW;IAChC,CAAA;AAWA,uGAAuG,GACvG,OAAO,SAASC,sBAAsB,EACpCC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,KAAK,EACa;IAC7B,MAAMC,kBAAkB9D;IACxB,MAAM,EAAE+D,UAAU,EAAEC,WAAW,EAAE,GAAG9C;IACpC,MAAM,EAAEmB,SAAS,EAAE4B,YAAY,EAAEC,OAAO,EAAE,GAAGrE;IAC7C,MAAM,EAAEsE,YAAY,EAAEC,eAAe,EAAE,GAAGxE;IAC1C,MAAMyE,YAAYjD;IAClB,MAAM,EAAE8B,aAAa,EAAEC,cAAc,EAAEC,qBAAqB,EAAEC,YAAY,EAAEC,WAAW,EAAE,GACvFnC,kBAAkB6B;IACpB,MAAM,EAAEsB,aAAa,EAAE,GAAGjD,iBAAiBmC;IAE3C,MAAMe,eAAeT,oBAAoB;IAEzC,mBAAmB;IAEnB,MAAMU,aAAa/E,YAAY;QAC7B,IAAIiE,YAAY;YACdU,gBAAgB7C;YAChB;QACF;QAEA,IAAI,CAACwC,YAAY;YACfI,aAAa7C;YACb;QACF;QAEA,IAAI,CAACkC,QAAQ;YACXY,gBAAgB5C;YAChB;QACF;QAEA8C;IACF,GAAG;QAACH;QAAcJ;QAAYL;QAAYF;QAAQc;QAAeF;KAAgB;IAEjF,MAAMK,gBAAgBhF,YAAY;QAChCyE;QACAC,aAAa;QACb,IAAIV,WAAW;YACbA;QACF;IACF,GAAG;QAACS;QAASC;QAAcV;KAAU;IAErC,MAAMiB,uBAAuBjF,YAAY;QACvC,IAAIsE,YAAY;YACd,wFAAwF;YACxF,IAAIH,qBAAqB;gBACvBA;YACF,OAAO;gBACLI,YAAY;YACd;QACF,OAAO;YACL,4EAA4E;YAC5E,IAAIL,mBAAmB;gBACrBA;YACF,OAAO;gBACLK,YAAY;YACd;QACF;IACF,GAAG;QAACD;QAAYC;QAAaJ;QAAqBD;KAAkB;IAEpE,sBAAsB;IAEtB,MAAMgB,oBAAoBlF,YAAY;QACpC,MAAM,EAAEmD,UAAU,EAAEC,UAAU,EAAE,GAAGT,qBAAqBC;QACxD,MAAMuC,cAAc9B,KAAK+B,GAAG,CAACjC,aAAa,GAAGT;QAC7C,MAAM2C,UAAUhC,KAAKC,KAAK,CAAC6B,cAAc;QACzCX,aAAa;YACXzB,OAAO,IAAIuC,KAAKlC,aAAaiC;YAC7BnC,KAAK,IAAIoC,KAAKlC,aAAaiC;QAC7B;IACF,GAAG;QAACzC;QAAW4B;KAAa;IAE5B,MAAMe,mBAAmBvF,YAAY;QACnC,MAAM,EAAEmD,UAAU,EAAEC,UAAU,EAAE,GAAGT,qBAAqBC;QACxD,MAAMuC,cAAc9B,KAAKmC,GAAG,CAACnC,KAAKC,KAAK,CAACH,aAAa,IAAIV;QACzD,MAAM4C,UAAUhC,KAAKC,KAAK,CAAC6B,cAAc;QACzCX,aAAa;YACXzB,OAAO,IAAIuC,KAAKlC,aAAaiC;YAC7BnC,KAAK,IAAIoC,KAAKlC,aAAaiC;QAC7B;IACF,GAAG;QAACzC;QAAW4B;KAAa;IAE5B,MAAMiB,sBAAsBzF,YAAY;QACtC,MAAM,EAAE6C,aAAa,EAAEM,UAAU,EAAE,GAAGR,qBAAqBC;QAC3D,MAAM8C,QAAQrC,KAAKC,KAAK,CAACH,aAAa;QACtCqB,aAAa;YACXzB,OAAO,IAAIuC,KAAKzC,cAAcE,KAAK,CAACC,OAAO,KAAK0C;YAChDxC,KAAK,IAAIoC,KAAKzC,cAAcK,GAAG,CAACF,OAAO,KAAK0C;QAC9C;IACF,GAAG;QAAC9C;QAAW4B;KAAa;IAE5B,MAAMmB,yBAAyB3F,YAAY;QACzC,MAAM,EAAE6C,aAAa,EAAEM,UAAU,EAAE,GAAGR,qBAAqBC;QAC3D,MAAM8C,QAAQrC,KAAKC,KAAK,CAACH,aAAa;QACtCqB,aAAa;YACXzB,OAAO,IAAIuC,KAAKzC,cAAcE,KAAK,CAACC,OAAO,KAAK0C;YAChDxC,KAAK,IAAIoC,KAAKzC,cAAcK,GAAG,CAACF,OAAO,KAAK0C;QAC9C;IACF,GAAG;QAAC9C;QAAW4B;KAAa;IAE5B,MAAMoB,yBAAyB5F,YAAY;QACzC,IAAIC,oBAAoB2C,YAAY;YAClC4B,aAAatE,oBAAoB0C;QACnC;IACF,GAAG;QAACA;QAAW4B;KAAa;IAE5B,MAAMqB,iBAAiB7F,YAAY;QACjC,MAAM6C,gBAAgB5C,oBAAoB2C,aAAa1C,oBAAoB0C,aAAaA;QACxF,MAAMkD,OAAO,GAAGjD,cAAcE,KAAK,CAACgD,WAAW,GAAG,GAAG,EAAElD,cAAcK,GAAG,CAAC6C,WAAW,IAAI;QACxFC,UAAUC,SAAS,CAChBC,SAAS,CAACJ,MACVK,IAAI,CAAC;YACJzB,aAAa;QACf,GACC0B,KAAK,CAAC;YACLzB,gBAAgB;QAClB;IACJ,GAAG;QAAC/B;QAAW8B;QAAcC;KAAgB;IAE7C,MAAM0B,kBAAkBrG,YAAY;QAClC,MAAMsG,cAAc;QACpBN,UAAUC,SAAS,CAChBM,QAAQ,GACRJ,IAAI,CAAC,CAACL;YACL,MAAMU,QAAQV,KAAKW,KAAK,CAAC;YACzB,IAAID,MAAME,MAAM,KAAK,GAAG;gBACtB/B,gBAAgB,CAAC,+CAA+C,EAAE2B,aAAa;gBAC/E;YACF;YACA,MAAM,CAACK,UAAUC,OAAO,GAAGJ;YAC3B,MAAMzD,QAAQ,IAAIuC,KAAKqB,SAASE,IAAI;YACpC,MAAM3D,MAAM,IAAIoC,KAAKsB,OAAOC,IAAI;YAChC,IAAIrE,MAAMO,MAAMC,OAAO,OAAOR,MAAMU,IAAIF,OAAO,KAAK;gBAClD2B,gBAAgB,CAAC,+CAA+C,EAAE2B,aAAa;gBAC/E;YACF;YACA,IAAIvD,SAASG,KAAK;gBAChByB,gBAAgB;gBAChB;YACF;YACA,MAAMmC,WAA8B;gBAAE/D;gBAAOG;YAAI;YACjDsB,aAAasC;YACbpC,aAAa;QACf,GACC0B,KAAK,CAAC;YACLzB,gBAAgB;QAClB;IACJ,GAAG;QAACH;QAAcE;QAAcC;KAAgB;IAEhD,iBAAiB;IACjB,MAAMoC,wBAAwB/G,YAAY;QACxC,IAAI6D,gBAAgBmD,WAAW;YAC7BnD,YAAYoD,KAAK;YACjB;QACF;QAEA,IAAI5C,mBAAmBC,YAAY;YACjC,MAAM4C,UAAUlF,cAAcqC;YAC9B,IAAI6C,SAAS;gBACXzD,cAAcyD;YAChB;QACF;IACF,GAAG;QAAC7C;QAAiBC;QAAYb;QAAeI;KAAY;IAE5D,MAAMsD,8BAA8BnH,YAAY;QAC9C,IAAI4E,cAAcoC,WAAW;YAC3BpD,aAAaoD;YACb;QACF;QAEA,IAAI3C,iBAAiB;YACnB,MAAM6C,UAAUlF,cAAcqC;YAC9B,IAAI6C,SAAS;gBACXtD,aAAasD;YACf;QACF;IACF,GAAG;QAAC7C;QAAiBT;QAAcgB;KAAU;IAE7C,MAAMwC,uBAAuBpH,YAAY;QACvC,IAAIqE,mBAAmBC,YAAY;YACjC,MAAM4C,UAAUlF,cAAcqC;YAC9B,IAAI6C,SAAS;gBACXxD,eAAewD;YACjB;QACF;IACF,GAAG;QAAC7C;QAAiBC;QAAYZ;KAAe;IAEhD,MAAM2D,oBAAoBrH,YAAY;QACpC,IAAIqE,mBAAmBC,YAAY;YACjC,MAAM4C,UAAUlF,cAAcqC;YAC9B,IAAI6C,SAAS;gBACXvD,sBAAsBuD;YACxB;QACF;IACF,GAAG;QAAC7C;QAAiBC;QAAYX;KAAsB;IAEvD,qBAAqB;IAErBtD,WACE;QACE;YAAEiH,KAAK3G;YAAyB4G,SAAS,CAACnD;YAAUoD,UAAUzC;QAAW;QACzE;YACEuC,KAAKjG;YACLkG,SAAS,CAACnD,YAAaU,CAAAA,gBAAgBjB,gBAAgBmD,SAAQ;YAC/DQ,UAAUT;QACZ;QACA;YACEO,KAAKhG;YACLiG,SAAS,CAACnD,YAAaU,CAAAA,gBAAgBF,cAAcoC,SAAQ;YAC7DQ,UAAUL;QACZ;KACD,CAACM,GAAG,CAAC,CAAC,EAAEH,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAM,CAAA;YACrCE,QAAQjH,sBAAsB6G;YAC9BE;YACAG,SAASnH,qBAAqB8G,KAAKC;QACrC,CAAA;IAGFjH,mBACE;QACE;YAAEgH,KAAK1G;YAA4B2G,SAAS,CAACnD;YAAUoD,UAAUxC;QAAc;QAC/E;YAAEsC,KAAKzG;YAA2B0G,SAAS,CAACnD;YAAUoD,UAAUvC;QAAqB;QACrF;YAAEqC,KAAKxG;YAAwByG,SAAS,CAACnD;YAAUoD,UAAUtC;QAAkB;QAC/E;YAAEoC,KAAKvG;YAAuBwG,SAAS,CAACnD;YAAUoD,UAAUjC;QAAiB;QAC7E;YAAE+B,KAAKtG;YAA0BuG,SAAS,CAACnD;YAAUoD,UAAU/B;QAAoB;QACnF;YAAE6B,KAAKrG;YAA6BsG,SAAS,CAACnD;YAAUoD,UAAU7B;QAAuB;QACzF;YAAE2B,KAAKpG;YAA6BqG,SAAS,CAACnD;YAAUoD,UAAU5B;QAAuB;QACzF;YAAE0B,KAAKnG;YAAoBoG,SAAS,CAACnD;YAAUoD,UAAU3B;QAAe;QACxE;YAAEyB,KAAKlG;YAAqBmG,SAAS,CAACnD;YAAUoD,UAAUnB;QAAgB;QAC1E;YAAEiB,KAAK/F;YAA0BgG,SAAS,CAACnD,YAAYU;YAAc0C,UAAUJ;QAAqB;QACpG;YAAEE,KAAK9F;YAAuB+F,SAAS,CAACnD,YAAYU;YAAc0C,UAAUH;QAAkB;KAC/F,CAACI,GAAG,CAAC,CAAC,EAAEH,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAM,CAAA;YACrCI,UAAUlH,wBAAwB4G;YAClCE;YACAG,SAASnH,qBAAqB8G,KAAKC;QACrC,CAAA;AAEJ"}

package/dist/components/DashboardStickyToolbar/DashboardStickyToolbar.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { AppBar, Box, IconButton, Stack, useMediaQuery, useScrollTrigger, useTheme } from '@mui/material';
 import PinOutline from 'mdi-material-ui/PinOutline';

package/dist/components/DashboardStickyToolbar/DashboardStickyToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/DashboardStickyToolbar/DashboardStickyToolbar.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 {\n AppBar,\n Box,\n IconButton,\n Stack,\n SxProps,\n Theme,\n useMediaQuery,\n useScrollTrigger,\n useTheme,\n} from '@mui/material';\nimport PinOutline from 'mdi-material-ui/PinOutline';\nimport PinOffOutline from 'mdi-material-ui/PinOffOutline';\nimport { TimeRangeControls, useTimeZoneParams } from '@perses-dev/plugin-system';\nimport { VariableList } from '../Variables';\n\ninterface DashboardStickyToolbarProps {\n initialVariableIsSticky?: boolean;\n sx?: SxProps<Theme>;\n}\n\nexport function DashboardStickyToolbar(props: DashboardStickyToolbarProps): ReactElement {\n const [isPin, setIsPin] = useState(props.initialVariableIsSticky);\n\n const scrollTrigger = useScrollTrigger({ disableHysteresis: true });\n const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;\n\n const isBiggerThanMd = useMediaQuery(useTheme().breakpoints.up('md'));\n\n const { timeZone, setTimeZone } = useTimeZoneParams('local');\n\n return (\n // marginBottom={-1} counteracts the marginBottom={1} on every variable input.\n // The margin on the inputs is for spacing between inputs, but is not meant to add space to bottom of the container.\n <Box marginBottom={-1} data-testid=\"variable-list\">\n <AppBar\n color=\"inherit\"\n position={isSticky ? 'fixed' : 'static'}\n elevation={isSticky ? 4 : 0}\n sx={{ backgroundColor: 'inherit', ...props.sx }}\n >\n <Box\n display=\"flex\"\n justifyContent=\"space-between\"\n sx={{\n flexDirection: isBiggerThanMd ? 'row' : 'column',\n }}\n >\n <Box\n display=\"flex\"\n flexWrap={!isSticky && isBiggerThanMd ? 'wrap' : 'nowrap'}\n maxWidth={isSticky \|\| !isBiggerThanMd ? '100vw' : '100%'}\n pt={1}\n pl={isSticky ? 1 : 0}\n mt={isSticky && isBiggerThanMd ? 0.5 : 0}\n ml={isSticky && isBiggerThanMd ? 0.5 : 0}\n sx={{\n overflowX: !isSticky && isBiggerThanMd ? 'hidden' : 'auto',\n // Firefox:\n scrollbarWidth: 'thin',\n // Safari and Chrome:\n '&::-webkit-scrollbar': {\n height: '8px',\n backgroundColor: (theme) => theme.palette.grey['300'],\n },\n '&::-webkit-scrollbar-thumb': {\n background: (theme) => theme.palette.grey['600'],\n },\n }}\n gap={1}\n >\n <VariableList />\n {props.initialVariableIsSticky && (\n <IconButton style={{ width: 'fit-content', height: 'fit-content' }} onClick={() => setIsPin(!isPin)}>\n {isPin ? <PinOutline /> : <PinOffOutline />}\n </IconButton>\n )}\n </Box>\n {isSticky && (\n <Stack\n m={isBiggerThanMd ? 1.5 : 1}\n mt={isBiggerThanMd ? 1.5 : 0}\n ml={isBiggerThanMd ? 1.5 : 'auto'}\n direction=\"row\"\n justifyContent=\"end\"\n >\n <TimeRangeControls timeZone={timeZone} onTimeZoneChange={(tz) => setTimeZone(tz.value)} />\n </Stack>\n )}\n </Box>\n </AppBar>\n </Box>\n );\n}\n"],"names":["useState","AppBar","Box","IconButton","Stack","useMediaQuery","useScrollTrigger","useTheme","PinOutline","PinOffOutline","TimeRangeControls","useTimeZoneParams","VariableList","DashboardStickyToolbar","props","isPin","setIsPin","initialVariableIsSticky","scrollTrigger","disableHysteresis","isSticky","isBiggerThanMd","breakpoints","up","timeZone","setTimeZone","marginBottom","data-testid","color","position","elevation","sx","backgroundColor","display","justifyContent","flexDirection","flexWrap","maxWidth","pt","pl","mt","ml","overflowX","scrollbarWidth","height","theme","palette","grey","background","gap","style","width","onClick","m","direction","onTimeZoneChange","tz","value"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SACEC,MAAM,EACNC,GAAG,EACHC,UAAU,EACVC,KAAK,EAGLC,aAAa,EACbC,gBAAgB,EAChBC,QAAQ,QACH,gBAAgB;AACvB,OAAOC,gBAAgB,6BAA6B;AACpD,OAAOC,mBAAmB,gCAAgC;AAC1D,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,4BAA4B;AACjF,SAASC,YAAY,QAAQ,eAAe;AAO5C,OAAO,SAASC,uBAAuBC,KAAkC;IACvE,MAAM,CAACC,OAAOC,SAAS,GAAGhB,SAASc,MAAMG,uBAAuB;IAEhE,MAAMC,gBAAgBZ,iBAAiB;QAAEa,mBAAmB;IAAK;IACjE,MAAMC,WAAWF,iBAAiBJ,MAAMG,uBAAuB,IAAIF;IAEnE,MAAMM,iBAAiBhB,cAAcE,WAAWe,WAAW,CAACC,EAAE,CAAC;IAE/D,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGd,kBAAkB;IAEpD,OACE,8EAA8E;IAC9E,oHAAoH;kBACpH,KAACT;QAAIwB,cAAc,CAAC;QAAGC,eAAY;kBACjC,cAAA,KAAC1B;YACC2B,OAAM;YACNC,UAAUT,WAAW,UAAU;YAC/BU,WAAWV,WAAW,IAAI;YAC1BW,IAAI;gBAAEC,iBAAiB;gBAAW,GAAGlB,MAAMiB,EAAE;YAAC;sBAE9C,cAAA,MAAC7B;gBACC+B,SAAQ;gBACRC,gBAAe;gBACfH,IAAI;oBACFI,eAAed,iBAAiB,QAAQ;gBAC1C;;kCAEA,MAACnB;wBACC+B,SAAQ;wBACRG,UAAU,CAAChB,YAAYC,iBAAiB,SAAS;wBACjDgB,UAAUjB,YAAY,CAACC,iBAAiB,UAAU;wBAClDiB,IAAI;wBACJC,IAAInB,WAAW,IAAI;wBACnBoB,IAAIpB,YAAYC,iBAAiB,MAAM;wBACvCoB,IAAIrB,YAAYC,iBAAiB,MAAM;wBACvCU,IAAI;4BACFW,WAAW,CAACtB,YAAYC,iBAAiB,WAAW;4BACpD,WAAW;4BACXsB,gBAAgB;4BAChB,qBAAqB;4BACrB,wBAAwB;gCACtBC,QAAQ;gCACRZ,iBAAiB,CAACa,QAAUA,MAAMC,OAAO,CAACC,IAAI,CAAC,MAAM;4BACvD;4BACA,8BAA8B;gCAC5BC,YAAY,CAACH,QAAUA,MAAMC,OAAO,CAACC,IAAI,CAAC,MAAM;4BAClD;wBACF;wBACAE,KAAK;;0CAEL,KAACrC;4BACAE,MAAMG,uBAAuB,kBAC5B,KAACd;gCAAW+C,OAAO;oCAAEC,OAAO;oCAAeP,QAAQ;gCAAc;gCAAGQ,SAAS,IAAMpC,SAAS,CAACD;0CAC1FA,sBAAQ,KAACP,gCAAgB,KAACC;;;;oBAIhCW,0BACC,KAAChB;wBACCiD,GAAGhC,iBAAiB,MAAM;wBAC1BmB,IAAInB,iBAAiB,MAAM;wBAC3BoB,IAAIpB,iBAAiB,MAAM;wBAC3BiC,WAAU;wBACVpB,gBAAe;kCAEf,cAAA,KAACxB;4BAAkBc,UAAUA;4BAAU+B,kBAAkB,CAACC,KAAO/B,YAAY+B,GAAGC,KAAK;;;;;;;AAOnG"}
1	+ {"version":3,"sources":["../../../src/components/DashboardStickyToolbar/DashboardStickyToolbar.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 {\n AppBar,\n Box,\n IconButton,\n Stack,\n SxProps,\n Theme,\n useMediaQuery,\n useScrollTrigger,\n useTheme,\n} from '@mui/material';\nimport PinOutline from 'mdi-material-ui/PinOutline';\nimport PinOffOutline from 'mdi-material-ui/PinOffOutline';\nimport { TimeRangeControls, useTimeZoneParams } from '@perses-dev/plugin-system';\nimport { VariableList } from '../Variables';\n\ninterface DashboardStickyToolbarProps {\n initialVariableIsSticky?: boolean;\n sx?: SxProps<Theme>;\n}\n\nexport function DashboardStickyToolbar(props: DashboardStickyToolbarProps): ReactElement {\n const [isPin, setIsPin] = useState(props.initialVariableIsSticky);\n\n const scrollTrigger = useScrollTrigger({ disableHysteresis: true });\n const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;\n\n const isBiggerThanMd = useMediaQuery(useTheme().breakpoints.up('md'));\n\n const { timeZone, setTimeZone } = useTimeZoneParams('local');\n\n return (\n // marginBottom={-1} counteracts the marginBottom={1} on every variable input.\n // The margin on the inputs is for spacing between inputs, but is not meant to add space to bottom of the container.\n <Box marginBottom={-1} data-testid=\"variable-list\">\n <AppBar\n color=\"inherit\"\n position={isSticky ? 'fixed' : 'static'}\n elevation={isSticky ? 4 : 0}\n sx={{ backgroundColor: 'inherit', ...props.sx }}\n >\n <Box\n display=\"flex\"\n justifyContent=\"space-between\"\n sx={{\n flexDirection: isBiggerThanMd ? 'row' : 'column',\n }}\n >\n <Box\n display=\"flex\"\n flexWrap={!isSticky && isBiggerThanMd ? 'wrap' : 'nowrap'}\n maxWidth={isSticky \|\| !isBiggerThanMd ? '100vw' : '100%'}\n pt={1}\n pl={isSticky ? 1 : 0}\n mt={isSticky && isBiggerThanMd ? 0.5 : 0}\n ml={isSticky && isBiggerThanMd ? 0.5 : 0}\n sx={{\n overflowX: !isSticky && isBiggerThanMd ? 'hidden' : 'auto',\n // Firefox:\n scrollbarWidth: 'thin',\n // Safari and Chrome:\n '&::-webkit-scrollbar': {\n height: '8px',\n backgroundColor: (theme) => theme.palette.grey['300'],\n },\n '&::-webkit-scrollbar-thumb': {\n background: (theme) => theme.palette.grey['600'],\n },\n }}\n gap={1}\n >\n <VariableList />\n {props.initialVariableIsSticky && (\n <IconButton style={{ width: 'fit-content', height: 'fit-content' }} onClick={() => setIsPin(!isPin)}>\n {isPin ? <PinOutline /> : <PinOffOutline />}\n </IconButton>\n )}\n </Box>\n {isSticky && (\n <Stack\n m={isBiggerThanMd ? 1.5 : 1}\n mt={isBiggerThanMd ? 1.5 : 0}\n ml={isBiggerThanMd ? 1.5 : 'auto'}\n direction=\"row\"\n justifyContent=\"end\"\n >\n <TimeRangeControls timeZone={timeZone} onTimeZoneChange={(tz) => setTimeZone(tz.value)} />\n </Stack>\n )}\n </Box>\n </AppBar>\n </Box>\n );\n}\n"],"names":["useState","AppBar","Box","IconButton","Stack","useMediaQuery","useScrollTrigger","useTheme","PinOutline","PinOffOutline","TimeRangeControls","useTimeZoneParams","VariableList","DashboardStickyToolbar","props","isPin","setIsPin","initialVariableIsSticky","scrollTrigger","disableHysteresis","isSticky","isBiggerThanMd","breakpoints","up","timeZone","setTimeZone","marginBottom","data-testid","color","position","elevation","sx","backgroundColor","display","justifyContent","flexDirection","flexWrap","maxWidth","pt","pl","mt","ml","overflowX","scrollbarWidth","height","theme","palette","grey","background","gap","style","width","onClick","m","direction","onTimeZoneChange","tz","value"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SACEC,MAAM,EACNC,GAAG,EACHC,UAAU,EACVC,KAAK,EAGLC,aAAa,EACbC,gBAAgB,EAChBC,QAAQ,QACH,gBAAgB;AACvB,OAAOC,gBAAgB,6BAA6B;AACpD,OAAOC,mBAAmB,gCAAgC;AAC1D,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,4BAA4B;AACjF,SAASC,YAAY,QAAQ,eAAe;AAO5C,OAAO,SAASC,uBAAuBC,KAAkC;IACvE,MAAM,CAACC,OAAOC,SAAS,GAAGhB,SAASc,MAAMG,uBAAuB;IAEhE,MAAMC,gBAAgBZ,iBAAiB;QAAEa,mBAAmB;IAAK;IACjE,MAAMC,WAAWF,iBAAiBJ,MAAMG,uBAAuB,IAAIF;IAEnE,MAAMM,iBAAiBhB,cAAcE,WAAWe,WAAW,CAACC,EAAE,CAAC;IAE/D,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGd,kBAAkB;IAEpD,OACE,8EAA8E;IAC9E,oHAAoH;kBACpH,KAACT;QAAIwB,cAAc,CAAC;QAAGC,eAAY;kBACjC,cAAA,KAAC1B;YACC2B,OAAM;YACNC,UAAUT,WAAW,UAAU;YAC/BU,WAAWV,WAAW,IAAI;YAC1BW,IAAI;gBAAEC,iBAAiB;gBAAW,GAAGlB,MAAMiB,EAAE;YAAC;sBAE9C,cAAA,MAAC7B;gBACC+B,SAAQ;gBACRC,gBAAe;gBACfH,IAAI;oBACFI,eAAed,iBAAiB,QAAQ;gBAC1C;;kCAEA,MAACnB;wBACC+B,SAAQ;wBACRG,UAAU,CAAChB,YAAYC,iBAAiB,SAAS;wBACjDgB,UAAUjB,YAAY,CAACC,iBAAiB,UAAU;wBAClDiB,IAAI;wBACJC,IAAInB,WAAW,IAAI;wBACnBoB,IAAIpB,YAAYC,iBAAiB,MAAM;wBACvCoB,IAAIrB,YAAYC,iBAAiB,MAAM;wBACvCU,IAAI;4BACFW,WAAW,CAACtB,YAAYC,iBAAiB,WAAW;4BACpD,WAAW;4BACXsB,gBAAgB;4BAChB,qBAAqB;4BACrB,wBAAwB;gCACtBC,QAAQ;gCACRZ,iBAAiB,CAACa,QAAUA,MAAMC,OAAO,CAACC,IAAI,CAAC,MAAM;4BACvD;4BACA,8BAA8B;gCAC5BC,YAAY,CAACH,QAAUA,MAAMC,OAAO,CAACC,IAAI,CAAC,MAAM;4BAClD;wBACF;wBACAE,KAAK;;0CAEL,KAACrC;4BACAE,MAAMG,uBAAuB,kBAC5B,KAACd;gCAAW+C,OAAO;oCAAEC,OAAO;oCAAeP,QAAQ;gCAAc;gCAAGQ,SAAS,IAAMpC,SAAS,CAACD;0CAC1FA,sBAAQ,KAACP,gCAAgB,KAACC;;;;oBAIhCW,0BACC,KAAChB;wBACCiD,GAAGhC,iBAAiB,MAAM;wBAC1BmB,IAAInB,iBAAiB,MAAM;wBAC3BoB,IAAIpB,iBAAiB,MAAM;wBAC3BiC,WAAU;wBACVpB,gBAAe;kCAEf,cAAA,KAACxB;4BAAkBc,UAAUA;4BAAU+B,kBAAkB,CAACC,KAAO/B,YAAY+B,GAAGC,KAAK;;;;;;;AAOnG"}

package/dist/components/DashboardToolbar/DashboardToolbar.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Typography, Stack, Button, Box, useTheme, useMediaQuery, Alert } from '@mui/material';
 import { ErrorBoundary, ErrorAlert } from '@perses-dev/components';
 import { TimeRangeControls, useTimeZoneParams } from '@perses-dev/plugin-system';

package/dist/components/DashboardToolbar/DashboardToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/DashboardToolbar/DashboardToolbar.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 { Typography, Stack, Button, Box, useTheme, useMediaQuery, Alert } from '@mui/material';\nimport { ErrorBoundary, ErrorAlert } from '@perses-dev/components';\nimport { TimeRangeControls, useTimeZoneParams } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode } from 'react';\nimport { OnSaveDashboard, useEditMode, useDashboardLinks } from '../../context';\nimport { AddPanelButton } from '../AddPanelButton';\nimport { AddGroupButton } from '../AddGroupButton';\nimport { DownloadButton } from '../DownloadButton';\nimport { EditVariablesButton } from '../Variables';\nimport { EditDatasourcesButton } from '../Datasources';\nimport { EditButton } from '../EditButton';\nimport { EditJsonButton } from '../EditJsonButton';\nimport { SaveDashboardButton } from '../SaveDashboardButton';\nimport { DashboardStickyToolbar } from '../DashboardStickyToolbar';\nimport { EditDashboardLinksButton } from '../DashboardLinks';\nimport { LinksDisplay } from '../LinksDisplay';\n\nexport interface DashboardToolbarProps {\n dashboardName: string;\n dashboardTitleComponent?: ReactNode;\n initialVariableIsSticky?: boolean;\n isReadonly: boolean;\n isVariableEnabled: boolean;\n isDatasourceEnabled: boolean;\n isLinksEnabled?: boolean;\n onEditButtonClick: () => void;\n onCancelButtonClick: () => void;\n onSave?: OnSaveDashboard;\n}\n\nexport const DashboardToolbar = (props: DashboardToolbarProps): ReactElement => {\n const {\n dashboardName,\n dashboardTitleComponent,\n initialVariableIsSticky,\n isReadonly,\n isVariableEnabled,\n isDatasourceEnabled,\n isLinksEnabled = true,\n onEditButtonClick,\n onCancelButtonClick,\n onSave,\n } = props;\n\n const { isEditMode } = useEditMode();\n const { timeZone, setTimeZone } = useTimeZoneParams('local');\n const dashboardLinks = useDashboardLinks();\n\n const isBiggerThanSm = useMediaQuery(useTheme().breakpoints.up('sm'));\n const isBiggerThanMd = useMediaQuery(useTheme().breakpoints.up('md'));\n\n const dashboardTitle = dashboardTitleComponent ? (\n dashboardTitleComponent\n ) : (\n <Typography variant=\"h2\">{dashboardName}</Typography>\n );\n\n const testId = 'dashboard-toolbar';\n\n return (\n <>\n <Stack data-testid={testId}>\n <Box\n px={2}\n py={1.5}\n display=\"flex\"\n sx={{ gap: 2, backgroundColor: (theme) => theme.palette.primary.main + (isEditMode ? '30' : '0') }}\n >\n {dashboardTitle}\n {isLinksEnabled && (\n <Stack display=\"flex\" justifyItems=\"center\" alignItems=\"center\" justifyContent=\"center\">\n <LinksDisplay links={dashboardLinks} variant=\"dashboard\" />\n </Stack>\n )}\n {isEditMode ? (\n <Stack direction=\"row\" gap={1} ml=\"auto\">\n {isReadonly && (\n <Alert severity=\"warning\" sx={{ backgroundColor: 'transparent', padding: 0 }}>\n Dashboard managed via code only. Download JSON and commit changes to save.\n </Alert>\n )}\n <Stack direction=\"row\" spacing={0.5} ml={1} whiteSpace=\"nowrap\">\n {isVariableEnabled && <EditVariablesButton />}\n {isDatasourceEnabled && <EditDatasourcesButton />}\n {isLinksEnabled && <EditDashboardLinksButton />}\n <AddPanelButton />\n <AddGroupButton />\n </Stack>\n <SaveDashboardButton onSave={onSave} isDisabled={isReadonly} />\n <Button variant=\"outlined\" onClick={onCancelButtonClick}>\n Cancel\n </Button>\n </Stack>\n ) : (\n <>\n {isBiggerThanSm && (\n <Stack direction=\"row\" gap={1} ml=\"auto\">\n <EditButton onClick={onEditButtonClick} />\n </Stack>\n )}\n </>\n )}\n </Box>\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'start',\n padding: (theme) => theme.spacing(1, 2, 0, 2),\n flexDirection: isBiggerThanMd ? 'row' : 'column',\n flexWrap: 'nowrap',\n gap: 1,\n }}\n >\n <Box width=\"100%\">\n <ErrorBoundary FallbackComponent={ErrorAlert}>\n <DashboardStickyToolbar\n initialVariableIsSticky={initialVariableIsSticky}\n sx={{\n backgroundColor: ({ palette }) => palette.background.default,\n }}\n />\n </ErrorBoundary>\n </Box>\n <Stack direction=\"row\" ml=\"auto\" flexWrap=\"wrap\" justifyContent=\"end\">\n <Stack direction=\"row\" spacing={1} mt={1} ml={1}>\n <TimeRangeControls timeZone={timeZone} onTimeZoneChange={(tz) => setTimeZone(tz.value)} />\n <DownloadButton />\n <EditJsonButton isReadonly={!isEditMode} />\n </Stack>\n </Stack>\n </Box>\n </Stack>\n </>\n );\n};\n"],"names":["Typography","Stack","Button","Box","useTheme","useMediaQuery","Alert","ErrorBoundary","ErrorAlert","TimeRangeControls","useTimeZoneParams","useEditMode","useDashboardLinks","AddPanelButton","AddGroupButton","DownloadButton","EditVariablesButton","EditDatasourcesButton","EditButton","EditJsonButton","SaveDashboardButton","DashboardStickyToolbar","EditDashboardLinksButton","LinksDisplay","DashboardToolbar","props","dashboardName","dashboardTitleComponent","initialVariableIsSticky","isReadonly","isVariableEnabled","isDatasourceEnabled","isLinksEnabled","onEditButtonClick","onCancelButtonClick","onSave","isEditMode","timeZone","setTimeZone","dashboardLinks","isBiggerThanSm","breakpoints","up","isBiggerThanMd","dashboardTitle","variant","testId","data-testid","px","py","display","sx","gap","backgroundColor","theme","palette","primary","main","justifyItems","alignItems","justifyContent","links","direction","ml","severity","padding","spacing","whiteSpace","isDisabled","onClick","width","flexDirection","flexWrap","FallbackComponent","background","default","mt","onTimeZoneChange","tz","value"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/DashboardToolbar/DashboardToolbar.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 { Typography, Stack, Button, Box, useTheme, useMediaQuery, Alert } from '@mui/material';\nimport { ErrorBoundary, ErrorAlert } from '@perses-dev/components';\nimport { TimeRangeControls, useTimeZoneParams } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode } from 'react';\nimport { OnSaveDashboard, useEditMode, useDashboardLinks } from '../../context';\nimport { AddPanelButton } from '../AddPanelButton';\nimport { AddGroupButton } from '../AddGroupButton';\nimport { DownloadButton } from '../DownloadButton';\nimport { EditVariablesButton } from '../Variables';\nimport { EditDatasourcesButton } from '../Datasources';\nimport { EditButton } from '../EditButton';\nimport { EditJsonButton } from '../EditJsonButton';\nimport { SaveDashboardButton } from '../SaveDashboardButton';\nimport { DashboardStickyToolbar } from '../DashboardStickyToolbar';\nimport { EditDashboardLinksButton } from '../DashboardLinks';\nimport { LinksDisplay } from '../LinksDisplay';\n\nexport interface DashboardToolbarProps {\n dashboardName: string;\n dashboardTitleComponent?: ReactNode;\n initialVariableIsSticky?: boolean;\n isReadonly: boolean;\n isVariableEnabled: boolean;\n isDatasourceEnabled: boolean;\n isLinksEnabled?: boolean;\n onEditButtonClick: () => void;\n onCancelButtonClick: () => void;\n onSave?: OnSaveDashboard;\n}\n\nexport const DashboardToolbar = (props: DashboardToolbarProps): ReactElement => {\n const {\n dashboardName,\n dashboardTitleComponent,\n initialVariableIsSticky,\n isReadonly,\n isVariableEnabled,\n isDatasourceEnabled,\n isLinksEnabled = true,\n onEditButtonClick,\n onCancelButtonClick,\n onSave,\n } = props;\n\n const { isEditMode } = useEditMode();\n const { timeZone, setTimeZone } = useTimeZoneParams('local');\n const dashboardLinks = useDashboardLinks();\n\n const isBiggerThanSm = useMediaQuery(useTheme().breakpoints.up('sm'));\n const isBiggerThanMd = useMediaQuery(useTheme().breakpoints.up('md'));\n\n const dashboardTitle = dashboardTitleComponent ? (\n dashboardTitleComponent\n ) : (\n <Typography variant=\"h2\">{dashboardName}</Typography>\n );\n\n const testId = 'dashboard-toolbar';\n\n return (\n <>\n <Stack data-testid={testId}>\n <Box\n px={2}\n py={1.5}\n display=\"flex\"\n sx={{ gap: 2, backgroundColor: (theme) => theme.palette.primary.main + (isEditMode ? '30' : '0') }}\n >\n {dashboardTitle}\n {isLinksEnabled && (\n <Stack display=\"flex\" justifyItems=\"center\" alignItems=\"center\" justifyContent=\"center\">\n <LinksDisplay links={dashboardLinks} variant=\"dashboard\" />\n </Stack>\n )}\n {isEditMode ? (\n <Stack direction=\"row\" gap={1} ml=\"auto\">\n {isReadonly && (\n <Alert severity=\"warning\" sx={{ backgroundColor: 'transparent', padding: 0 }}>\n Dashboard managed via code only. Download JSON and commit changes to save.\n </Alert>\n )}\n <Stack direction=\"row\" spacing={0.5} ml={1} whiteSpace=\"nowrap\">\n {isVariableEnabled && <EditVariablesButton />}\n {isDatasourceEnabled && <EditDatasourcesButton />}\n {isLinksEnabled && <EditDashboardLinksButton />}\n <AddPanelButton />\n <AddGroupButton />\n </Stack>\n <SaveDashboardButton onSave={onSave} isDisabled={isReadonly} />\n <Button variant=\"outlined\" onClick={onCancelButtonClick}>\n Cancel\n </Button>\n </Stack>\n ) : (\n <>\n {isBiggerThanSm && (\n <Stack direction=\"row\" gap={1} ml=\"auto\">\n <EditButton onClick={onEditButtonClick} />\n </Stack>\n )}\n </>\n )}\n </Box>\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'start',\n padding: (theme) => theme.spacing(1, 2, 0, 2),\n flexDirection: isBiggerThanMd ? 'row' : 'column',\n flexWrap: 'nowrap',\n gap: 1,\n }}\n >\n <Box width=\"100%\">\n <ErrorBoundary FallbackComponent={ErrorAlert}>\n <DashboardStickyToolbar\n initialVariableIsSticky={initialVariableIsSticky}\n sx={{\n backgroundColor: ({ palette }) => palette.background.default,\n }}\n />\n </ErrorBoundary>\n </Box>\n <Stack direction=\"row\" ml=\"auto\" flexWrap=\"wrap\" justifyContent=\"end\">\n <Stack direction=\"row\" spacing={1} mt={1} ml={1}>\n <TimeRangeControls timeZone={timeZone} onTimeZoneChange={(tz) => setTimeZone(tz.value)} />\n <DownloadButton />\n <EditJsonButton isReadonly={!isEditMode} />\n </Stack>\n </Stack>\n </Box>\n </Stack>\n </>\n );\n};\n"],"names":["Typography","Stack","Button","Box","useTheme","useMediaQuery","Alert","ErrorBoundary","ErrorAlert","TimeRangeControls","useTimeZoneParams","useEditMode","useDashboardLinks","AddPanelButton","AddGroupButton","DownloadButton","EditVariablesButton","EditDatasourcesButton","EditButton","EditJsonButton","SaveDashboardButton","DashboardStickyToolbar","EditDashboardLinksButton","LinksDisplay","DashboardToolbar","props","dashboardName","dashboardTitleComponent","initialVariableIsSticky","isReadonly","isVariableEnabled","isDatasourceEnabled","isLinksEnabled","onEditButtonClick","onCancelButtonClick","onSave","isEditMode","timeZone","setTimeZone","dashboardLinks","isBiggerThanSm","breakpoints","up","isBiggerThanMd","dashboardTitle","variant","testId","data-testid","px","py","display","sx","gap","backgroundColor","theme","palette","primary","main","justifyItems","alignItems","justifyContent","links","direction","ml","severity","padding","spacing","whiteSpace","isDisabled","onClick","width","flexDirection","flexWrap","FallbackComponent","background","default","mt","onTimeZoneChange","tz","value"],"mappings":"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"}

package/dist/components/Datasources/DatasourceEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatasourceEditor.d.ts","sourceRoot":"","sources":["../../../src/components/Datasources/DatasourceEditor.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;~~AAI~~/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,YAAY,CA4Jf"}
1	+ {"version":3,"file":"DatasourceEditor.d.ts","sourceRoot":"","sources":["../../../src/components/Datasources/DatasourceEditor.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAK/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,YAAY,CA4Jf"}

package/dist/components/Datasources/DatasourceEditor.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Button, IconButton, Stack, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material';
 import AddIcon from 'mdi-material-ui/Plus';
 import PencilIcon from 'mdi-material-ui/Pencil';

package/dist/components/Datasources/DatasourceEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Datasources/DatasourceEditor.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 {\n Box,\n Button,\n IconButton,\n Stack,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Typography,\n} from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport PencilIcon from 'mdi-material-ui/Pencil';\nimport TrashIcon from 'mdi-material-ui/TrashCan';\nimport { Action, DatasourceDefinition } from '@perses-dev/core'; // TODO\nimport { DatasourceSpec } from '@perses-dev/spec';\nimport { DatasourceEditorForm, ValidationProvider } from '@perses-dev/plugin-system';\nimport { ReactElement, useState } from 'react';\nimport { useImmer } from 'use-immer';\nimport { useDiscardChangesConfirmationDialog } from '../../context';\n\nexport function DatasourceEditor(props: {\n datasources: Record<string, DatasourceSpec>;\n onChange: (datasources: Record<string, DatasourceSpec>) => void;\n onCancel: () => void;\n}): ReactElement {\n const [datasources, setDatasources] = useImmer(props.datasources);\n const [datasourceFormAction, setDatasourceFormAction] = useState<Action>('update');\n const [datasourceEdit, setDatasourceEdit] = useState<DatasourceDefinition \| null>(null);\n const defaultSpec: DatasourceSpec = {\n default: false,\n plugin: {\n // TODO: find a way to avoid assuming that the PrometheusDatasource plugin is installed\n kind: 'PrometheusDatasource',\n spec: {},\n },\n };\n\n const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n useDiscardChangesConfirmationDialog();\n\n const handleCancel = (): void => {\n if (JSON.stringify(props.datasources) !== JSON.stringify(datasources)) {\n openDiscardChangesConfirmationDialog({\n onDiscardChanges: () => {\n closeDiscardChangesConfirmationDialog();\n props.onCancel();\n },\n onCancel: () => {\n closeDiscardChangesConfirmationDialog();\n },\n description:\n 'You have unapplied changes. Are you sure you want to discard these changes? Changes cannot be recovered.',\n });\n } else {\n props.onCancel();\n }\n };\n\n const removeDatasource = (name: string): void => {\n setDatasources((draft) => {\n delete draft[name];\n });\n };\n\n const addDatasource = (): void => {\n setDatasourceFormAction('create');\n setDatasourceEdit({\n name: 'NewDatasource',\n spec: defaultSpec,\n });\n };\n\n const editDatasource = (name: string): void => {\n setDatasourceFormAction('update');\n setDatasourceEdit({\n name: name,\n spec: datasources[name] ?? defaultSpec,\n });\n };\n\n return (\n <>\n {datasourceEdit ? (\n <ValidationProvider>\n <DatasourceEditorForm\n initialDatasourceDefinition={datasourceEdit}\n action={datasourceFormAction}\n isDraft={true}\n onActionChange={setDatasourceFormAction}\n onSave={(def: DatasourceDefinition) => {\n setDatasources((draft) => {\n delete draft[datasourceEdit.name]; // to tackle the case where datasource name has been changed\n draft[def.name] = def.spec;\n setDatasourceEdit(null);\n });\n }}\n onClose={() => {\n setDatasourceEdit(null);\n }}\n />\n </ValidationProvider>\n ) : (\n <>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n padding: (theme) => theme.spacing(1, 2),\n borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n }}\n >\n <Typography variant=\"h2\">Edit Dashboard Datasources</Typography>\n <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n <Button\n disabled={props.datasources === datasources}\n variant=\"contained\"\n onClick={() => {\n props.onChange(datasources);\n }}\n >\n Apply\n </Button>\n <Button color=\"secondary\" variant=\"outlined\" onClick={handleCancel}>\n Cancel\n </Button>\n </Stack>\n </Box>\n <Box padding={2} sx={{ overflowY: 'scroll' }}>\n <Stack spacing={2}>\n <Stack spacing={2}>\n <TableContainer>\n <Table sx={{ minWidth: 650 }} aria-label=\"table of datasources\">\n <TableHead>\n <TableRow>\n <TableCell>Name</TableCell>\n <TableCell>Type</TableCell>\n <TableCell>Description</TableCell>\n <TableCell align=\"right\">Actions</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {Object.entries(datasources).map(([name, spec]) => {\n return (\n <TableRow key={name}>\n <TableCell component=\"th\" scope=\"row\" sx={{ fontWeight: 'bold' }}>\n {name}\n </TableCell>\n <TableCell>{spec.plugin.kind}</TableCell>\n <TableCell>{spec.display?.description ?? ''}</TableCell>\n <TableCell align=\"right\" sx={{ whiteSpace: 'nowrap' }}>\n <IconButton onClick={() => editDatasource(name)}>\n <PencilIcon />\n </IconButton>\n <IconButton onClick={() => removeDatasource(name)}>\n <TrashIcon />\n </IconButton>\n </TableCell>\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableContainer>\n <Box display=\"flex\">\n <Button\n variant=\"contained\"\n startIcon={<AddIcon />}\n sx={{ marginLeft: 'auto' }}\n onClick={addDatasource}\n >\n Add Datasource\n </Button>\n </Box>\n </Stack>\n </Stack>\n </Box>\n </>\n )}\n </>\n );\n}\n"],"names":["Box","Button","IconButton","Stack","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","Typography","AddIcon","PencilIcon","TrashIcon","DatasourceEditorForm","ValidationProvider","useState","useImmer","useDiscardChangesConfirmationDialog","DatasourceEditor","props","datasources","setDatasources","datasourceFormAction","setDatasourceFormAction","datasourceEdit","setDatasourceEdit","defaultSpec","default","plugin","kind","spec","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleCancel","JSON","stringify","onDiscardChanges","onCancel","description","removeDatasource","name","draft","addDatasource","editDatasource","initialDatasourceDefinition","action","isDraft","onActionChange","onSave","def","onClose","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","direction","marginLeft","disabled","onClick","onChange","color","overflowY","minWidth","aria-label","align","Object","entries","map","component","scope","fontWeight","whiteSpace","startIcon"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/Datasources/DatasourceEditor.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 {\n Box,\n Button,\n IconButton,\n Stack,\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Typography,\n} from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport PencilIcon from 'mdi-material-ui/Pencil';\nimport TrashIcon from 'mdi-material-ui/TrashCan';\nimport { Action } from '@perses-dev/components';\nimport { DatasourceSpec } from '@perses-dev/spec';\nimport { DatasourceEditorForm, ValidationProvider } from '@perses-dev/plugin-system';\nimport { ReactElement, useState } from 'react';\nimport { useImmer } from 'use-immer';\nimport { DatasourceDefinition } from '@perses-dev/client';\nimport { useDiscardChangesConfirmationDialog } from '../../context';\n\nexport function DatasourceEditor(props: {\n datasources: Record<string, DatasourceSpec>;\n onChange: (datasources: Record<string, DatasourceSpec>) => void;\n onCancel: () => void;\n}): ReactElement {\n const [datasources, setDatasources] = useImmer(props.datasources);\n const [datasourceFormAction, setDatasourceFormAction] = useState<Action>('update');\n const [datasourceEdit, setDatasourceEdit] = useState<DatasourceDefinition \| null>(null);\n const defaultSpec: DatasourceSpec = {\n default: false,\n plugin: {\n // TODO: find a way to avoid assuming that the PrometheusDatasource plugin is installed\n kind: 'PrometheusDatasource',\n spec: {},\n },\n };\n\n const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n useDiscardChangesConfirmationDialog();\n\n const handleCancel = (): void => {\n if (JSON.stringify(props.datasources) !== JSON.stringify(datasources)) {\n openDiscardChangesConfirmationDialog({\n onDiscardChanges: () => {\n closeDiscardChangesConfirmationDialog();\n props.onCancel();\n },\n onCancel: () => {\n closeDiscardChangesConfirmationDialog();\n },\n description:\n 'You have unapplied changes. Are you sure you want to discard these changes? Changes cannot be recovered.',\n });\n } else {\n props.onCancel();\n }\n };\n\n const removeDatasource = (name: string): void => {\n setDatasources((draft) => {\n delete draft[name];\n });\n };\n\n const addDatasource = (): void => {\n setDatasourceFormAction('create');\n setDatasourceEdit({\n name: 'NewDatasource',\n spec: defaultSpec,\n });\n };\n\n const editDatasource = (name: string): void => {\n setDatasourceFormAction('update');\n setDatasourceEdit({\n name: name,\n spec: datasources[name] ?? defaultSpec,\n });\n };\n\n return (\n <>\n {datasourceEdit ? (\n <ValidationProvider>\n <DatasourceEditorForm\n initialDatasourceDefinition={datasourceEdit}\n action={datasourceFormAction}\n isDraft={true}\n onActionChange={setDatasourceFormAction}\n onSave={(def: DatasourceDefinition) => {\n setDatasources((draft) => {\n delete draft[datasourceEdit.name]; // to tackle the case where datasource name has been changed\n draft[def.name] = def.spec;\n setDatasourceEdit(null);\n });\n }}\n onClose={() => {\n setDatasourceEdit(null);\n }}\n />\n </ValidationProvider>\n ) : (\n <>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n padding: (theme) => theme.spacing(1, 2),\n borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n }}\n >\n <Typography variant=\"h2\">Edit Dashboard Datasources</Typography>\n <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n <Button\n disabled={props.datasources === datasources}\n variant=\"contained\"\n onClick={() => {\n props.onChange(datasources);\n }}\n >\n Apply\n </Button>\n <Button color=\"secondary\" variant=\"outlined\" onClick={handleCancel}>\n Cancel\n </Button>\n </Stack>\n </Box>\n <Box padding={2} sx={{ overflowY: 'scroll' }}>\n <Stack spacing={2}>\n <Stack spacing={2}>\n <TableContainer>\n <Table sx={{ minWidth: 650 }} aria-label=\"table of datasources\">\n <TableHead>\n <TableRow>\n <TableCell>Name</TableCell>\n <TableCell>Type</TableCell>\n <TableCell>Description</TableCell>\n <TableCell align=\"right\">Actions</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {Object.entries(datasources).map(([name, spec]) => {\n return (\n <TableRow key={name}>\n <TableCell component=\"th\" scope=\"row\" sx={{ fontWeight: 'bold' }}>\n {name}\n </TableCell>\n <TableCell>{spec.plugin.kind}</TableCell>\n <TableCell>{spec.display?.description ?? ''}</TableCell>\n <TableCell align=\"right\" sx={{ whiteSpace: 'nowrap' }}>\n <IconButton onClick={() => editDatasource(name)}>\n <PencilIcon />\n </IconButton>\n <IconButton onClick={() => removeDatasource(name)}>\n <TrashIcon />\n </IconButton>\n </TableCell>\n </TableRow>\n );\n })}\n </TableBody>\n </Table>\n </TableContainer>\n <Box display=\"flex\">\n <Button\n variant=\"contained\"\n startIcon={<AddIcon />}\n sx={{ marginLeft: 'auto' }}\n onClick={addDatasource}\n >\n Add Datasource\n </Button>\n </Box>\n </Stack>\n </Stack>\n </Box>\n </>\n )}\n </>\n );\n}\n"],"names":["Box","Button","IconButton","Stack","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","Typography","AddIcon","PencilIcon","TrashIcon","DatasourceEditorForm","ValidationProvider","useState","useImmer","useDiscardChangesConfirmationDialog","DatasourceEditor","props","datasources","setDatasources","datasourceFormAction","setDatasourceFormAction","datasourceEdit","setDatasourceEdit","defaultSpec","default","plugin","kind","spec","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleCancel","JSON","stringify","onDiscardChanges","onCancel","description","removeDatasource","name","draft","addDatasource","editDatasource","initialDatasourceDefinition","action","isDraft","onActionChange","onSave","def","onClose","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","direction","marginLeft","disabled","onClick","onChange","color","overflowY","minWidth","aria-label","align","Object","entries","map","component","scope","fontWeight","whiteSpace","startIcon"],"mappings":"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"}

package/dist/components/Datasources/EditDatasourcesButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Button } from '@mui/material';
 import PencilIcon from 'mdi-material-ui/PencilOutline';

package/dist/components/Datasources/EditDatasourcesButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Datasources/EditDatasourcesButton.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 { Button } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { Drawer, InfoTooltip } from '@perses-dev/components';\nimport { DatasourceSpec } from '@perses-dev/spec';\nimport { useDatasourceStore } from '@perses-dev/plugin-system';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboard } from '../../context';\nimport { DatasourceEditor } from './DatasourceEditor';\n\nexport function EditDatasourcesButton(): ReactElement {\n const [isDatasourceEditorOpen, setIsDatasourceEditorOpen] = useState(false);\n const { getLocalDatasources, setLocalDatasources, getSavedDatasources, setSavedDatasources } = useDatasourceStore();\n const localDatasources: Record<string, DatasourceSpec> = getLocalDatasources();\n const savedDatasources: Record<string, DatasourceSpec> = getSavedDatasources();\n const { dashboard, setDashboard } = useDashboard();\n\n const openDatasourceEditor = (): void => {\n setIsDatasourceEditorOpen(true);\n };\n\n const closeDatasourceEditor = (): void => {\n setIsDatasourceEditorOpen(false);\n };\n\n const handleChangeDatasources = (datasources: Record<string, DatasourceSpec>): void => {\n // Calculates the new list of datasources that are allowed to be used.\n const newSavedDatasources: Record<string, DatasourceSpec> = Object.keys(datasources)\n .filter((key) => {\n // Datasources are allowed to be used if a) they are direct, or b) they are proxied, and their\n // proxy is the same as what we have saved.\n const isDirect = 'directUrl' in (datasources[key]?.plugin?.spec ?? {});\n const isSavedProxy =\n !isDirect &&\n !('directUrl' in (savedDatasources[key]?.plugin?.spec ?? {})) &&\n datasources[key]?.plugin?.spec?.proxy === savedDatasources[key]?.plugin?.spec?.proxy;\n\n return isDirect \|\| isSavedProxy;\n })\n .reduce(\n (obj, key) => {\n obj[key] = datasources[key] as DatasourceSpec;\n\n return obj;\n },\n {} as Record<string, DatasourceSpec>\n );\n\n setDashboard({\n ...dashboard,\n spec: {\n ...dashboard.spec,\n datasources: datasources,\n },\n });\n setSavedDatasources(newSavedDatasources);\n setLocalDatasources(datasources);\n setIsDatasourceEditorOpen(false);\n };\n\n return (\n <>\n <InfoTooltip description={TOOLTIP_TEXT.editDatasources}>\n <Button\n startIcon={<PencilIcon />}\n onClick={openDatasourceEditor}\n aria-label={TOOLTIP_TEXT.editDatasources}\n variant=\"text\"\n color=\"primary\"\n sx={editButtonStyle}\n >\n Datasources\n </Button>\n </InfoTooltip>\n <Drawer\n isOpen={isDatasourceEditorOpen}\n onClose={closeDatasourceEditor}\n PaperProps={{ sx: { width: '50%' } }}\n data-testid=\"datasource-editor\"\n >\n <DatasourceEditor\n datasources={localDatasources}\n onCancel={closeDatasourceEditor}\n onChange={handleChangeDatasources}\n />\n </Drawer>\n </>\n );\n}\n"],"names":["useState","Button","PencilIcon","Drawer","InfoTooltip","useDatasourceStore","TOOLTIP_TEXT","editButtonStyle","useDashboard","DatasourceEditor","EditDatasourcesButton","isDatasourceEditorOpen","setIsDatasourceEditorOpen","getLocalDatasources","setLocalDatasources","getSavedDatasources","setSavedDatasources","localDatasources","savedDatasources","dashboard","setDashboard","openDatasourceEditor","closeDatasourceEditor","handleChangeDatasources","datasources","newSavedDatasources","Object","keys","filter","key","isDirect","plugin","spec","isSavedProxy","proxy","reduce","obj","description","editDatasources","startIcon","onClick","aria-label","variant","color","sx","isOpen","onClose","PaperProps","width","data-testid","onCancel","onChange"],"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,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SAASC,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,gBAAgB,gCAAgC;AACvD,SAASC,MAAM,EAAEC,WAAW,QAAQ,yBAAyB;AAE7D,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,SAASC;IACd,MAAM,CAACC,wBAAwBC,0BAA0B,GAAGZ,SAAS;IACrE,MAAM,EAAEa,mBAAmB,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAE,GAAGX;IAC/F,MAAMY,mBAAmDJ;IACzD,MAAMK,mBAAmDH;IACzD,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAE,GAAGZ;IAEpC,MAAMa,uBAAuB;QAC3BT,0BAA0B;IAC5B;IAEA,MAAMU,wBAAwB;QAC5BV,0BAA0B;IAC5B;IAEA,MAAMW,0BAA0B,CAACC;QAC/B,sEAAsE;QACtE,MAAMC,sBAAsDC,OAAOC,IAAI,CAACH,aACrEI,MAAM,CAAC,CAACC;YACP,8FAA8F;YAC9F,2CAA2C;YAC3C,MAAMC,WAAW,eAAgBN,CAAAA,WAAW,CAACK,IAAI,EAAEE,QAAQC,QAAQ,CAAC,CAAA;YACpE,MAAMC,eACJ,CAACH,YACD,CAAE,CAAA,eAAgBZ,CAAAA,gBAAgB,CAACW,IAAI,EAAEE,QAAQC,QAAQ,CAAC,CAAA,CAAC,KAC3DR,WAAW,CAACK,IAAI,EAAEE,QAAQC,MAAME,UAAUhB,gBAAgB,CAACW,IAAI,EAAEE,QAAQC,MAAME;YAEjF,OAAOJ,YAAYG;QACrB,GACCE,MAAM,CACL,CAACC,KAAKP;YACJO,GAAG,CAACP,IAAI,GAAGL,WAAW,CAACK,IAAI;YAE3B,OAAOO;QACT,GACA,CAAC;QAGLhB,aAAa;YACX,GAAGD,SAAS;YACZa,MAAM;gBACJ,GAAGb,UAAUa,IAAI;gBACjBR,aAAaA;YACf;QACF;QACAR,oBAAoBS;QACpBX,oBAAoBU;QACpBZ,0BAA0B;IAC5B;IAEA,qBACE;;0BACE,KAACR;gBAAYiC,aAAa/B,aAAagC,eAAe;0BACpD,cAAA,KAACrC;oBACCsC,yBAAW,KAACrC;oBACZsC,SAASnB;oBACToB,cAAYnC,aAAagC,eAAe;oBACxCI,SAAQ;oBACRC,OAAM;oBACNC,IAAIrC;8BACL;;;0BAIH,KAACJ;gBACC0C,QAAQlC;gBACRmC,SAASxB;gBACTyB,YAAY;oBAAEH,IAAI;wBAAEI,OAAO;oBAAM;gBAAE;gBACnCC,eAAY;0BAEZ,cAAA,KAACxC;oBACCe,aAAaP;oBACbiC,UAAU5B;oBACV6B,UAAU5B;;;;;AAKpB"}
1	+ {"version":3,"sources":["../../../src/components/Datasources/EditDatasourcesButton.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 { Button } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { Drawer, InfoTooltip } from '@perses-dev/components';\nimport { DatasourceSpec } from '@perses-dev/spec';\nimport { useDatasourceStore } from '@perses-dev/plugin-system';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboard } from '../../context';\nimport { DatasourceEditor } from './DatasourceEditor';\n\nexport function EditDatasourcesButton(): ReactElement {\n const [isDatasourceEditorOpen, setIsDatasourceEditorOpen] = useState(false);\n const { getLocalDatasources, setLocalDatasources, getSavedDatasources, setSavedDatasources } = useDatasourceStore();\n const localDatasources: Record<string, DatasourceSpec> = getLocalDatasources();\n const savedDatasources: Record<string, DatasourceSpec> = getSavedDatasources();\n const { dashboard, setDashboard } = useDashboard();\n\n const openDatasourceEditor = (): void => {\n setIsDatasourceEditorOpen(true);\n };\n\n const closeDatasourceEditor = (): void => {\n setIsDatasourceEditorOpen(false);\n };\n\n const handleChangeDatasources = (datasources: Record<string, DatasourceSpec>): void => {\n // Calculates the new list of datasources that are allowed to be used.\n const newSavedDatasources: Record<string, DatasourceSpec> = Object.keys(datasources)\n .filter((key) => {\n // Datasources are allowed to be used if a) they are direct, or b) they are proxied, and their\n // proxy is the same as what we have saved.\n const isDirect = 'directUrl' in (datasources[key]?.plugin?.spec ?? {});\n const isSavedProxy =\n !isDirect &&\n !('directUrl' in (savedDatasources[key]?.plugin?.spec ?? {})) &&\n datasources[key]?.plugin?.spec?.proxy === savedDatasources[key]?.plugin?.spec?.proxy;\n\n return isDirect \|\| isSavedProxy;\n })\n .reduce(\n (obj, key) => {\n obj[key] = datasources[key] as DatasourceSpec;\n\n return obj;\n },\n {} as Record<string, DatasourceSpec>\n );\n\n setDashboard({\n ...dashboard,\n spec: {\n ...dashboard.spec,\n datasources: datasources,\n },\n });\n setSavedDatasources(newSavedDatasources);\n setLocalDatasources(datasources);\n setIsDatasourceEditorOpen(false);\n };\n\n return (\n <>\n <InfoTooltip description={TOOLTIP_TEXT.editDatasources}>\n <Button\n startIcon={<PencilIcon />}\n onClick={openDatasourceEditor}\n aria-label={TOOLTIP_TEXT.editDatasources}\n variant=\"text\"\n color=\"primary\"\n sx={editButtonStyle}\n >\n Datasources\n </Button>\n </InfoTooltip>\n <Drawer\n isOpen={isDatasourceEditorOpen}\n onClose={closeDatasourceEditor}\n PaperProps={{ sx: { width: '50%' } }}\n data-testid=\"datasource-editor\"\n >\n <DatasourceEditor\n datasources={localDatasources}\n onCancel={closeDatasourceEditor}\n onChange={handleChangeDatasources}\n />\n </Drawer>\n </>\n );\n}\n"],"names":["useState","Button","PencilIcon","Drawer","InfoTooltip","useDatasourceStore","TOOLTIP_TEXT","editButtonStyle","useDashboard","DatasourceEditor","EditDatasourcesButton","isDatasourceEditorOpen","setIsDatasourceEditorOpen","getLocalDatasources","setLocalDatasources","getSavedDatasources","setSavedDatasources","localDatasources","savedDatasources","dashboard","setDashboard","openDatasourceEditor","closeDatasourceEditor","handleChangeDatasources","datasources","newSavedDatasources","Object","keys","filter","key","isDirect","plugin","spec","isSavedProxy","proxy","reduce","obj","description","editDatasources","startIcon","onClick","aria-label","variant","color","sx","isOpen","onClose","PaperProps","width","data-testid","onCancel","onChange"],"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,SAAuBA,QAAQ,QAAQ,QAAQ;AAC/C,SAASC,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,gBAAgB,gCAAgC;AACvD,SAASC,MAAM,EAAEC,WAAW,QAAQ,yBAAyB;AAE7D,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,SAASC;IACd,MAAM,CAACC,wBAAwBC,0BAA0B,GAAGZ,SAAS;IACrE,MAAM,EAAEa,mBAAmB,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAE,GAAGX;IAC/F,MAAMY,mBAAmDJ;IACzD,MAAMK,mBAAmDH;IACzD,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAE,GAAGZ;IAEpC,MAAMa,uBAAuB;QAC3BT,0BAA0B;IAC5B;IAEA,MAAMU,wBAAwB;QAC5BV,0BAA0B;IAC5B;IAEA,MAAMW,0BAA0B,CAACC;QAC/B,sEAAsE;QACtE,MAAMC,sBAAsDC,OAAOC,IAAI,CAACH,aACrEI,MAAM,CAAC,CAACC;YACP,8FAA8F;YAC9F,2CAA2C;YAC3C,MAAMC,WAAW,eAAgBN,CAAAA,WAAW,CAACK,IAAI,EAAEE,QAAQC,QAAQ,CAAC,CAAA;YACpE,MAAMC,eACJ,CAACH,YACD,CAAE,CAAA,eAAgBZ,CAAAA,gBAAgB,CAACW,IAAI,EAAEE,QAAQC,QAAQ,CAAC,CAAA,CAAC,KAC3DR,WAAW,CAACK,IAAI,EAAEE,QAAQC,MAAME,UAAUhB,gBAAgB,CAACW,IAAI,EAAEE,QAAQC,MAAME;YAEjF,OAAOJ,YAAYG;QACrB,GACCE,MAAM,CACL,CAACC,KAAKP;YACJO,GAAG,CAACP,IAAI,GAAGL,WAAW,CAACK,IAAI;YAE3B,OAAOO;QACT,GACA,CAAC;QAGLhB,aAAa;YACX,GAAGD,SAAS;YACZa,MAAM;gBACJ,GAAGb,UAAUa,IAAI;gBACjBR,aAAaA;YACf;QACF;QACAR,oBAAoBS;QACpBX,oBAAoBU;QACpBZ,0BAA0B;IAC5B;IAEA,qBACE;;0BACE,KAACR;gBAAYiC,aAAa/B,aAAagC,eAAe;0BACpD,cAAA,KAACrC;oBACCsC,yBAAW,KAACrC;oBACZsC,SAASnB;oBACToB,cAAYnC,aAAagC,eAAe;oBACxCI,SAAQ;oBACRC,OAAM;oBACNC,IAAIrC;8BACL;;;0BAIH,KAACJ;gBACC0C,QAAQlC;gBACRmC,SAASxB;gBACTyB,YAAY;oBAAEH,IAAI;wBAAEI,OAAO;oBAAM;gBAAE;gBACnCC,eAAY;0BAEZ,cAAA,KAACxC;oBACCe,aAAaP;oBACbiC,UAAU5B;oBACV6B,UAAU5B;;;;;AAKpB"}

package/dist/components/DiscardChangesConfirmationDialog/DiscardChangesConfirmationDialog.js CHANGED Viewed

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

package/dist/components/DiscardChangesConfirmationDialog/DiscardChangesConfirmationDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/DiscardChangesConfirmationDialog/DiscardChangesConfirmationDialog.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 { DiscardChangesConfirmationDialog } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { useDiscardChangesConfirmationDialog } from '../../context';\n\nexport const DashboardDiscardChangesConfirmationDialog = (): ReactElement \| null => {\n const { discardChangesConfirmationDialog: dialog } = useDiscardChangesConfirmationDialog();\n if (dialog === undefined) {\n return null;\n }\n return (\n <DiscardChangesConfirmationDialog\n description={\n dialog.description \|\|\n 'You have unsaved changes in this dashboard. Are you sure you want to discard these changes? Changes cannot be recovered.'\n }\n isOpen={true}\n onCancel={dialog.onCancel}\n onDiscardChanges={dialog.onDiscardChanges}\n />\n );\n};\n"],"names":["DiscardChangesConfirmationDialog","useDiscardChangesConfirmationDialog","DashboardDiscardChangesConfirmationDialog","discardChangesConfirmationDialog","dialog","undefined","description","isOpen","onCancel","onDiscardChanges"],"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,gCAAgC,QAAQ,yBAAyB;AAE1E,SAASC,mCAAmC,QAAQ,gBAAgB;AAEpE,OAAO,MAAMC,4CAA4C;IACvD,MAAM,EAAEC,kCAAkCC,MAAM,EAAE,GAAGH;IACrD,IAAIG,WAAWC,WAAW;QACxB,OAAO;IACT;IACA,qBACE,KAACL;QACCM,aACEF,OAAOE,WAAW,IAClB;QAEFC,QAAQ;QACRC,UAAUJ,OAAOI,QAAQ;QACzBC,kBAAkBL,OAAOK,gBAAgB;;AAG/C,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/DiscardChangesConfirmationDialog/DiscardChangesConfirmationDialog.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 { DiscardChangesConfirmationDialog } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { useDiscardChangesConfirmationDialog } from '../../context';\n\nexport const DashboardDiscardChangesConfirmationDialog = (): ReactElement \| null => {\n const { discardChangesConfirmationDialog: dialog } = useDiscardChangesConfirmationDialog();\n if (dialog === undefined) {\n return null;\n }\n return (\n <DiscardChangesConfirmationDialog\n description={\n dialog.description \|\|\n 'You have unsaved changes in this dashboard. Are you sure you want to discard these changes? Changes cannot be recovered.'\n }\n isOpen={true}\n onCancel={dialog.onCancel}\n onDiscardChanges={dialog.onDiscardChanges}\n />\n );\n};\n"],"names":["DiscardChangesConfirmationDialog","useDiscardChangesConfirmationDialog","DashboardDiscardChangesConfirmationDialog","discardChangesConfirmationDialog","dialog","undefined","description","isOpen","onCancel","onDiscardChanges"],"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,gCAAgC,QAAQ,yBAAyB;AAE1E,SAASC,mCAAmC,QAAQ,gBAAgB;AAEpE,OAAO,MAAMC,4CAA4C;IACvD,MAAM,EAAEC,kCAAkCC,MAAM,EAAE,GAAGH;IACrD,IAAIG,WAAWC,WAAW;QACxB,OAAO;IACT;IACA,qBACE,KAACL;QACCM,aACEF,OAAOE,WAAW,IAClB;QAEFC,QAAQ;QACRC,UAAUJ,OAAOI,QAAQ;QACzBC,kBAAkBL,OAAOK,gBAAgB;;AAG/C,EAAE"}

package/dist/components/DownloadButton/DownloadButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ClickAwayListener, Menu, MenuItem, MenuList } from '@mui/material';
 import { ToolbarIconButton } from '@perses-dev/components';
 import DownloadIcon from 'mdi-material-ui/DownloadOutline';

package/dist/components/DownloadButton/DownloadButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/DownloadButton/DownloadButton.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 { ClickAwayListener, Menu, MenuItem, MenuList } from '@mui/material';\nimport { ToolbarIconButton } from '@perses-dev/components';\nimport DownloadIcon from 'mdi-material-ui/DownloadOutline';\nimport React, { ReactElement, useRef } from 'react';\nimport { useDashboard } from '../../context';\nimport { serializeDashboard } from './serializeDashboard';\n\n// Button that enables downloading the dashboard as a JSON file\nexport function DownloadButton(): ReactElement {\n const { dashboard } = useDashboard();\n const hiddenLinkRef = useRef<HTMLAnchorElement>(null);\n const [anchorEl, setAnchorEl] = React.useState<null \| HTMLElement>(null);\n const open = Boolean(anchorEl);\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n setAnchorEl(event.currentTarget);\n };\n const handleItemClick = (format: 'json' \| 'yaml', shape?: 'cr-v1alpha1' \| 'cr-v1alpha2') => (): void => {\n setAnchorEl(null);\n\n const { contentType, content } = serializeDashboard(dashboard, format, shape);\n\n if (!hiddenLinkRef \|\| !hiddenLinkRef.current) return;\n // Create blob URL\n const hiddenLinkUrl = URL.createObjectURL(new Blob([content], { type: contentType }));\n // Simulate click\n hiddenLinkRef.current.download = `${dashboard.metadata.name}${shape ? `-${shape}` : ''}.${format}`;\n hiddenLinkRef.current.href = hiddenLinkUrl;\n hiddenLinkRef.current.click();\n // Remove blob URL (for memory management)\n URL.revokeObjectURL(hiddenLinkUrl);\n };\n\n return (\n <>\n <ToolbarIconButton\n id=\"download-dashboard-button\"\n aria-controls={open ? 'basic-menu' : undefined}\n aria-haspopup=\"true\"\n aria-expanded={open ? 'true' : undefined}\n onClick={handleClick}\n >\n <DownloadIcon />\n </ToolbarIconButton>\n\n <Menu\n id=\"download-dashboard-formats\"\n anchorEl={anchorEl}\n open={open}\n hideBackdrop={true}\n onClose={() => setAnchorEl(null)}\n MenuListProps={{\n 'aria-labelledby': 'download-dashboard-button',\n }}\n >\n <div>\n <ClickAwayListener onClickAway={() => setAnchorEl(null)}>\n <MenuList>\n <MenuItem onClick={handleItemClick('json')}>JSON</MenuItem>\n <MenuItem onClick={handleItemClick('yaml')}>YAML</MenuItem>\n <MenuItem onClick={handleItemClick('yaml', 'cr-v1alpha2')}>YAML (CR v1alpha2)</MenuItem>\n <MenuItem onClick={handleItemClick('yaml', 'cr-v1alpha1')}>YAML (CR v1alpha1)</MenuItem>\n </MenuList>\n </ClickAwayListener>\n </div>\n </Menu>\n\n {/* Hidden link to download the dashboard as a JSON or YAML file /}\n {/ eslint-disable jsx-a11y/anchor-has-content /}\n {/ eslint-disable jsx-a11y/anchor-is-valid */}\n <a ref={hiddenLinkRef} style={{ display: 'none' }} />\n </>\n );\n}\n"],"names":["ClickAwayListener","Menu","MenuItem","MenuList","ToolbarIconButton","DownloadIcon","React","useRef","useDashboard","serializeDashboard","DownloadButton","dashboard","hiddenLinkRef","anchorEl","setAnchorEl","useState","open","Boolean","handleClick","event","currentTarget","handleItemClick","format","shape","contentType","content","current","hiddenLinkUrl","URL","createObjectURL","Blob","type","download","metadata","name","href","click","revokeObjectURL","id","aria-controls","undefined","aria-haspopup","aria-expanded","onClick","hideBackdrop","onClose","MenuListProps","div","onClickAway","a","ref","style","display"],"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,iBAAiB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,gBAAgB;AAC5E,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,OAAOC,kBAAkB,kCAAkC;AAC3D,OAAOC,SAAuBC,MAAM,QAAQ,QAAQ;AACpD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,+DAA+D;AAC/D,OAAO,SAASC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGH;IACtB,MAAMI,gBAAgBL,OAA0B;IAChD,MAAM,CAACM,UAAUC,YAAY,GAAGR,MAAMS,QAAQ,CAAqB;IACnE,MAAMC,OAAOC,QAAQJ;IACrB,MAAMK,cAAc,CAACC;QACnBL,YAAYK,MAAMC,aAAa;IACjC;IACA,MAAMC,kBAAkB,CAACC,QAAyBC,QAA0C;YAC1FT,YAAY;YAEZ,MAAM,EAAEU,WAAW,EAAEC,OAAO,EAAE,GAAGhB,mBAAmBE,WAAWW,QAAQC;YAEvE,IAAI,CAACX,iBAAiB,CAACA,cAAcc,OAAO,EAAE;YAC9C,kBAAkB;YAClB,MAAMC,gBAAgBC,IAAIC,eAAe,CAAC,IAAIC,KAAK;gBAACL;aAAQ,EAAE;gBAAEM,MAAMP;YAAY;YAClF,iBAAiB;YACjBZ,cAAcc,OAAO,CAACM,QAAQ,GAAG,GAAGrB,UAAUsB,QAAQ,CAACC,IAAI,GAAGX,QAAQ,CAAC,CAAC,EAAEA,OAAO,GAAG,GAAG,CAAC,EAAED,QAAQ;YAClGV,cAAcc,OAAO,CAACS,IAAI,GAAGR;YAC7Bf,cAAcc,OAAO,CAACU,KAAK;YAC3B,0CAA0C;YAC1CR,IAAIS,eAAe,CAACV;QACtB;IAEA,qBACE;;0BACE,KAACvB;gBACCkC,IAAG;gBACHC,iBAAevB,OAAO,eAAewB;gBACrCC,iBAAc;gBACdC,iBAAe1B,OAAO,SAASwB;gBAC/BG,SAASzB;0BAET,cAAA,KAACb;;0BAGH,KAACJ;gBACCqC,IAAG;gBACHzB,UAAUA;gBACVG,MAAMA;gBACN4B,cAAc;gBACdC,SAAS,IAAM/B,YAAY;gBAC3BgC,eAAe;oBACb,mBAAmB;gBACrB;0BAEA,cAAA,KAACC;8BACC,cAAA,KAAC/C;wBAAkBgD,aAAa,IAAMlC,YAAY;kCAChD,cAAA,MAACX;;8CACC,KAACD;oCAASyC,SAAStB,gBAAgB;8CAAS;;8CAC5C,KAACnB;oCAASyC,SAAStB,gBAAgB;8CAAS;;8CAC5C,KAACnB;oCAASyC,SAAStB,gBAAgB,QAAQ;8CAAgB;;8CAC3D,KAACnB;oCAASyC,SAAStB,gBAAgB,QAAQ;8CAAgB;;;;;;;0BASnE,KAAC4B;gBAAEC,KAAKtC;gBAAeuC,OAAO;oBAAEC,SAAS;gBAAO;;;;AAGtD"}
1	+ {"version":3,"sources":["../../../src/components/DownloadButton/DownloadButton.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 { ClickAwayListener, Menu, MenuItem, MenuList } from '@mui/material';\nimport { ToolbarIconButton } from '@perses-dev/components';\nimport DownloadIcon from 'mdi-material-ui/DownloadOutline';\nimport React, { ReactElement, useRef } from 'react';\nimport { useDashboard } from '../../context';\nimport { serializeDashboard } from './serializeDashboard';\n\n// Button that enables downloading the dashboard as a JSON file\nexport function DownloadButton(): ReactElement {\n const { dashboard } = useDashboard();\n const hiddenLinkRef = useRef<HTMLAnchorElement>(null);\n const [anchorEl, setAnchorEl] = React.useState<null \| HTMLElement>(null);\n const open = Boolean(anchorEl);\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\n setAnchorEl(event.currentTarget);\n };\n const handleItemClick = (format: 'json' \| 'yaml', shape?: 'cr-v1alpha1' \| 'cr-v1alpha2') => (): void => {\n setAnchorEl(null);\n\n const { contentType, content } = serializeDashboard(dashboard, format, shape);\n\n if (!hiddenLinkRef \|\| !hiddenLinkRef.current) return;\n // Create blob URL\n const hiddenLinkUrl = URL.createObjectURL(new Blob([content], { type: contentType }));\n // Simulate click\n hiddenLinkRef.current.download = `${dashboard.metadata.name}${shape ? `-${shape}` : ''}.${format}`;\n hiddenLinkRef.current.href = hiddenLinkUrl;\n hiddenLinkRef.current.click();\n // Remove blob URL (for memory management)\n URL.revokeObjectURL(hiddenLinkUrl);\n };\n\n return (\n <>\n <ToolbarIconButton\n id=\"download-dashboard-button\"\n aria-controls={open ? 'basic-menu' : undefined}\n aria-haspopup=\"true\"\n aria-expanded={open ? 'true' : undefined}\n onClick={handleClick}\n >\n <DownloadIcon />\n </ToolbarIconButton>\n\n <Menu\n id=\"download-dashboard-formats\"\n anchorEl={anchorEl}\n open={open}\n hideBackdrop={true}\n onClose={() => setAnchorEl(null)}\n MenuListProps={{\n 'aria-labelledby': 'download-dashboard-button',\n }}\n >\n <div>\n <ClickAwayListener onClickAway={() => setAnchorEl(null)}>\n <MenuList>\n <MenuItem onClick={handleItemClick('json')}>JSON</MenuItem>\n <MenuItem onClick={handleItemClick('yaml')}>YAML</MenuItem>\n <MenuItem onClick={handleItemClick('yaml', 'cr-v1alpha2')}>YAML (CR v1alpha2)</MenuItem>\n <MenuItem onClick={handleItemClick('yaml', 'cr-v1alpha1')}>YAML (CR v1alpha1)</MenuItem>\n </MenuList>\n </ClickAwayListener>\n </div>\n </Menu>\n\n {/* Hidden link to download the dashboard as a JSON or YAML file /}\n {/ eslint-disable jsx-a11y/anchor-has-content /}\n {/ eslint-disable jsx-a11y/anchor-is-valid */}\n <a ref={hiddenLinkRef} style={{ display: 'none' }} />\n </>\n );\n}\n"],"names":["ClickAwayListener","Menu","MenuItem","MenuList","ToolbarIconButton","DownloadIcon","React","useRef","useDashboard","serializeDashboard","DownloadButton","dashboard","hiddenLinkRef","anchorEl","setAnchorEl","useState","open","Boolean","handleClick","event","currentTarget","handleItemClick","format","shape","contentType","content","current","hiddenLinkUrl","URL","createObjectURL","Blob","type","download","metadata","name","href","click","revokeObjectURL","id","aria-controls","undefined","aria-haspopup","aria-expanded","onClick","hideBackdrop","onClose","MenuListProps","div","onClickAway","a","ref","style","display"],"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,iBAAiB,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,gBAAgB;AAC5E,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,OAAOC,kBAAkB,kCAAkC;AAC3D,OAAOC,SAAuBC,MAAM,QAAQ,QAAQ;AACpD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,+DAA+D;AAC/D,OAAO,SAASC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGH;IACtB,MAAMI,gBAAgBL,OAA0B;IAChD,MAAM,CAACM,UAAUC,YAAY,GAAGR,MAAMS,QAAQ,CAAqB;IACnE,MAAMC,OAAOC,QAAQJ;IACrB,MAAMK,cAAc,CAACC;QACnBL,YAAYK,MAAMC,aAAa;IACjC;IACA,MAAMC,kBAAkB,CAACC,QAAyBC,QAA0C;YAC1FT,YAAY;YAEZ,MAAM,EAAEU,WAAW,EAAEC,OAAO,EAAE,GAAGhB,mBAAmBE,WAAWW,QAAQC;YAEvE,IAAI,CAACX,iBAAiB,CAACA,cAAcc,OAAO,EAAE;YAC9C,kBAAkB;YAClB,MAAMC,gBAAgBC,IAAIC,eAAe,CAAC,IAAIC,KAAK;gBAACL;aAAQ,EAAE;gBAAEM,MAAMP;YAAY;YAClF,iBAAiB;YACjBZ,cAAcc,OAAO,CAACM,QAAQ,GAAG,GAAGrB,UAAUsB,QAAQ,CAACC,IAAI,GAAGX,QAAQ,CAAC,CAAC,EAAEA,OAAO,GAAG,GAAG,CAAC,EAAED,QAAQ;YAClGV,cAAcc,OAAO,CAACS,IAAI,GAAGR;YAC7Bf,cAAcc,OAAO,CAACU,KAAK;YAC3B,0CAA0C;YAC1CR,IAAIS,eAAe,CAACV;QACtB;IAEA,qBACE;;0BACE,KAACvB;gBACCkC,IAAG;gBACHC,iBAAevB,OAAO,eAAewB;gBACrCC,iBAAc;gBACdC,iBAAe1B,OAAO,SAASwB;gBAC/BG,SAASzB;0BAET,cAAA,KAACb;;0BAGH,KAACJ;gBACCqC,IAAG;gBACHzB,UAAUA;gBACVG,MAAMA;gBACN4B,cAAc;gBACdC,SAAS,IAAM/B,YAAY;gBAC3BgC,eAAe;oBACb,mBAAmB;gBACrB;0BAEA,cAAA,KAACC;8BACC,cAAA,KAAC/C;wBAAkBgD,aAAa,IAAMlC,YAAY;kCAChD,cAAA,MAACX;;8CACC,KAACD;oCAASyC,SAAStB,gBAAgB;8CAAS;;8CAC5C,KAACnB;oCAASyC,SAAStB,gBAAgB;8CAAS;;8CAC5C,KAACnB;oCAASyC,SAAStB,gBAAgB,QAAQ;8CAAgB;;8CAC3D,KAACnB;oCAASyC,SAAStB,gBAAgB,QAAQ;8CAAgB;;;;;;;0BASnE,KAAC4B;gBAAEC,KAAKtC;gBAAeuC,OAAO;oBAAEC,SAAS;gBAAO;;;;AAGtD"}

package/dist/components/EditButton/EditButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from '@mui/material';
 import PencilIcon from 'mdi-material-ui/PencilOutline';
 export const EditButton = ({ label = 'Edit', onClick })=>{

package/dist/components/EditButton/EditButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/EditButton/EditButton.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 { Button } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { ReactElement } from 'react';\n\nexport interface EditButtonProps {\n /*\n The label used inside the button.\n /\n label?: string;\n\n /\n Handler that puts the dashboard into editing mode.\n */\n onClick: () => void;\n}\n\nexport const EditButton = ({ label = 'Edit', onClick }: EditButtonProps): ReactElement => {\n return (\n <Button\n onClick={onClick}\n startIcon={<PencilIcon />}\n variant=\"outlined\"\n color=\"secondary\"\n sx={{ whiteSpace: 'nowrap', minWidth: 'auto' }}\n >\n {label}\n </Button>\n );\n};\n"],"names":["Button","PencilIcon","EditButton","label","onClick","startIcon","variant","color","sx","whiteSpace","minWidth"],"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,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,gBAAgB,gCAAgC;AAevD,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,MAAM,EAAEC,OAAO,EAAmB;IACrE,qBACE,KAACJ;QACCI,SAASA;QACTC,yBAAW,KAACJ;QACZK,SAAQ;QACRC,OAAM;QACNC,IAAI;YAAEC,YAAY;YAAUC,UAAU;QAAO;kBAE5CP;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/EditButton/EditButton.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 { Button } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { ReactElement } from 'react';\n\nexport interface EditButtonProps {\n /*\n The label used inside the button.\n /\n label?: string;\n\n /\n Handler that puts the dashboard into editing mode.\n */\n onClick: () => void;\n}\n\nexport const EditButton = ({ label = 'Edit', onClick }: EditButtonProps): ReactElement => {\n return (\n <Button\n onClick={onClick}\n startIcon={<PencilIcon />}\n variant=\"outlined\"\n color=\"secondary\"\n sx={{ whiteSpace: 'nowrap', minWidth: 'auto' }}\n >\n {label}\n </Button>\n );\n};\n"],"names":["Button","PencilIcon","EditButton","label","onClick","startIcon","variant","color","sx","whiteSpace","minWidth"],"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,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,gBAAgB,gCAAgC;AAevD,OAAO,MAAMC,aAAa,CAAC,EAAEC,QAAQ,MAAM,EAAEC,OAAO,EAAmB;IACrE,qBACE,KAACJ;QACCI,SAASA;QACTC,yBAAW,KAACJ;QACZK,SAAQ;QACRC,OAAM;QACNC,IAAI;YAAEC,YAAY;YAAUC,UAAU;QAAO;kBAE5CP;;AAGP,EAAE"}

package/dist/components/EditJsonButton/EditJsonButton.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import CodeIcon from 'mdi-material-ui/CodeBraces';
 import { InfoTooltip, ToolbarIconButton } from '@perses-dev/components';
 import { TOOLTIP_TEXT } from '../../constants';

package/dist/components/EditJsonButton/EditJsonButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/EditJsonButton/EditJsonButton.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 CodeIcon from 'mdi-material-ui/CodeBraces';\nimport { InfoTooltip, ToolbarIconButton } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { TOOLTIP_TEXT } from '../../constants';\nimport { useEditJsonDialog } from '../../context';\n\nexport interface EditJsonButtonProps {\n isReadonly: boolean;\n}\n\nexport const EditJsonButton = (props: EditJsonButtonProps): ReactElement => {\n const { isReadonly } = props;\n const { openEditJsonDialog } = useEditJsonDialog();\n\n const info = isReadonly ? TOOLTIP_TEXT.viewJson : TOOLTIP_TEXT.editJson;\n\n return (\n <InfoTooltip description={info}>\n <ToolbarIconButton aria-label={info} variant=\"outlined\" onClick={() => openEditJsonDialog()}>\n <CodeIcon />\n </ToolbarIconButton>\n </InfoTooltip>\n );\n};\n"],"names":["CodeIcon","InfoTooltip","ToolbarIconButton","TOOLTIP_TEXT","useEditJsonDialog","EditJsonButton","props","isReadonly","openEditJsonDialog","info","viewJson","editJson","description","aria-label","variant","onClick"],"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,OAAOA,cAAc,6BAA6B;AAClD,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,yBAAyB;AAExE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,iBAAiB,QAAQ,gBAAgB;AAMlD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEE,kBAAkB,EAAE,GAAGJ;IAE/B,MAAMK,OAAOF,aAAaJ,aAAaO,QAAQ,GAAGP,aAAaQ,QAAQ;IAEvE,qBACE,KAACV;QAAYW,aAAaH;kBACxB,cAAA,KAACP;YAAkBW,cAAYJ;YAAMK,SAAQ;YAAWC,SAAS,IAAMP;sBACrE,cAAA,KAACR;;;AAIT,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/EditJsonButton/EditJsonButton.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 CodeIcon from 'mdi-material-ui/CodeBraces';\nimport { InfoTooltip, ToolbarIconButton } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { TOOLTIP_TEXT } from '../../constants';\nimport { useEditJsonDialog } from '../../context';\n\nexport interface EditJsonButtonProps {\n isReadonly: boolean;\n}\n\nexport const EditJsonButton = (props: EditJsonButtonProps): ReactElement => {\n const { isReadonly } = props;\n const { openEditJsonDialog } = useEditJsonDialog();\n\n const info = isReadonly ? TOOLTIP_TEXT.viewJson : TOOLTIP_TEXT.editJson;\n\n return (\n <InfoTooltip description={info}>\n <ToolbarIconButton aria-label={info} variant=\"outlined\" onClick={() => openEditJsonDialog()}>\n <CodeIcon />\n </ToolbarIconButton>\n </InfoTooltip>\n );\n};\n"],"names":["CodeIcon","InfoTooltip","ToolbarIconButton","TOOLTIP_TEXT","useEditJsonDialog","EditJsonButton","props","isReadonly","openEditJsonDialog","info","viewJson","editJson","description","aria-label","variant","onClick"],"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,OAAOA,cAAc,6BAA6B;AAClD,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,yBAAyB;AAExE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,iBAAiB,QAAQ,gBAAgB;AAMlD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEE,kBAAkB,EAAE,GAAGJ;IAE/B,MAAMK,OAAOF,aAAaJ,aAAaO,QAAQ,GAAGP,aAAaQ,QAAQ;IAEvE,qBACE,KAACV;QAAYW,aAAaH;kBACxB,cAAA,KAACP;YAAkBW,cAAYJ;YAAMK,SAAQ;YAAWC,SAAS,IAAMP;sBACrE,cAAA,KAACR;;;AAIT,EAAE"}

package/dist/components/EditJsonDialog/EditJsonDialog.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Alert, FormControl } from '@mui/material';
 import { Dialog, JSONEditor } from '@perses-dev/components';