File Content: explore.476912733278e2a99729.js.map {"version":3,"file":"explore.476912733278e2a99729.js","mappings":"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","sources":["webpack://grafana/./public/app/features/correlations/Forms/types.ts","webpack://grafana/./node_modules/react-use/esm/useBeforeUnload.js","webpack://grafana/./public/app/features/explore/CorrelationUnsavedChangesModal.tsx","webpack://grafana/./public/app/features/explore/correlationEditLogic.ts","webpack://grafana/./public/app/features/explore/CorrelationEditorModeBar.tsx","webpack://grafana/./public/app/features/explore/ExploreActions.tsx","webpack://grafana/./node_modules/react-use/esm/useScroll.js","webpack://grafana/./public/app/features/explore/ContentOutline/ContentOutlineContext.tsx","webpack://grafana/./public/app/features/explore/ContentOutline/ContentOutlineItemButton.tsx","webpack://grafana/./public/app/features/explore/ContentOutline/ContentOutline.tsx","webpack://grafana/./public/app/features/explore/ContentOutline/ContentOutlineItem.tsx","webpack://grafana/./public/app/features/explore/CorrelationTransformationAddModal.tsx","webpack://grafana/./public/app/features/explore/CorrelationHelper.tsx","webpack://grafana/./public/app/features/explore/CustomContainer.tsx","webpack://grafana/./node_modules/re-resizable/lib/resizer.js","webpack://grafana/./node_modules/re-resizable/lib/index.js","webpack://grafana/./public/app/features/explore/ExploreDrawer.tsx","webpack://grafana/./public/app/features/explore/ExploreQueryInspector.tsx","webpack://grafana/./public/app/features/explore/TimeSyncButton.tsx","webpack://grafana/./public/app/features/explore/ExploreTimeControls.tsx","webpack://grafana/./public/app/features/explore/LiveTailButton.tsx","webpack://grafana/./public/app/features/explore/ShortLinkButtonMenu.tsx","webpack://grafana/./public/app/features/explore/extensions/ToolbarExtensionPoint.tsx","webpack://grafana/./public/app/features/explore/useLiveTailControls.ts","webpack://grafana/./public/app/features/explore/ExploreToolbar.tsx","webpack://grafana/./public/app/features/explore/FlameGraph/FlameGraphExploreContainer.tsx","webpack://grafana/./public/app/features/explore/ElapsedTime.tsx","webpack://grafana/./public/app/features/explore/Logs/LiveLogs.tsx","webpack://grafana/./public/app/features/logs/components/InfiniteScroll.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsFeedback.tsx","webpack://grafana/./public/app/features/explore/MetaInfoText.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsTable.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsMetaRow.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsNavigationPages.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsNavigation.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsColumnSearch.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsTableEmptyFields.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsTableNavField.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsTableActiveFields.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsTableAvailableFields.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsTableMultiSelect.tsx","webpack://grafana/./public/app/features/explore/Logs/utils/uFuzzy.ts","webpack://grafana/./public/app/features/explore/Logs/LogsTableWrap.tsx","webpack://grafana/./public/app/features/explore/SupplementaryResultError.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsVolumePanel.tsx","webpack://grafana/./public/app/features/explore/Logs/utils/logsVolumeResponse.ts","webpack://grafana/./public/app/features/explore/Logs/LogsVolumePanelList.tsx","webpack://grafana/./public/app/features/explore/Logs/Logs.tsx","webpack://grafana/./public/app/features/explore/Logs/utils/LogsCrossFadeTransition.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsContainer.tsx","webpack://grafana/./public/app/features/explore/Logs/LogsSamplePanel.tsx","webpack://grafana/./public/app/features/explore/NoData.tsx","webpack://grafana/./public/app/features/explore/NoDataSourceCallToAction.tsx","webpack://grafana/./public/app/features/explore/NodeGraph/NodeGraphContainer.tsx","webpack://grafana/./public/app/features/explore/QueryRows.tsx","webpack://grafana/./public/app/features/explore/PrometheusListView/RawListContainer.tsx","webpack://grafana/./public/app/features/explore/RawPrometheus/RawPrometheusContainer.tsx","webpack://grafana/./public/app/core/components/Animations/FadeIn.tsx","webpack://grafana/./public/app/features/explore/ErrorContainer.tsx","webpack://grafana/./public/app/features/explore/ResponseErrorContainer.tsx","webpack://grafana/./public/app/features/explore/RichHistory/RichHistoryCard.tsx","webpack://grafana/./public/app/features/explore/RichHistory/RichHistoryQueriesTab.tsx","webpack://grafana/./public/app/features/explore/RichHistory/RichHistorySettingsTab.tsx","webpack://grafana/./public/app/features/explore/RichHistory/RichHistoryStarredTab.tsx","webpack://grafana/./public/app/features/explore/RichHistory/RichHistory.tsx","webpack://grafana/./public/app/features/explore/RichHistory/RichHistoryContainer.tsx","webpack://grafana/./public/app/features/explore/SecondaryActions.tsx","webpack://grafana/./public/app/features/explore/Table/TableContainer.tsx","webpack://grafana/./public/app/features/explore/TraceView/TraceViewContainer.tsx","webpack://grafana/./public/app/features/explore/Explore.tsx","webpack://grafana/./public/app/features/explore/ExplorePaneContainer.tsx","webpack://grafana/./public/app/features/explore/hooks/useExplorePageTitle.ts","webpack://grafana/./public/app/features/explore/hooks/useKeyboardShortcuts.ts","webpack://grafana/./public/app/features/explore/hooks/useSplitSizeUpdater.ts","webpack://grafana/./public/app/features/explore/hooks/useTimeSrvFix.ts","webpack://grafana/./public/app/features/explore/ExplorePage.tsx","webpack://grafana/./node_modules/react-use/esm/useInterval.js"],"sourcesContent":["import { SupportedTransformationType } from '@grafana/data';\nimport { t } from 'app/core/internationalization';\n\nimport { CorrelationConfig } from '../types';\n\nexport interface FormDTO {\n sourceUID: string;\n targetUID: string;\n label: string;\n description: string;\n config: CorrelationConfig;\n}\n\nexport type EditFormDTO = Omit<FormDTO, 'targetUID' | 'sourceUID'>;\n\nexport type TransformationDTO = {\n type: SupportedTransformationType;\n expression?: string;\n mapValue?: string;\n};\n\nexport interface TransformationFieldDetails {\n show: boolean;\n required?: boolean;\n helpText?: string;\n}\n\ninterface SupportedTransformationTypeDetails {\n label: string;\n value: SupportedTransformationType;\n description?: string;\n expressionDetails: TransformationFieldDetails;\n mapValueDetails: TransformationFieldDetails;\n}\n\nexport function getSupportedTransTypeDetails(\n transType: SupportedTransformationType\n): SupportedTransformationTypeDetails {\n switch (transType) {\n case SupportedTransformationType.Logfmt:\n return {\n label: t('correlations.trans-details.logfmt-label', 'Logfmt'),\n value: SupportedTransformationType.Logfmt,\n description: t(\n 'correlations.trans-details.logfmt-description',\n 'Parse provided field with logfmt to get variables'\n ),\n expressionDetails: { show: false },\n mapValueDetails: { show: false },\n };\n case SupportedTransformationType.Regex:\n return {\n label: t('correlations.trans-details.regex-label', 'Regular expression'),\n value: SupportedTransformationType.Regex,\n description: t(\n 'correlations.trans-details.regex-description',\n 'Field will be parsed with regex. Use named capture groups to return multiple variables, or a single unnamed capture group to add variable to named map value. Regex is case insensitive.'\n ),\n expressionDetails: {\n show: true,\n required: true,\n helpText: t(\n 'correlations.trans-details.regex-expression',\n 'Use capture groups to extract a portion of the field.'\n ),\n },\n mapValueDetails: {\n show: true,\n required: false,\n helpText: t(\n 'correlations.trans-details.regex-map-values',\n 'Defines the name of the variable if the capture group is not named.'\n ),\n },\n };\n default:\n return {\n label: transType,\n value: transType,\n expressionDetails: { show: false },\n mapValueDetails: { show: false },\n };\n }\n}\n\nexport const getTransformOptions = () => {\n return Object.values(SupportedTransformationType).map((transformationType) => {\n const transType = getSupportedTransTypeDetails(transformationType);\n return {\n label: transType.label,\n value: transType.value,\n description: transType.description,\n };\n });\n};\n","import { useCallback, useEffect } from 'react';\nimport { off, on } from './misc/util';\nvar useBeforeUnload = function (enabled, message) {\n if (enabled === void 0) { enabled = true; }\n var handler = useCallback(function (event) {\n var finalEnabled = typeof enabled === 'function' ? enabled() : true;\n if (!finalEnabled) {\n return;\n }\n event.preventDefault();\n if (message) {\n event.returnValue = message;\n }\n return message;\n }, [enabled, message]);\n useEffect(function () {\n if (!enabled) {\n return;\n }\n on(window, 'beforeunload', handler);\n return function () { return off(window, 'beforeunload', handler); };\n }, [enabled, handler]);\n};\nexport default useBeforeUnload;\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { Button, Modal } from '@grafana/ui';\n\ninterface UnsavedChangesModalProps {\n message: string;\n onDiscard: () => void;\n onCancel: () => void;\n onSave: () => void;\n}\n\nexport const CorrelationUnsavedChangesModal = ({ onSave, onDiscard, onCancel, message }: UnsavedChangesModalProps) => {\n return (\n <Modal\n isOpen={true}\n title={`Unsaved changes to correlation`}\n onDismiss={onCancel}\n icon=\"exclamation-triangle\"\n className={css({ width: '600px' })}\n >\n <h5>{message}</h5>\n <Modal.ButtonRow>\n <Button variant=\"secondary\" onClick={onCancel} fill=\"outline\">\n Cancel\n </Button>\n <Button variant=\"destructive\" onClick={onDiscard}>\n Continue without saving\n </Button>\n <Button variant=\"primary\" onClick={onSave}>\n Save correlation\n </Button>\n </Modal.ButtonRow>\n </Modal>\n );\n};\n","import { template } from 'lodash';\n\nimport { CORRELATION_EDITOR_POST_CONFIRM_ACTION } from 'app/types';\n\nenum CONSEQUENCES {\n SOURCE_TARGET_CHANGE = 'cause the query in the right pane to be re-ran and links added to that data',\n FULL_QUERY_LOSS = 'lose the changed query',\n FULL_CORR_LOSS = 'cause the correlation in progress to be lost',\n INVALID_VAR = 'remove the variables, and your changed query may no longer be valid',\n}\n\n// returns a string if the modal should show, with what the message string should be\n// returns undefined if the modal shouldn't show\nexport const showModalMessage = (\n action: CORRELATION_EDITOR_POST_CONFIRM_ACTION,\n isActionLeft: boolean,\n dirtyCorrelation: boolean,\n dirtyQueryEditor: boolean\n) => {\n const messageTemplate = template(\n '<%= actionStr %> will <%= consequenceStr %>. Would you like to save before continuing?'\n );\n let actionStr = '';\n let consequenceStr = '';\n\n // dirty correlation message always takes priority over dirty query\n if (action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_PANE) {\n actionStr = 'Closing the pane';\n if (isActionLeft) {\n if (dirtyCorrelation) {\n consequenceStr = CONSEQUENCES.FULL_CORR_LOSS;\n } else if (dirtyQueryEditor) {\n consequenceStr = CONSEQUENCES.SOURCE_TARGET_CHANGE;\n } else {\n return undefined;\n }\n } else {\n // right pane close\n if (dirtyCorrelation) {\n consequenceStr = CONSEQUENCES.FULL_CORR_LOSS;\n } else if (dirtyQueryEditor) {\n consequenceStr = CONSEQUENCES.FULL_QUERY_LOSS;\n } else {\n return undefined;\n }\n }\n } else if (action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CHANGE_DATASOURCE) {\n actionStr = 'Changing the datasource';\n if (isActionLeft) {\n if (dirtyCorrelation) {\n consequenceStr = CONSEQUENCES.FULL_CORR_LOSS;\n } else {\n return undefined;\n }\n } else {\n // right datasource change\n if (dirtyQueryEditor) {\n consequenceStr = CONSEQUENCES.FULL_QUERY_LOSS;\n } else {\n return undefined;\n }\n }\n } else if (action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_EDITOR) {\n actionStr = 'Closing the editor';\n if (dirtyCorrelation) {\n consequenceStr = CONSEQUENCES.FULL_CORR_LOSS;\n } else if (dirtyQueryEditor) {\n consequenceStr = CONSEQUENCES.INVALID_VAR;\n } else {\n return undefined;\n }\n }\n return messageTemplate({ actionStr, consequenceStr });\n};\n","import { css } from '@emotion/css';\nimport React, { useEffect, useState } from 'react';\nimport { Prompt } from 'react-router-dom';\nimport { useBeforeUnload, useUnmount } from 'react-use';\n\nimport { GrafanaTheme2, colorManipulator } from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime';\nimport { Button, HorizontalGroup, Icon, Tooltip, useStyles2 } from '@grafana/ui';\nimport { CORRELATION_EDITOR_POST_CONFIRM_ACTION, ExploreItemState, useDispatch, useSelector } from 'app/types';\n\nimport { CorrelationUnsavedChangesModal } from './CorrelationUnsavedChangesModal';\nimport { showModalMessage } from './correlationEditLogic';\nimport { saveCurrentCorrelation } from './state/correlations';\nimport { changeDatasource } from './state/datasource';\nimport { changeCorrelationHelperData } from './state/explorePane';\nimport { changeCorrelationEditorDetails, splitClose } from './state/main';\nimport { runQueries } from './state/query';\nimport { selectCorrelationDetails, selectIsHelperShowing } from './state/selectors';\n\nexport const CorrelationEditorModeBar = ({ panes }: { panes: Array<[string, ExploreItemState]> }) => {\n const dispatch = useDispatch();\n const styles = useStyles2(getStyles);\n const correlationDetails = useSelector(selectCorrelationDetails);\n const isHelperShowing = useSelector(selectIsHelperShowing);\n const [saveMessage, setSaveMessage] = useState<string | undefined>(undefined); // undefined means do not show\n\n // handle refreshing and closing the tab\n useBeforeUnload(correlationDetails?.correlationDirty || false, 'Save correlation?');\n useBeforeUnload(\n (!correlationDetails?.correlationDirty && correlationDetails?.queryEditorDirty) || false,\n 'The query editor was changed. Save correlation before continuing?'\n );\n\n // decide if we are displaying prompt, perform action if not\n useEffect(() => {\n if (correlationDetails?.isExiting) {\n const { correlationDirty, queryEditorDirty } = correlationDetails;\n let isActionLeft = undefined;\n let action = undefined;\n if (correlationDetails.postConfirmAction) {\n isActionLeft = correlationDetails.postConfirmAction.isActionLeft;\n action = correlationDetails.postConfirmAction.action;\n } else {\n // closing the editor only\n action = CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_EDITOR;\n isActionLeft = false;\n }\n\n const modalMessage = showModalMessage(action, isActionLeft, correlationDirty, queryEditorDirty);\n if (modalMessage !== undefined) {\n setSaveMessage(modalMessage);\n } else {\n // if no prompt, perform action\n if (\n action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CHANGE_DATASOURCE &&\n correlationDetails.postConfirmAction\n ) {\n const { exploreId, changeDatasourceUid } = correlationDetails?.postConfirmAction;\n if (exploreId && changeDatasourceUid) {\n dispatch(\n changeDatasource({ exploreId, datasource: changeDatasourceUid, options: { importQueries: true } })\n );\n dispatch(\n changeCorrelationEditorDetails({\n isExiting: false,\n })\n );\n }\n } else if (\n action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_PANE &&\n correlationDetails.postConfirmAction\n ) {\n const { exploreId } = correlationDetails?.postConfirmAction;\n if (exploreId !== undefined) {\n dispatch(splitClose(exploreId));\n dispatch(\n changeCorrelationEditorDetails({\n isExiting: false,\n })\n );\n }\n } else if (action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_EDITOR) {\n dispatch(\n changeCorrelationEditorDetails({\n editorMode: false,\n })\n );\n }\n }\n }\n }, [correlationDetails, dispatch, isHelperShowing]);\n\n // clear data when unmounted\n useUnmount(() => {\n dispatch(\n changeCorrelationEditorDetails({\n editorMode: false,\n isExiting: false,\n correlationDirty: false,\n label: undefined,\n description: undefined,\n canSave: false,\n })\n );\n\n panes.forEach((pane) => {\n dispatch(\n changeCorrelationHelperData({\n exploreId: pane[0],\n correlationEditorHelperData: undefined,\n })\n );\n dispatch(runQueries({ exploreId: pane[0] }));\n });\n });\n\n const resetEditor = () => {\n dispatch(\n changeCorrelationEditorDetails({\n editorMode: true,\n isExiting: false,\n correlationDirty: false,\n label: undefined,\n description: undefined,\n canSave: false,\n })\n );\n\n panes.forEach((pane) => {\n dispatch(\n changeCorrelationHelperData({\n exploreId: pane[0],\n correlationEditorHelperData: undefined,\n })\n );\n dispatch(runQueries({ exploreId: pane[0] }));\n });\n };\n\n const closePane = (exploreId: string) => {\n setSaveMessage(undefined);\n dispatch(splitClose(exploreId));\n reportInteraction('grafana_explore_split_view_closed');\n };\n\n const changeDatasourcePostAction = (exploreId: string, datasourceUid: string) => {\n setSaveMessage(undefined);\n dispatch(changeDatasource({ exploreId, datasource: datasourceUid, options: { importQueries: true } }));\n };\n\n const saveCorrelationPostAction = (skipPostConfirmAction: boolean) => {\n dispatch(\n saveCurrentCorrelation(\n correlationDetails?.label,\n correlationDetails?.description,\n correlationDetails?.transformations\n )\n );\n if (!skipPostConfirmAction && correlationDetails?.postConfirmAction !== undefined) {\n const { exploreId, action, changeDatasourceUid } = correlationDetails?.postConfirmAction;\n if (action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_PANE) {\n closePane(exploreId);\n resetEditor();\n } else if (\n action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CHANGE_DATASOURCE &&\n changeDatasourceUid !== undefined\n ) {\n changeDatasource({ exploreId, datasource: changeDatasourceUid });\n resetEditor();\n }\n } else {\n dispatch(changeCorrelationEditorDetails({ editorMode: false, correlationDirty: false, isExiting: false }));\n }\n };\n\n return (\n <>\n {/* Handle navigating outside of Explore */}\n <Prompt\n message={(location) => {\n if (\n location.pathname !== '/explore' &&\n (correlationDetails?.editorMode || false) &&\n (correlationDetails?.correlationDirty || false)\n ) {\n return 'You have unsaved correlation data. Continue?';\n } else {\n return true;\n }\n }}\n />\n\n {saveMessage !== undefined && (\n <CorrelationUnsavedChangesModal\n onDiscard={() => {\n if (correlationDetails?.postConfirmAction !== undefined) {\n const { exploreId, action, changeDatasourceUid } = correlationDetails?.postConfirmAction;\n if (action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_PANE) {\n closePane(exploreId);\n } else if (\n action === CORRELATION_EDITOR_POST_CONFIRM_ACTION.CHANGE_DATASOURCE &&\n changeDatasourceUid !== undefined\n ) {\n changeDatasourcePostAction(exploreId, changeDatasourceUid);\n }\n dispatch(changeCorrelationEditorDetails({ isExiting: false }));\n } else {\n // exit correlations mode\n // if we are discarding the in progress correlation, reset everything\n // this modal only shows if the editorMode is false, so we just need to update the dirty state\n dispatch(\n changeCorrelationEditorDetails({\n editorMode: false,\n correlationDirty: false,\n isExiting: false,\n })\n );\n }\n }}\n onCancel={() => {\n // if we are cancelling the exit, set the editor mode back to true and hide the prompt\n dispatch(changeCorrelationEditorDetails({ isExiting: false }));\n setSaveMessage(undefined);\n }}\n onSave={() => {\n saveCorrelationPostAction(false);\n }}\n message={saveMessage}\n />\n )}\n <div className={styles.correlationEditorTop}>\n <HorizontalGroup spacing=\"md\" justify=\"flex-end\">\n <Tooltip content=\"Correlations editor in Explore is an experimental feature.\">\n <Icon className={styles.iconColor} name=\"info-circle\" size=\"xl\" />\n </Tooltip>\n <Button\n variant=\"secondary\"\n disabled={!correlationDetails?.canSave}\n fill=\"outline\"\n className={correlationDetails?.canSave ? styles.buttonColor : styles.disabledButtonColor}\n onClick={() => {\n saveCorrelationPostAction(true);\n }}\n >\n Save\n </Button>\n <Button\n variant=\"secondary\"\n fill=\"outline\"\n className={styles.buttonColor}\n icon=\"times\"\n onClick={() => {\n dispatch(changeCorrelationEditorDetails({ isExiting: true }));\n reportInteraction('grafana_explore_correlation_editor_exit_pressed');\n }}\n >\n Exit correlation editor\n </Button>\n </HorizontalGroup>\n </div>\n </>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n const contrastColor = theme.colors.getContrastText(theme.colors.primary.main);\n const lighterBackgroundColor = colorManipulator.lighten(theme.colors.primary.main, 0.1);\n const darkerBackgroundColor = colorManipulator.darken(theme.colors.primary.main, 0.2);\n\n const disabledColor = colorManipulator.darken(contrastColor, 0.2);\n\n return {\n correlationEditorTop: css({\n backgroundColor: theme.colors.primary.main,\n marginTop: '3px',\n padding: theme.spacing(1),\n }),\n iconColor: css({\n color: contrastColor,\n }),\n buttonColor: css({\n color: contrastColor,\n borderColor: contrastColor,\n '&:hover': {\n color: contrastColor,\n borderColor: contrastColor,\n backgroundColor: lighterBackgroundColor,\n },\n }),\n // important needed to override disabled state styling\n disabledButtonColor: css({\n color: `${disabledColor} !important`,\n backgroundColor: `${darkerBackgroundColor} !important`,\n }),\n };\n};\n","import { useRegisterActions, useKBar, Action, Priority } from 'kbar';\nimport { useEffect, useState } from 'react';\n\nimport { config } from '@grafana/runtime';\nimport { contextSrv } from 'app/core/services/context_srv';\nimport { MIXED_DATASOURCE_NAME } from 'app/plugins/datasource/mixed/MixedDataSource';\nimport { AccessControlAction, useDispatch, useSelector } from 'app/types';\n\nimport { splitOpen, splitClose, changeCorrelationEditorDetails } from './state/main';\nimport { runQueries } from './state/query';\nimport { isSplit, selectPanes } from './state/selectors';\n\n// FIXME: this should use the new IDs\nexport const ExploreActions = () => {\n const [actions, setActions] = useState<Action[]>([]);\n const { query } = useKBar();\n const dispatch = useDispatch();\n const panes = useSelector(selectPanes);\n const splitted = useSelector(isSplit);\n\n const canWriteCorrelations = contextSrv.hasPermission(AccessControlAction.DataSourcesWrite);\n\n useEffect(() => {\n const keys = Object.keys(panes);\n const exploreSection = {\n name: 'Explore',\n priority: Priority.HIGH + 1,\n };\n\n const actionsArr: Action[] = [];\n\n if (splitted) {\n actionsArr.push({\n id: 'explore/run-query-left',\n name: 'Run query (left)',\n keywords: 'query left',\n perform: () => {\n dispatch(runQueries({ exploreId: keys[0] }));\n },\n section: exploreSection,\n });\n if ([panes[1]]) {\n // we should always have the right exploreId if split\n actionsArr.push({\n id: 'explore/run-query-right',\n name: 'Run query (right)',\n keywords: 'query right',\n perform: () => {\n dispatch(runQueries({ exploreId: keys[1] }));\n },\n section: exploreSection,\n });\n actionsArr.push({\n id: 'explore/split-view-close-left',\n name: 'Close split view left',\n keywords: 'split',\n perform: () => {\n dispatch(splitClose(keys[0]));\n },\n section: exploreSection,\n });\n actionsArr.push({\n id: 'explore/split-view-close-right',\n name: 'Close split view right',\n keywords: 'split',\n perform: () => {\n dispatch(splitClose(keys[1]));\n },\n section: exploreSection,\n });\n }\n } else {\n // command palette doesn't know what pane we're in, only show option if not split and no datasource is mixed\n const hasMixed = Object.values(panes).some((pane) => {\n return pane?.datasourceInstance?.uid === MIXED_DATASOURCE_NAME;\n });\n\n if (config.featureToggles.correlations && canWriteCorrelations && !hasMixed) {\n actionsArr.push({\n id: 'explore/correlations-editor',\n name: 'Correlations editor',\n perform: () => {\n dispatch(changeCorrelationEditorDetails({ editorMode: true }));\n dispatch(runQueries({ exploreId: keys[0] }));\n },\n section: exploreSection,\n });\n }\n\n actionsArr.push({\n id: 'explore/run-query',\n name: 'Run query',\n keywords: 'query',\n perform: () => {\n dispatch(runQueries({ exploreId: keys[0] }));\n },\n section: exploreSection,\n });\n actionsArr.push({\n id: 'explore/split-view-open',\n name: 'Open split view',\n keywords: 'split',\n perform: () => {\n dispatch(splitOpen());\n },\n section: exploreSection,\n });\n }\n setActions(actionsArr);\n }, [panes, splitted, query, dispatch, canWriteCorrelations]);\n\n useRegisterActions(!query ? [] : actions, [actions, query]);\n\n return null;\n};\n","import { useEffect } from 'react';\nimport useRafState from './useRafState';\nimport { off, on } from './misc/util';\nvar useScroll = function (ref) {\n if (process.env.NODE_ENV === 'development') {\n if (typeof ref !== 'object' || typeof ref.current === 'undefined') {\n console.error('`useScroll` expects a single ref argument.');\n }\n }\n var _a = useRafState({\n x: 0,\n y: 0,\n }), state = _a[0], setState = _a[1];\n useEffect(function () {\n var handler = function () {\n if (ref.current) {\n setState({\n x: ref.current.scrollLeft,\n y: ref.current.scrollTop,\n });\n }\n };\n if (ref.current) {\n on(ref.current, 'scroll', handler, {\n capture: false,\n passive: true,\n });\n }\n return function () {\n if (ref.current) {\n off(ref.current, 'scroll', handler);\n }\n };\n }, [ref]);\n return state;\n};\nexport default useScroll;\n","import { uniqueId } from 'lodash';\nimport React, { useState, useContext, createContext, ReactNode, useCallback } from 'react';\n\nimport { ContentOutlineItemBaseProps } from './ContentOutlineItem';\n\nexport interface ContentOutlineItemContextProps extends ContentOutlineItemBaseProps {\n id: string;\n ref: HTMLElement | null;\n}\n\ntype RegisterFunction = ({ title, icon, ref }: Omit<ContentOutlineItemContextProps, 'id'>) => string;\n\nexport interface ContentOutlineContextProps {\n outlineItems: ContentOutlineItemContextProps[];\n register: RegisterFunction;\n unregister: (id: string) => void;\n}\n\nconst ContentOutlineContext = createContext<ContentOutlineContextProps | undefined>(undefined);\n\nexport const ContentOutlineContextProvider = ({ children }: { children: ReactNode }) => {\n const [outlineItems, setOutlineItems] = useState<ContentOutlineItemContextProps[]>([]);\n\n const register: RegisterFunction = useCallback(({ title, icon, ref }) => {\n const id = uniqueId(`${title}-${icon}_`);\n\n setOutlineItems((prevItems) => {\n const updatedItems = [...prevItems, { id, title, icon, ref }];\n\n return updatedItems.sort((a, b) => {\n if (a.ref && b.ref) {\n const diff = a.ref.compareDocumentPosition(b.ref);\n if (diff === Node.DOCUMENT_POSITION_PRECEDING) {\n return 1;\n } else if (diff === Node.DOCUMENT_POSITION_FOLLOWING) {\n return -1;\n }\n }\n return 0;\n });\n });\n\n return id;\n }, []);\n\n const unregister = useCallback((id: string) => {\n setOutlineItems((prevItems) => prevItems.filter((item) => item.id !== id));\n }, []);\n\n return (\n <ContentOutlineContext.Provider value={{ outlineItems, register, unregister }}>\n {children}\n </ContentOutlineContext.Provider>\n );\n};\n\nexport function useContentOutlineContext() {\n const ctx = useContext(ContentOutlineContext);\n\n if (!ctx) {\n throw new Error('useContentOutlineContext must be used within a ContentOutlineContextProvider');\n }\n return ctx;\n}\n","import { cx, css } from '@emotion/css';\nimport React, { ButtonHTMLAttributes } from 'react';\n\nimport { IconName, isIconName, GrafanaTheme2 } from '@grafana/data';\nimport { Icon, useStyles2, Tooltip } from '@grafana/ui';\n\ntype CommonProps = {\n title?: string;\n icon: string;\n tooltip?: string;\n className?: string;\n isActive?: boolean;\n};\n\nexport type ContentOutlineItemButtonProps = CommonProps & ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport function ContentOutlineItemButton({\n title,\n icon,\n tooltip,\n className,\n isActive,\n ...rest\n}: ContentOutlineItemButtonProps) {\n const styles = useStyles2(getStyles);\n\n const buttonStyles = cx(styles.button, className);\n\n const body = (\n <button\n className={cx(buttonStyles, {\n [styles.active]: isActive,\n })}\n aria-label={tooltip}\n {...rest}\n >\n {renderIcon(icon)}\n {title}\n </button>\n );\n\n return tooltip ? (\n <Tooltip content={tooltip} placement=\"bottom\">\n {body}\n </Tooltip>\n ) : (\n body\n );\n}\n\nfunction renderIcon(icon: IconName | React.ReactNode) {\n if (!icon) {\n return null;\n }\n\n if (isIconName(icon)) {\n return <Icon name={icon} size={'lg'} />;\n }\n\n return icon;\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n button: css({\n label: 'content-outline-item-button',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'center',\n height: theme.spacing(theme.components.height.md),\n padding: theme.spacing(0, 1),\n gap: theme.spacing(1),\n color: theme.colors.text.secondary,\n background: 'transparent',\n border: 'none',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n '&:hover': {\n color: theme.colors.text.primary,\n background: theme.colors.background.secondary,\n textDecoration: 'underline',\n },\n }),\n active: css({\n backgroundColor: theme.colors.background.secondary,\n borderTopRightRadius: theme.shape.radius.default,\n borderBottomRightRadius: theme.shape.radius.default,\n position: 'relative',\n\n '&::before': {\n backgroundImage: theme.colors.gradients.brandVertical,\n borderRadius: theme.shape.radius.default,\n content: '\" \"',\n display: 'block',\n height: '100%',\n position: 'absolute',\n transform: 'translateX(-50%)',\n width: theme.spacing(0.5),\n left: '2px',\n },\n }),\n };\n};\n","import { css } from '@emotion/css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useToggle, useScroll } from 'react-use';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime';\nimport { useStyles2, PanelContainer, CustomScrollbar } from '@grafana/ui';\n\nimport { useContentOutlineContext } from './ContentOutlineContext';\nimport { ContentOutlineItemButton } from './ContentOutlineItemButton';\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n wrapper: css({\n label: 'wrapper',\n position: 'relative',\n display: 'flex',\n justifyContent: 'center',\n marginRight: theme.spacing(1),\n height: '100%',\n backgroundColor: theme.colors.background.primary,\n }),\n content: css({\n label: 'content',\n top: 0,\n }),\n buttonStyles: css({\n textAlign: 'left',\n width: '100%',\n padding: theme.spacing(0, 1.5),\n }),\n };\n};\n\nexport function ContentOutline({ scroller, panelId }: { scroller: HTMLElement | undefined; panelId: string }) {\n const { outlineItems } = useContentOutlineContext();\n const [expanded, toggleExpanded] = useToggle(false);\n const [activeItemId, setActiveItemId] = useState<string | undefined>(outlineItems[0]?.id);\n const styles = useStyles2((theme) => getStyles(theme));\n const scrollerRef = useRef(scroller || null);\n const { y: verticalScroll } = useScroll(scrollerRef);\n\n const scrollIntoView = (ref: HTMLElement | null, buttonTitle: string) => {\n let scrollValue = 0;\n let el: HTMLElement | null | undefined = ref;\n\n do {\n scrollValue += el?.offsetTop || 0;\n el = el?.offsetParent as HTMLElement;\n } while (el && el !== scroller);\n\n scroller?.scroll({\n top: scrollValue,\n behavior: 'smooth',\n });\n\n reportInteraction('explore_toolbar_contentoutline_clicked', {\n item: 'select_section',\n type: buttonTitle,\n });\n };\n\n const toggle = () => {\n toggleExpanded();\n reportInteraction('explore_toolbar_contentoutline_clicked', {\n item: 'outline',\n type: expanded ? 'minimize' : 'expand',\n });\n };\n\n useEffect(() => {\n const activeItem = outlineItems.find((item) => {\n const top = item?.ref?.getBoundingClientRect().top;\n\n if (!top) {\n return false;\n }\n\n return top >= 0;\n });\n\n if (!activeItem) {\n return;\n }\n\n setActiveItemId(activeItem.id);\n }, [outlineItems, verticalScroll]);\n\n return (\n <PanelContainer className={styles.wrapper} id={panelId}>\n <CustomScrollbar>\n <div className={styles.content}>\n <ContentOutlineItemButton\n title={expanded ? 'Collapse outline' : undefined}\n icon={expanded ? 'angle-left' : 'angle-right'}\n onClick={toggle}\n tooltip={!expanded ? 'Expand content outline' : undefined}\n className={styles.buttonStyles}\n aria-expanded={expanded}\n />\n\n {outlineItems.map((item) => {\n return (\n <ContentOutlineItemButton\n key={item.id}\n title={expanded ? item.title : undefined}\n className={styles.buttonStyles}\n icon={item.icon}\n onClick={() => scrollIntoView(item.ref, item.title)}\n tooltip={!expanded ? item.title : undefined}\n isActive={activeItemId === item.id}\n />\n );\n })}\n </div>\n </CustomScrollbar>\n </PanelContainer>\n );\n}\n","import React, { useEffect, useRef, ReactNode } from 'react';\n\nimport { useContentOutlineContext } from './ContentOutlineContext';\n\nexport interface ContentOutlineItemBaseProps {\n title: string;\n icon: string;\n}\n\ninterface ContentOutlineItemProps extends ContentOutlineItemBaseProps {\n children: ReactNode;\n className?: string;\n}\n\nexport function ContentOutlineItem({ title, icon, children, className }: ContentOutlineItemProps) {\n const { register, unregister } = useContentOutlineContext();\n const ref = useRef(null);\n\n useEffect(() => {\n // When the component mounts, register it and get its unique ID.\n const id = register({ title: title, icon: icon, ref: ref.current });\n\n // When the component unmounts, unregister it using its unique ID.\n return () => unregister(id);\n }, [title, icon, register, unregister]);\n\n return (\n <div className={className} ref={ref}>\n {children}\n </div>\n );\n}\n","import { css } from '@emotion/css';\nimport React, { useId, useState, useMemo, useEffect } from 'react';\nimport Highlighter from 'react-highlight-words';\nimport { useForm } from 'react-hook-form';\n\nimport { DataLinkTransformationConfig, ScopedVars } from '@grafana/data';\nimport { Button, Field, Icon, Input, InputControl, Label, Modal, Select, Tooltip, Stack } from '@grafana/ui';\n\nimport {\n getSupportedTransTypeDetails,\n getTransformOptions,\n TransformationFieldDetails,\n} from '../correlations/Forms/types';\nimport { getTransformationVars } from '../correlations/transformations';\n\ninterface CorrelationTransformationAddModalProps {\n onCancel: () => void;\n onSave: (transformation: DataLinkTransformationConfig) => void;\n fieldList: Record<string, string>;\n transformationToEdit?: DataLinkTransformationConfig;\n}\n\ninterface ShowFormFields {\n expressionDetails: TransformationFieldDetails;\n mapValueDetails: TransformationFieldDetails;\n}\n\nconst LabelWithTooltip = ({ label, tooltipText }: { label: string; tooltipText: string }) => (\n <Stack gap={1} direction=\"row\" wrap=\"wrap\" alignItems=\"flex-start\">\n <Label>{label}</Label>\n <Tooltip content={tooltipText}>\n <Icon name=\"info-circle\" size=\"sm\" />\n </Tooltip>\n </Stack>\n);\n\nexport const CorrelationTransformationAddModal = ({\n onSave,\n onCancel,\n fieldList,\n transformationToEdit,\n}: CorrelationTransformationAddModalProps) => {\n const [exampleValue, setExampleValue] = useState<string | undefined>(undefined);\n const [transformationVars, setTransformationVars] = useState<ScopedVars>({});\n const [formFieldsVis, setFormFieldsVis] = useState<ShowFormFields>({\n mapValueDetails: { show: false },\n expressionDetails: { show: false },\n });\n const [isExpValid, setIsExpValid] = useState(false); // keep the highlighter from erroring on bad expressions\n const [validToSave, setValidToSave] = useState(false);\n const { getValues, control, register, watch } = useForm<DataLinkTransformationConfig>({\n defaultValues: useMemo(() => {\n if (transformationToEdit) {\n const exampleVal = fieldList[transformationToEdit?.field!];\n setExampleValue(exampleVal);\n if (transformationToEdit?.expression) {\n setIsExpValid(true);\n }\n const transformationTypeDetails = getSupportedTransTypeDetails(transformationToEdit?.type!);\n setFormFieldsVis({\n mapValueDetails: transformationTypeDetails.mapValueDetails,\n expressionDetails: transformationTypeDetails.expressionDetails,\n });\n\n const transformationVars = getTransformationVars(\n {\n type: transformationToEdit?.type!,\n expression: transformationToEdit?.expression,\n mapValue: transformationToEdit?.mapValue,\n },\n exampleVal || '',\n transformationToEdit?.field!\n );\n setTransformationVars({ ...transformationVars });\n setValidToSave(true);\n return {\n type: transformationToEdit?.type,\n field: transformationToEdit?.field,\n mapValue: transformationToEdit?.mapValue,\n expression: transformationToEdit?.expression,\n };\n } else {\n return undefined;\n }\n }, [fieldList, transformationToEdit]),\n });\n const id = useId();\n\n useEffect(() => {\n const subscription = watch((formValues) => {\n const expression = formValues.expression;\n let isExpressionValid = false;\n if (expression !== undefined) {\n isExpressionValid = true;\n try {\n new RegExp(expression);\n } catch (e) {\n isExpressionValid = false;\n }\n } else {\n isExpressionValid = !formFieldsVis.expressionDetails.show;\n }\n setIsExpValid(isExpressionValid);\n let transKeys = [];\n if (formValues.type) {\n const transformationVars = getTransformationVars(\n {\n type: formValues.type,\n expression: isExpressionValid ? expression : '',\n mapValue: formValues.mapValue,\n },\n fieldList[formValues.field!] || '',\n formValues.field!\n );\n\n transKeys = Object.keys(transformationVars);\n setTransformationVars(transKeys.length > 0 ? { ...transformationVars } : {});\n }\n\n if (transKeys.length === 0 || !isExpressionValid) {\n setValidToSave(false);\n } else {\n setValidToSave(true);\n }\n });\n return () => subscription.unsubscribe();\n }, [fieldList, formFieldsVis.expressionDetails.show, watch]);\n\n return (\n <Modal\n isOpen={true}\n title={`${transformationToEdit ? 'Edit' : 'Add'} transformation`}\n onDismiss={onCancel}\n className={css({ width: '700px' })}\n >\n <p>\n A transformation extracts variables out of a single field. These variables will be available along with your\n field variables.\n </p>\n <Field label=\"Field\">\n <InputControl\n control={control}\n render={({ field: { onChange, ref, ...field } }) => (\n <Select\n {...field}\n onChange={(value) => {\n if (value.value) {\n onChange(value.value);\n setExampleValue(fieldList[value.value]);\n }\n }}\n options={Object.entries(fieldList).map((entry) => {\n return { label: entry[0], value: entry[0] };\n })}\n aria-label=\"field\"\n />\n )}\n name={`field` as const}\n />\n </Field>\n\n {exampleValue && (\n <>\n <pre>\n <Highlighter\n textToHighlight={exampleValue}\n searchWords={[isExpValid ? getValues('expression') ?? '' : '']}\n autoEscape={false}\n />\n </pre>\n <Field label=\"Type\">\n <InputControl\n control={control}\n render={({ field: { onChange, ref, ...field } }) => (\n <Select\n {...field}\n onChange={(value) => {\n onChange(value.value);\n const transformationTypeDetails = getSupportedTransTypeDetails(value.value!);\n setFormFieldsVis({\n mapValueDetails: transformationTypeDetails.mapValueDetails,\n expressionDetails: transformationTypeDetails.expressionDetails,\n });\n }}\n options={getTransformOptions()}\n aria-label=\"type\"\n />\n )}\n name={`type` as const}\n />\n </Field>\n {formFieldsVis.expressionDetails.show && (\n <Field\n label={\n formFieldsVis.expressionDetails.helpText ? (\n <LabelWithTooltip label=\"Expression\" tooltipText={formFieldsVis.expressionDetails.helpText} />\n ) : (\n 'Expression'\n )\n }\n htmlFor={`${id}-expression`}\n required={formFieldsVis.expressionDetails.required}\n >\n <Input {...register('expression')} id={`${id}-expression`} />\n </Field>\n )}\n {formFieldsVis.mapValueDetails.show && (\n <Field\n label={\n formFieldsVis.mapValueDetails.helpText ? (\n <LabelWithTooltip label=\"Variable Name\" tooltipText={formFieldsVis.mapValueDetails.helpText} />\n ) : (\n 'Variable Name'\n )\n }\n htmlFor={`${id}-mapValue`}\n >\n <Input {...register('mapValue')} id={`${id}-mapValue`} />\n </Field>\n )}\n {Object.entries(transformationVars).length > 0 && (\n <>\n This transformation will add the following variables:\n <pre>\n {Object.entries(transformationVars).map((entry) => {\n return `\\$\\{${entry[0]}\\} = ${entry[1]?.value}\\n`;\n })}\n </pre>\n </>\n )}\n </>\n )}\n <Modal.ButtonRow>\n <Button variant=\"secondary\" onClick={onCancel} fill=\"outline\">\n Cancel\n </Button>\n <Button variant=\"primary\" onClick={() => onSave(getValues())} disabled={!validToSave}>\n {transformationToEdit ? 'Edit transformation' : 'Add transformation to correlation'}\n </Button>\n </Modal.ButtonRow>\n </Modal>\n );\n};\n","import { css } from '@emotion/css';\nimport React, { useState, useEffect, useId } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useAsync } from 'react-use';\n\nimport { DataLinkTransformationConfig, ExploreCorrelationHelperData, GrafanaTheme2 } from '@grafana/data';\nimport {\n Collapse,\n Alert,\n Field,\n Input,\n Button,\n Card,\n IconButton,\n useStyles2,\n DeleteButton,\n Tooltip,\n Icon,\n Stack,\n} from '@grafana/ui';\nimport { useDispatch, useSelector } from 'app/types';\n\nimport { getTransformationVars } from '../correlations/transformations';\nimport { generateDefaultLabel } from '../correlations/utils';\n\nimport { CorrelationTransformationAddModal } from './CorrelationTransformationAddModal';\nimport { changeCorrelationHelperData } from './state/explorePane';\nimport { changeCorrelationEditorDetails } from './state/main';\nimport { selectCorrelationDetails, selectPanes } from './state/selectors';\n\ninterface Props {\n exploreId: string;\n correlations: ExploreCorrelationHelperData;\n}\n\ninterface FormValues {\n label: string;\n description: string;\n}\n\nexport const CorrelationHelper = ({ exploreId, correlations }: Props) => {\n const dispatch = useDispatch();\n const styles = useStyles2(getStyles);\n const panes = useSelector(selectPanes);\n const panesVals = Object.values(panes);\n const { value: defaultLabel, loading: loadingLabel } = useAsync(\n async () => await generateDefaultLabel(panesVals[0]!, panesVals[1]!),\n [\n panesVals[0]?.datasourceInstance,\n panesVals[0]?.queries[0].datasource,\n panesVals[1]?.datasourceInstance,\n panesVals[1]?.queries[0].datasource,\n ]\n );\n\n const { register, watch, getValues, setValue } = useForm<FormValues>();\n const [isLabelDescOpen, setIsLabelDescOpen] = useState(false);\n const [isTransformOpen, setIsTransformOpen] = useState(false);\n const [showTransformationAddModal, setShowTransformationAddModal] = useState(false);\n const [transformations, setTransformations] = useState<DataLinkTransformationConfig[]>([]);\n const [transformationIdxToEdit, setTransformationIdxToEdit] = useState<number | undefined>(undefined);\n const correlationDetails = useSelector(selectCorrelationDetails);\n const id = useId();\n\n // only fire once on mount to allow save button to enable / disable when unmounted\n useEffect(() => {\n dispatch(changeCorrelationEditorDetails({ canSave: true }));\n return () => {\n dispatch(changeCorrelationEditorDetails({ canSave: false }));\n };\n }, [dispatch]);\n\n useEffect(() => {\n if (\n !loadingLabel &&\n defaultLabel !== undefined &&\n !correlationDetails?.correlationDirty &&\n getValues('label') !== ''\n ) {\n setValue('label', defaultLabel);\n }\n }, [correlationDetails?.correlationDirty, defaultLabel, getValues, loadingLabel, setValue]);\n\n useEffect(() => {\n const subscription = watch((value) => {\n let dirty = correlationDetails?.correlationDirty || false;\n let description = value.description || '';\n if (!dirty && (value.label !== defaultLabel || description !== '')) {\n dirty = true;\n } else if (dirty && value.label === defaultLabel && description.trim() === '') {\n dirty = false;\n }\n dispatch(\n changeCorrelationEditorDetails({ label: value.label, description: value.description, correlationDirty: dirty })\n );\n });\n return () => subscription.unsubscribe();\n }, [correlationDetails?.correlationDirty, defaultLabel, dispatch, watch]);\n\n useEffect(() => {\n const dirty =\n !correlationDetails?.correlationDirty && transformations.length > 0 ? true : correlationDetails?.correlationDirty;\n dispatch(changeCorrelationEditorDetails({ transformations: transformations, correlationDirty: dirty }));\n let transVarRecords: Record<string, string> = {};\n transformations.forEach((transformation) => {\n const transformationVars = getTransformationVars(\n {\n type: transformation.type,\n expression: transformation.expression,\n mapValue: transformation.mapValue,\n },\n correlations.vars[transformation.field!],\n transformation.field!\n );\n\n Object.keys(transformationVars).forEach((key) => {\n transVarRecords[key] = transformationVars[key]?.value;\n });\n });\n\n dispatch(\n changeCorrelationHelperData({\n exploreId: exploreId,\n correlationEditorHelperData: {\n resultField: correlations.resultField,\n origVars: correlations.origVars,\n vars: { ...correlations.origVars, ...transVarRecords },\n },\n })\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [dispatch, transformations]);\n\n return (\n <>\n {showTransformationAddModal && (\n <CorrelationTransformationAddModal\n onCancel={() => {\n setTransformationIdxToEdit(undefined);\n setShowTransformationAddModal(false);\n }}\n onSave={(transformation: DataLinkTransformationConfig) => {\n if (transformationIdxToEdit !== undefined) {\n const editTransformations = [...transformations];\n editTransformations[transformationIdxToEdit] = transformation;\n setTransformations(editTransformations);\n setTransformationIdxToEdit(undefined);\n } else {\n setTransformations([...transformations, transformation]);\n }\n setShowTransformationAddModal(false);\n }}\n fieldList={correlations.origVars}\n transformationToEdit={\n transformationIdxToEdit !== undefined ? transformations[transformationIdxToEdit] : undefined\n }\n />\n )}\n <Alert title=\"Correlation details\" severity=\"info\">\n The correlation link will appear by the <code>{correlations.resultField}</code> field. You can use the following\n variables to set up your correlations:\n <pre>\n {Object.entries(correlations.vars).map((entry) => {\n return `\\$\\{${entry[0]}\\} = ${entry[1]}\\n`;\n })}\n </pre>\n <Collapse\n collapsible\n isOpen={isLabelDescOpen}\n onToggle={() => {\n setIsLabelDescOpen(!isLabelDescOpen);\n }}\n label={\n <Stack gap={1} direction=\"row\" wrap=\"wrap\" alignItems=\"center\">\n Label / Description\n {!isLabelDescOpen && !loadingLabel && (\n <span className={styles.labelCollapseDetails}>{`Label: ${getValues('label') || defaultLabel}`}</span>\n )}\n </Stack>\n }\n >\n <Field label=\"Label\" htmlFor={`${id}-label`}>\n <Input\n {...register('label')}\n id={`${id}-label`}\n onBlur={() => {\n if (getValues('label') === '' && defaultLabel !== undefined) {\n setValue('label', defaultLabel);\n }\n }}\n />\n </Field>\n <Field label=\"Description\" htmlFor={`${id}-description`}>\n <Input {...register('description')} id={`${id}-description`} />\n </Field>\n </Collapse>\n <Collapse\n collapsible\n isOpen={isTransformOpen}\n onToggle={() => {\n setIsTransformOpen(!isTransformOpen);\n }}\n label={\n <Stack gap={1} direction=\"row\" wrap=\"wrap\" alignItems=\"center\">\n Transformations\n <Tooltip content=\"A transformation extracts one or more variables out of a single field.\">\n <Icon name=\"info-circle\" size=\"sm\" />\n </Tooltip>\n </Stack>\n }\n >\n <Button\n variant=\"secondary\"\n fill=\"outline\"\n onClick={() => {\n setShowTransformationAddModal(true);\n }}\n className={styles.transformationAction}\n >\n Add transformation\n </Button>\n {transformations.map((transformation, i) => {\n const { type, field, expression, mapValue } = transformation;\n const detailsString = [\n (mapValue ?? '').length > 0 ? `Variable name: ${mapValue}` : undefined,\n (expression ?? '').length > 0 ? (\n <>\n Expression: <code>{expression}</code>\n </>\n ) : undefined,\n ].filter((val) => val);\n return (\n <Card key={`trans-${i}`}>\n <Card.Heading>\n {field}: {type}\n </Card.Heading>\n {detailsString.length > 0 && (\n <Card.Meta className={styles.transformationMeta}>{detailsString}</Card.Meta>\n )}\n <Card.SecondaryActions>\n <IconButton\n key=\"edit\"\n name=\"edit\"\n aria-label=\"edit transformation\"\n onClick={() => {\n setTransformationIdxToEdit(i);\n setShowTransformationAddModal(true);\n }}\n />\n <DeleteButton\n aria-label=\"delete transformation\"\n onConfirm={() => setTransformations(transformations.filter((_, idx) => i !== idx))}\n closeOnConfirm\n />\n </Card.SecondaryActions>\n </Card>\n );\n })}\n </Collapse>\n </Alert>\n </>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n labelCollapseDetails: css({\n marginLeft: theme.spacing(2),\n ...theme.typography['bodySmall'],\n fontStyle: 'italic',\n }),\n transformationAction: css({\n marginBottom: theme.spacing(2),\n }),\n transformationMeta: css({\n alignItems: 'baseline',\n }),\n };\n};\n","import React, { useMemo } from 'react';\n\nimport { AbsoluteTimeRange, DataFrame, dateTime, EventBus, LoadingState, SplitOpen } from '@grafana/data';\nimport { PanelRenderer } from '@grafana/runtime';\nimport { PanelChrome, PanelContext, PanelContextProvider } from '@grafana/ui';\n\nimport { getPanelPluginMeta } from '../plugins/importPanelPlugin';\n\nimport { useExploreDataLinkPostProcessor } from './hooks/useExploreDataLinkPostProcessor';\n\nexport interface Props {\n width: number;\n height: number;\n timeZone: string;\n pluginId: string;\n frames: DataFrame[];\n absoluteRange: AbsoluteTimeRange;\n state: LoadingState;\n splitOpenFn: SplitOpen;\n eventBus: EventBus;\n}\n\nexport function CustomContainer({\n width,\n height,\n timeZone,\n state,\n pluginId,\n frames,\n absoluteRange,\n splitOpenFn,\n eventBus,\n}: Props) {\n const timeRange = useMemo(\n () => ({\n from: dateTime(absoluteRange.from),\n to: dateTime(absoluteRange.to),\n raw: {\n from: dateTime(absoluteRange.from),\n to: dateTime(absoluteRange.to),\n },\n }),\n [absoluteRange.from, absoluteRange.to]\n );\n\n const plugin = getPanelPluginMeta(pluginId);\n\n const dataLinkPostProcessor = useExploreDataLinkPostProcessor(splitOpenFn, timeRange);\n\n const panelContext: PanelContext = {\n dataLinkPostProcessor,\n eventBus,\n eventsScope: 'explore',\n };\n\n return (\n <PanelContextProvider value={panelContext}>\n <PanelChrome title={plugin.name} width={width} height={height} loadingState={state}>\n {(innerWidth, innerHeight) => (\n <PanelRenderer\n data={{ series: frames, state: state, timeRange }}\n pluginId={pluginId}\n title=\"\"\n width={innerWidth}\n height={innerHeight}\n timeZone={timeZone}\n />\n )}\n </PanelChrome>\n </PanelContextProvider>\n );\n}\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nvar rowSizeBase = {\n width: '100%',\n height: '10px',\n top: '0px',\n left: '0px',\n cursor: 'row-resize',\n};\nvar colSizeBase = {\n width: '10px',\n height: '100%',\n top: '0px',\n left: '0px',\n cursor: 'col-resize',\n};\nvar edgeBase = {\n width: '20px',\n height: '20px',\n position: 'absolute',\n};\nvar styles = {\n top: __assign(__assign({}, rowSizeBase), { top: '-5px' }),\n right: __assign(__assign({}, colSizeBase), { left: undefined, right: '-5px' }),\n bottom: __assign(__assign({}, rowSizeBase), { top: undefined, bottom: '-5px' }),\n left: __assign(__assign({}, colSizeBase), { left: '-5px' }),\n topRight: __assign(__assign({}, edgeBase), { right: '-10px', top: '-10px', cursor: 'ne-resize' }),\n bottomRight: __assign(__assign({}, edgeBase), { right: '-10px', bottom: '-10px', cursor: 'se-resize' }),\n bottomLeft: __assign(__assign({}, edgeBase), { left: '-10px', bottom: '-10px', cursor: 'sw-resize' }),\n topLeft: __assign(__assign({}, edgeBase), { left: '-10px', top: '-10px', cursor: 'nw-resize' }),\n};\nvar Resizer = /** @class */ (function (_super) {\n __extends(Resizer, _super);\n function Resizer() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.onMouseDown = function (e) {\n _this.props.onResizeStart(e, _this.props.direction);\n };\n _this.onTouchStart = function (e) {\n _this.props.onResizeStart(e, _this.props.direction);\n };\n return _this;\n }\n Resizer.prototype.render = function () {\n return (React.createElement(\"div\", { className: this.props.className || '', style: __assign(__assign({ position: 'absolute', userSelect: 'none' }, styles[this.props.direction]), (this.props.replaceStyles || {})), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children));\n };\n return Resizer;\n}(React.PureComponent));\nexport { Resizer };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nimport * as React from 'react';\nimport { flushSync } from 'react-dom';\nimport { Resizer } from './resizer';\nvar DEFAULT_SIZE = {\n width: 'auto',\n height: 'auto',\n};\nvar clamp = function (n, min, max) { return Math.max(Math.min(n, max), min); };\nvar snap = function (n, size) { return Math.round(n / size) * size; };\nvar hasDirection = function (dir, target) {\n return new RegExp(dir, 'i').test(target);\n};\n// INFO: In case of window is a Proxy and does not porxy Events correctly, use isTouchEvent & isMouseEvent to distinguish event type instead of `instanceof`.\nvar isTouchEvent = function (event) {\n return Boolean(event.touches && event.touches.length);\n};\nvar isMouseEvent = function (event) {\n return Boolean((event.clientX || event.clientX === 0) &&\n (event.clientY || event.clientY === 0));\n};\nvar findClosestSnap = function (n, snapArray, snapGap) {\n if (snapGap === void 0) { snapGap = 0; }\n var closestGapIndex = snapArray.reduce(function (prev, curr, index) { return (Math.abs(curr - n) < Math.abs(snapArray[prev] - n) ? index : prev); }, 0);\n var gap = Math.abs(snapArray[closestGapIndex] - n);\n return snapGap === 0 || gap < snapGap ? snapArray[closestGapIndex] : n;\n};\nvar getStringSize = function (n) {\n n = n.toString();\n if (n === 'auto') {\n return n;\n }\n if (n.endsWith('px')) {\n return n;\n }\n if (n.endsWith('%')) {\n return n;\n }\n if (n.endsWith('vh')) {\n return n;\n }\n if (n.endsWith('vw')) {\n return n;\n }\n if (n.endsWith('vmax')) {\n return n;\n }\n if (n.endsWith('vmin')) {\n return n;\n }\n return n + \"px\";\n};\nvar getPixelSize = function (size, parentSize, innerWidth, innerHeight) {\n if (size && typeof size === 'string') {\n if (size.endsWith('px')) {\n return Number(size.replace('px', ''));\n }\n if (size.endsWith('%')) {\n var ratio = Number(size.replace('%', '')) / 100;\n return parentSize * ratio;\n }\n if (size.endsWith('vw')) {\n var ratio = Number(size.replace('vw', '')) / 100;\n return innerWidth * ratio;\n }\n if (size.endsWith('vh')) {\n var ratio = Number(size.replace('vh', '')) / 100;\n return innerHeight * ratio;\n }\n }\n return size;\n};\nvar calculateNewMax = function (parentSize, innerWidth, innerHeight, maxWidth, maxHeight, minWidth, minHeight) {\n maxWidth = getPixelSize(maxWidth, parentSize.width, innerWidth, innerHeight);\n maxHeight = getPixelSize(maxHeight, parentSize.height, innerWidth, innerHeight);\n minWidth = getPixelSize(minWidth, parentSize.width, innerWidth, innerHeight);\n minHeight = getPixelSize(minHeight, parentSize.height, innerWidth, innerHeight);\n return {\n maxWidth: typeof maxWidth === 'undefined' ? undefined : Number(maxWidth),\n maxHeight: typeof maxHeight === 'undefined' ? undefined : Number(maxHeight),\n minWidth: typeof minWidth === 'undefined' ? undefined : Number(minWidth),\n minHeight: typeof minHeight === 'undefined' ? undefined : Number(minHeight),\n };\n};\nvar definedProps = [\n 'as',\n 'style',\n 'className',\n 'grid',\n 'snap',\n 'bounds',\n 'boundsByDirection',\n 'size',\n 'defaultSize',\n 'minWidth',\n 'minHeight',\n 'maxWidth',\n 'maxHeight',\n 'lockAspectRatio',\n 'lockAspectRatioExtraWidth',\n 'lockAspectRatioExtraHeight',\n 'enable',\n 'handleStyles',\n 'handleClasses',\n 'handleWrapperStyle',\n 'handleWrapperClass',\n 'children',\n 'onResizeStart',\n 'onResize',\n 'onResizeStop',\n 'handleComponent',\n 'scale',\n 'resizeRatio',\n 'snapGap',\n];\n// HACK: This class is used to calculate % size.\nvar baseClassName = '__resizable_base__';\nvar Resizable = /** @class */ (function (_super) {\n __extends(Resizable, _super);\n function Resizable(props) {\n var _this = _super.call(this, props) || this;\n _this.ratio = 1;\n _this.resizable = null;\n // For parent boundary\n _this.parentLeft = 0;\n _this.parentTop = 0;\n // For boundary\n _this.resizableLeft = 0;\n _this.resizableRight = 0;\n _this.resizableTop = 0;\n _this.resizableBottom = 0;\n // For target boundary\n _this.targetLeft = 0;\n _this.targetTop = 0;\n _this.appendBase = function () {\n if (!_this.resizable || !_this.window) {\n return null;\n }\n var parent = _this.parentNode;\n if (!parent) {\n return null;\n }\n var element = _this.window.document.createElement('div');\n element.style.width = '100%';\n element.style.height = '100%';\n element.style.position = 'absolute';\n element.style.transform = 'scale(0, 0)';\n element.style.left = '0';\n element.style.flex = '0 0 100%';\n if (element.classList) {\n element.classList.add(baseClassName);\n }\n else {\n element.className += baseClassName;\n }\n parent.appendChild(element);\n return element;\n };\n _this.removeBase = function (base) {\n var parent = _this.parentNode;\n if (!parent) {\n return;\n }\n parent.removeChild(base);\n };\n _this.ref = function (c) {\n if (c) {\n _this.resizable = c;\n }\n };\n _this.state = {\n isResizing: false,\n width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined'\n ? 'auto'\n : _this.propsSize && _this.propsSize.width,\n height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined'\n ? 'auto'\n : _this.propsSize && _this.propsSize.height,\n direction: 'right',\n original: {\n x: 0,\n y: 0,\n width: 0,\n height: 0,\n },\n backgroundStyle: {\n height: '100%',\n width: '100%',\n backgroundColor: 'rgba(0,0,0,0)',\n cursor: 'auto',\n opacity: 0,\n position: 'fixed',\n zIndex: 9999,\n top: '0',\n left: '0',\n bottom: '0',\n right: '0',\n },\n flexBasis: undefined,\n };\n _this.onResizeStart = _this.onResizeStart.bind(_this);\n _this.onMouseMove = _this.onMouseMove.bind(_this);\n _this.onMouseUp = _this.onMouseUp.bind(_this);\n return _this;\n }\n Object.defineProperty(Resizable.prototype, \"parentNode\", {\n get: function () {\n if (!this.resizable) {\n return null;\n }\n return this.resizable.parentNode;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"window\", {\n get: function () {\n if (!this.resizable) {\n return null;\n }\n if (!this.resizable.ownerDocument) {\n return null;\n }\n return this.resizable.ownerDocument.defaultView;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"propsSize\", {\n get: function () {\n return this.props.size || this.props.defaultSize || DEFAULT_SIZE;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"size\", {\n get: function () {\n var width = 0;\n var height = 0;\n if (this.resizable && this.window) {\n var orgWidth = this.resizable.offsetWidth;\n var orgHeight = this.resizable.offsetHeight;\n // HACK: Set position `relative` to get parent size.\n // This is because when re-resizable set `absolute`, I can not get base width correctly.\n var orgPosition = this.resizable.style.position;\n if (orgPosition !== 'relative') {\n this.resizable.style.position = 'relative';\n }\n // INFO: Use original width or height if set auto.\n width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth;\n height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight;\n // Restore original position\n this.resizable.style.position = orgPosition;\n }\n return { width: width, height: height };\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Resizable.prototype, \"sizeStyle\", {\n get: function () {\n var _this = this;\n var size = this.props.size;\n var getSize = function (key) {\n if (typeof _this.state[key] === 'undefined' || _this.state[key] === 'auto') {\n return 'auto';\n }\n if (_this.propsSize && _this.propsSize[key] && _this.propsSize[key].toString().endsWith('%')) {\n if (_this.state[key].toString().endsWith('%')) {\n return _this.state[key].toString();\n }\n var parentSize = _this.getParentSize();\n var value = Number(_this.state[key].toString().replace('px', ''));\n var percent = (value / parentSize[key]) * 100;\n return percent + \"%\";\n }\n return getStringSize(_this.state[key]);\n };\n var width = size && typeof size.width !== 'undefined' && !this.state.isResizing\n ? getStringSize(size.width)\n : getSize('width');\n var height = size && typeof size.height !== 'undefined' && !this.state.isResizing\n ? getStringSize(size.height)\n : getSize('height');\n return { width: width, height: height };\n },\n enumerable: false,\n configurable: true\n });\n Resizable.prototype.getParentSize = function () {\n if (!this.parentNode) {\n if (!this.window) {\n return { width: 0, height: 0 };\n }\n return { width: this.window.innerWidth, height: this.window.innerHeight };\n }\n var base = this.appendBase();\n if (!base) {\n return { width: 0, height: 0 };\n }\n // INFO: To calculate parent width with flex layout\n var wrapChanged = false;\n var wrap = this.parentNode.style.flexWrap;\n if (wrap !== 'wrap') {\n wrapChanged = true;\n this.parentNode.style.flexWrap = 'wrap';\n // HACK: Use relative to get parent padding size\n }\n base.style.position = 'relative';\n base.style.minWidth = '100%';\n base.style.minHeight = '100%';\n var size = {\n width: base.offsetWidth,\n height: base.offsetHeight,\n };\n if (wrapChanged) {\n this.parentNode.style.flexWrap = wrap;\n }\n this.removeBase(base);\n return size;\n };\n Resizable.prototype.bindEvents = function () {\n if (this.window) {\n this.window.addEventListener('mouseup', this.onMouseUp);\n this.window.addEventListener('mousemove', this.onMouseMove);\n this.window.addEventListener('mouseleave', this.onMouseUp);\n this.window.addEventListener('touchmove', this.onMouseMove, {\n capture: true,\n passive: false,\n });\n this.window.addEventListener('touchend', this.onMouseUp);\n }\n };\n Resizable.prototype.unbindEvents = function () {\n if (this.window) {\n this.window.removeEventListener('mouseup', this.onMouseUp);\n this.window.removeEventListener('mousemove', this.onMouseMove);\n this.window.removeEventListener('mouseleave', this.onMouseUp);\n this.window.removeEventListener('touchmove', this.onMouseMove, true);\n this.window.removeEventListener('touchend', this.onMouseUp);\n }\n };\n Resizable.prototype.componentDidMount = function () {\n if (!this.resizable || !this.window) {\n return;\n }\n var computedStyle = this.window.getComputedStyle(this.resizable);\n this.setState({\n width: this.state.width || this.size.width,\n height: this.state.height || this.size.height,\n flexBasis: computedStyle.flexBasis !== 'auto' ? computedStyle.flexBasis : undefined,\n });\n };\n Resizable.prototype.componentWillUnmount = function () {\n if (this.window) {\n this.unbindEvents();\n }\n };\n Resizable.prototype.createSizeForCssProperty = function (newSize, kind) {\n var propsSize = this.propsSize && this.propsSize[kind];\n return this.state[kind] === 'auto' &&\n this.state.original[kind] === newSize &&\n (typeof propsSize === 'undefined' || propsSize === 'auto')\n ? 'auto'\n : newSize;\n };\n Resizable.prototype.calculateNewMaxFromBoundary = function (maxWidth, maxHeight) {\n var boundsByDirection = this.props.boundsByDirection;\n var direction = this.state.direction;\n var widthByDirection = boundsByDirection && hasDirection('left', direction);\n var heightByDirection = boundsByDirection && hasDirection('top', direction);\n var boundWidth;\n var boundHeight;\n if (this.props.bounds === 'parent') {\n var parent_1 = this.parentNode;\n if (parent_1) {\n boundWidth = widthByDirection\n ? this.resizableRight - this.parentLeft\n : parent_1.offsetWidth + (this.parentLeft - this.resizableLeft);\n boundHeight = heightByDirection\n ? this.resizableBottom - this.parentTop\n : parent_1.offsetHeight + (this.parentTop - this.resizableTop);\n }\n }\n else if (this.props.bounds === 'window') {\n if (this.window) {\n boundWidth = widthByDirection ? this.resizableRight : this.window.innerWidth - this.resizableLeft;\n boundHeight = heightByDirection ? this.resizableBottom : this.window.innerHeight - this.resizableTop;\n }\n }\n else if (this.props.bounds) {\n boundWidth = widthByDirection\n ? this.resizableRight - this.targetLeft\n : this.props.bounds.offsetWidth + (this.targetLeft - this.resizableLeft);\n boundHeight = heightByDirection\n ? this.resizableBottom - this.targetTop\n : this.props.bounds.offsetHeight + (this.targetTop - this.resizableTop);\n }\n if (boundWidth && Number.isFinite(boundWidth)) {\n maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth;\n }\n if (boundHeight && Number.isFinite(boundHeight)) {\n maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight;\n }\n return { maxWidth: maxWidth, maxHeight: maxHeight };\n };\n Resizable.prototype.calculateNewSizeFromDirection = function (clientX, clientY) {\n var scale = this.props.scale || 1;\n var resizeRatio = this.props.resizeRatio || 1;\n var _a = this.state, direction = _a.direction, original = _a.original;\n var _b = this.props, lockAspectRatio = _b.lockAspectRatio, lockAspectRatioExtraHeight = _b.lockAspectRatioExtraHeight, lockAspectRatioExtraWidth = _b.lockAspectRatioExtraWidth;\n var newWidth = original.width;\n var newHeight = original.height;\n var extraHeight = lockAspectRatioExtraHeight || 0;\n var extraWidth = lockAspectRatioExtraWidth || 0;\n if (hasDirection('right', direction)) {\n newWidth = original.width + ((clientX - original.x) * resizeRatio) / scale;\n if (lockAspectRatio) {\n newHeight = (newWidth - extraWidth) / this.ratio + extraHeight;\n }\n }\n if (hasDirection('left', direction)) {\n newWidth = original.width - ((clientX - original.x) * resizeRatio) / scale;\n if (lockAspectRatio) {\n newHeight = (newWidth - extraWidth) / this.ratio + extraHeight;\n }\n }\n if (hasDirection('bottom', direction)) {\n newHeight = original.height + ((clientY - original.y) * resizeRatio) / scale;\n if (lockAspectRatio) {\n newWidth = (newHeight - extraHeight) * this.ratio + extraWidth;\n }\n }\n if (hasDirection('top', direction)) {\n newHeight = original.height - ((clientY - original.y) * resizeRatio) / scale;\n if (lockAspectRatio) {\n newWidth = (newHeight - extraHeight) * this.ratio + extraWidth;\n }\n }\n return { newWidth: newWidth, newHeight: newHeight };\n };\n Resizable.prototype.calculateNewSizeFromAspectRatio = function (newWidth, newHeight, max, min) {\n var _a = this.props, lockAspectRatio = _a.lockAspectRatio, lockAspectRatioExtraHeight = _a.lockAspectRatioExtraHeight, lockAspectRatioExtraWidth = _a.lockAspectRatioExtraWidth;\n var computedMinWidth = typeof min.width === 'undefined' ? 10 : min.width;\n var computedMaxWidth = typeof max.width === 'undefined' || max.width < 0 ? newWidth : max.width;\n var computedMinHeight = typeof min.height === 'undefined' ? 10 : min.height;\n var computedMaxHeight = typeof max.height === 'undefined' || max.height < 0 ? newHeight : max.height;\n var extraHeight = lockAspectRatioExtraHeight || 0;\n var extraWidth = lockAspectRatioExtraWidth || 0;\n if (lockAspectRatio) {\n var extraMinWidth = (computedMinHeight - extraHeight) * this.ratio + extraWidth;\n var extraMaxWidth = (computedMaxHeight - extraHeight) * this.ratio + extraWidth;\n var extraMinHeight = (computedMinWidth - extraWidth) / this.ratio + extraHeight;\n var extraMaxHeight = (computedMaxWidth - extraWidth) / this.ratio + extraHeight;\n var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth);\n var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth);\n var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight);\n var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight);\n newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth);\n newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight);\n }\n else {\n newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth);\n newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight);\n }\n return { newWidth: newWidth, newHeight: newHeight };\n };\n Resizable.prototype.setBoundingClientRect = function () {\n // For parent boundary\n if (this.props.bounds === 'parent') {\n var parent_2 = this.parentNode;\n if (parent_2) {\n var parentRect = parent_2.getBoundingClientRect();\n this.parentLeft = parentRect.left;\n this.parentTop = parentRect.top;\n }\n }\n // For target(html element) boundary\n if (this.props.bounds && typeof this.props.bounds !== 'string') {\n var targetRect = this.props.bounds.getBoundingClientRect();\n this.targetLeft = targetRect.left;\n this.targetTop = targetRect.top;\n }\n // For boundary\n if (this.resizable) {\n var _a = this.resizable.getBoundingClientRect(), left = _a.left, top_1 = _a.top, right = _a.right, bottom = _a.bottom;\n this.resizableLeft = left;\n this.resizableRight = right;\n this.resizableTop = top_1;\n this.resizableBottom = bottom;\n }\n };\n Resizable.prototype.onResizeStart = function (event, direction) {\n if (!this.resizable || !this.window) {\n return;\n }\n var clientX = 0;\n var clientY = 0;\n if (event.nativeEvent && isMouseEvent(event.nativeEvent)) {\n clientX = event.nativeEvent.clientX;\n clientY = event.nativeEvent.clientY;\n }\n else if (event.nativeEvent && isTouchEvent(event.nativeEvent)) {\n clientX = event.nativeEvent.touches[0].clientX;\n clientY = event.nativeEvent.touches[0].clientY;\n }\n if (this.props.onResizeStart) {\n if (this.resizable) {\n var startResize = this.props.onResizeStart(event, direction, this.resizable);\n if (startResize === false) {\n return;\n }\n }\n }\n // Fix #168\n if (this.props.size) {\n if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) {\n this.setState({ height: this.props.size.height });\n }\n if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) {\n this.setState({ width: this.props.size.width });\n }\n }\n // For lockAspectRatio case\n this.ratio =\n typeof this.props.lockAspectRatio === 'number' ? this.props.lockAspectRatio : this.size.width / this.size.height;\n var flexBasis;\n var computedStyle = this.window.getComputedStyle(this.resizable);\n if (computedStyle.flexBasis !== 'auto') {\n var parent_3 = this.parentNode;\n if (parent_3) {\n var dir = this.window.getComputedStyle(parent_3).flexDirection;\n this.flexDir = dir.startsWith('row') ? 'row' : 'column';\n flexBasis = computedStyle.flexBasis;\n }\n }\n // For boundary\n this.setBoundingClientRect();\n this.bindEvents();\n var state = {\n original: {\n x: clientX,\n y: clientY,\n width: this.size.width,\n height: this.size.height,\n },\n isResizing: true,\n backgroundStyle: __assign(__assign({}, this.state.backgroundStyle), { cursor: this.window.getComputedStyle(event.target).cursor || 'auto' }),\n direction: direction,\n flexBasis: flexBasis,\n };\n this.setState(state);\n };\n Resizable.prototype.onMouseMove = function (event) {\n var _this = this;\n if (!this.state.isResizing || !this.resizable || !this.window) {\n return;\n }\n if (this.window.TouchEvent && isTouchEvent(event)) {\n try {\n event.preventDefault();\n event.stopPropagation();\n }\n catch (e) {\n // Ignore on fail\n }\n }\n var _a = this.props, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, minWidth = _a.minWidth, minHeight = _a.minHeight;\n var clientX = isTouchEvent(event) ? event.touches[0].clientX : event.clientX;\n var clientY = isTouchEvent(event) ? event.touches[0].clientY : event.clientY;\n var _b = this.state, direction = _b.direction, original = _b.original, width = _b.width, height = _b.height;\n var parentSize = this.getParentSize();\n var max = calculateNewMax(parentSize, this.window.innerWidth, this.window.innerHeight, maxWidth, maxHeight, minWidth, minHeight);\n maxWidth = max.maxWidth;\n maxHeight = max.maxHeight;\n minWidth = max.minWidth;\n minHeight = max.minHeight;\n // Calculate new size\n var _c = this.calculateNewSizeFromDirection(clientX, clientY), newHeight = _c.newHeight, newWidth = _c.newWidth;\n // Calculate max size from boundary settings\n var boundaryMax = this.calculateNewMaxFromBoundary(maxWidth, maxHeight);\n if (this.props.snap && this.props.snap.x) {\n newWidth = findClosestSnap(newWidth, this.props.snap.x, this.props.snapGap);\n }\n if (this.props.snap && this.props.snap.y) {\n newHeight = findClosestSnap(newHeight, this.props.snap.y, this.props.snapGap);\n }\n // Calculate new size from aspect ratio\n var newSize = this.calculateNewSizeFromAspectRatio(newWidth, newHeight, { width: boundaryMax.maxWidth, height: boundaryMax.maxHeight }, { width: minWidth, height: minHeight });\n newWidth = newSize.newWidth;\n newHeight = newSize.newHeight;\n if (this.props.grid) {\n var newGridWidth = snap(newWidth, this.props.grid[0]);\n var newGridHeight = snap(newHeight, this.props.grid[1]);\n var gap = this.props.snapGap || 0;\n newWidth = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap ? newGridWidth : newWidth;\n newHeight = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;\n }\n var delta = {\n width: newWidth - original.width,\n height: newHeight - original.height,\n };\n if (width && typeof width === 'string') {\n if (width.endsWith('%')) {\n var percent = (newWidth / parentSize.width) * 100;\n newWidth = percent + \"%\";\n }\n else if (width.endsWith('vw')) {\n var vw = (newWidth / this.window.innerWidth) * 100;\n newWidth = vw + \"vw\";\n }\n else if (width.endsWith('vh')) {\n var vh = (newWidth / this.window.innerHeight) * 100;\n newWidth = vh + \"vh\";\n }\n }\n if (height && typeof height === 'string') {\n if (height.endsWith('%')) {\n var percent = (newHeight / parentSize.height) * 100;\n newHeight = percent + \"%\";\n }\n else if (height.endsWith('vw')) {\n var vw = (newHeight / this.window.innerWidth) * 100;\n newHeight = vw + \"vw\";\n }\n else if (height.endsWith('vh')) {\n var vh = (newHeight / this.window.innerHeight) * 100;\n newHeight = vh + \"vh\";\n }\n }\n var newState = {\n width: this.createSizeForCssProperty(newWidth, 'width'),\n height: this.createSizeForCssProperty(newHeight, 'height'),\n };\n if (this.flexDir === 'row') {\n newState.flexBasis = newState.width;\n }\n else if (this.flexDir === 'column') {\n newState.flexBasis = newState.height;\n }\n // For v18, update state sync\n flushSync(function () {\n _this.setState(newState);\n });\n if (this.props.onResize) {\n this.props.onResize(event, direction, this.resizable, delta);\n }\n };\n Resizable.prototype.onMouseUp = function (event) {\n var _a = this.state, isResizing = _a.isResizing, direction = _a.direction, original = _a.original;\n if (!isResizing || !this.resizable) {\n return;\n }\n var delta = {\n width: this.size.width - original.width,\n height: this.size.height - original.height,\n };\n if (this.props.onResizeStop) {\n this.props.onResizeStop(event, direction, this.resizable, delta);\n }\n if (this.props.size) {\n this.setState(this.props.size);\n }\n this.unbindEvents();\n this.setState({\n isResizing: false,\n backgroundStyle: __assign(__assign({}, this.state.backgroundStyle), { cursor: 'auto' }),\n });\n };\n Resizable.prototype.updateSize = function (size) {\n this.setState({ width: size.width, height: size.height });\n };\n Resizable.prototype.renderResizer = function () {\n var _this = this;\n var _a = this.props, enable = _a.enable, handleStyles = _a.handleStyles, handleClasses = _a.handleClasses, handleWrapperStyle = _a.handleWrapperStyle, handleWrapperClass = _a.handleWrapperClass, handleComponent = _a.handleComponent;\n if (!enable) {\n return null;\n }\n var resizers = Object.keys(enable).map(function (dir) {\n if (enable[dir] !== false) {\n return (React.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null));\n }\n return null;\n });\n // #93 Wrap the resize box in span (will not break 100% width/height)\n return (React.createElement(\"div\", { className: handleWrapperClass, style: handleWrapperStyle }, resizers));\n };\n Resizable.prototype.render = function () {\n var _this = this;\n var extendsProps = Object.keys(this.props).reduce(function (acc, key) {\n if (definedProps.indexOf(key) !== -1) {\n return acc;\n }\n acc[key] = _this.props[key];\n return acc;\n }, {});\n var style = __assign(__assign(__assign({ position: 'relative', userSelect: this.state.isResizing ? 'none' : 'auto' }, this.props.style), this.sizeStyle), { maxWidth: this.props.maxWidth, maxHeight: this.props.maxHeight, minWidth: this.props.minWidth, minHeight: this.props.minHeight, boxSizing: 'border-box', flexShrink: 0 });\n if (this.state.flexBasis) {\n style.flexBasis = this.state.flexBasis;\n }\n var Wrapper = this.props.as || 'div';\n return (React.createElement(Wrapper, __assign({ ref: this.ref, style: style, className: this.props.className }, extendsProps),\n this.state.isResizing && React.createElement(\"div\", { style: this.state.backgroundStyle }),\n this.props.children,\n this.renderResizer()));\n };\n Resizable.defaultProps = {\n as: 'div',\n onResizeStart: function () { },\n onResize: function () { },\n onResizeStop: function () { },\n enable: {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true,\n },\n style: {},\n grid: [1, 1],\n lockAspectRatio: false,\n lockAspectRatioExtraWidth: 0,\n lockAspectRatioExtraHeight: 0,\n scale: 1,\n resizeRatio: 1,\n snapGap: 0,\n };\n return Resizable;\n}(React.PureComponent));\nexport { Resizable };\n","// Libraries\nimport { css, cx, keyframes } from '@emotion/css';\nimport { Resizable, ResizeCallback } from 're-resizable';\nimport React from 'react';\n\n// Services & Utils\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { getDragStyles, useStyles2, useTheme2 } from '@grafana/ui';\n\nexport interface Props {\n width: number;\n children: React.ReactNode;\n onResize?: ResizeCallback;\n}\n\nexport function ExploreDrawer(props: Props) {\n const { width, children, onResize } = props;\n const theme = useTheme2();\n const styles = useStyles2(getStyles);\n const dragStyles = getDragStyles(theme);\n const drawerWidth = `${width + 31.5}px`;\n\n return (\n <Resizable\n className={cx(styles.fixed, styles.container, styles.drawerActive)}\n defaultSize={{ width: drawerWidth, height: `${theme.components.horizontalDrawer.defaultHeight}px` }}\n handleClasses={{ top: dragStyles.dragHandleHorizontal }}\n enable={{\n top: true,\n right: false,\n bottom: false,\n left: false,\n topRight: false,\n bottomRight: false,\n bottomLeft: false,\n topLeft: false,\n }}\n maxHeight=\"100vh\"\n maxWidth={drawerWidth}\n minWidth={drawerWidth}\n onResize={onResize}\n >\n {children}\n </Resizable>\n );\n}\n\nconst drawerSlide = (theme: GrafanaTheme2) => keyframes`\n 0% {\n transform: translateY(${theme.components.horizontalDrawer.defaultHeight}px);\n }\n\n 100% {\n transform: translateY(0px);\n }\n`;\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n // @ts-expect-error csstype doesn't allow !important. see https://github.com/frenic/csstype/issues/114\n fixed: css({\n position: 'fixed !important',\n }),\n container: css({\n bottom: 0,\n background: theme.colors.background.primary,\n borderTop: `1px solid ${theme.colors.border.weak}`,\n margin: theme.spacing(0, -2, 0, -2),\n boxShadow: theme.shadows.z3,\n zIndex: theme.zIndex.navbarFixed,\n }),\n drawerActive: css({\n opacity: 1,\n animation: `0.5s ease-out ${drawerSlide(theme)}`,\n }),\n});\n","import React, { useEffect, useState } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { CoreApp, LoadingState } from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime/src';\nimport { defaultTimeZone, TimeZone } from '@grafana/schema';\nimport { TabbedContainer, TabConfig } from '@grafana/ui';\nimport { requestIdGenerator } from 'app/core/utils/explore';\nimport { ExploreDrawer } from 'app/features/explore/ExploreDrawer';\nimport { InspectDataTab } from 'app/features/inspector/InspectDataTab';\nimport { InspectErrorTab } from 'app/features/inspector/InspectErrorTab';\nimport { InspectJSONTab } from 'app/features/inspector/InspectJSONTab';\nimport { InspectStatsTab } from 'app/features/inspector/InspectStatsTab';\nimport { QueryInspector } from 'app/features/inspector/QueryInspector';\nimport { mixedRequestId } from 'app/plugins/datasource/mixed/MixedDataSource';\nimport { StoreState, ExploreItemState } from 'app/types';\n\nimport { GetDataOptions } from '../query/state/PanelQueryRunner';\n\nimport { runQueries } from './state/query';\n\ninterface DispatchProps {\n width: number;\n exploreId: string;\n timeZone: TimeZone;\n onClose: () => void;\n isMixed: boolean;\n}\n\ntype Props = DispatchProps & ConnectedProps<typeof connector>;\n\nexport function ExploreQueryInspector(props: Props) {\n const { width, onClose, queryResponse, timeZone, isMixed, exploreId } = props;\n const [dataOptions, setDataOptions] = useState<GetDataOptions>({\n withTransforms: false,\n withFieldConfig: true,\n });\n const dataFrames = queryResponse?.series || [];\n let errors = queryResponse?.errors;\n if (!errors?.length && queryResponse?.error) {\n errors = [queryResponse.error];\n }\n\n useEffect(() => {\n reportInteraction('grafana_explore_query_inspector_opened');\n }, []);\n\n const statsTab: TabConfig = {\n label: 'Stats',\n value: 'stats',\n icon: 'chart-line',\n content: <InspectStatsTab data={queryResponse!} timeZone={queryResponse?.request?.timezone ?? defaultTimeZone} />,\n };\n\n const jsonTab: TabConfig = {\n label: 'JSON',\n value: 'json',\n icon: 'brackets-curly',\n content: <InspectJSONTab data={queryResponse} onClose={onClose} />,\n };\n\n const dataTab: TabConfig = {\n label: 'Data',\n value: 'data',\n icon: 'database',\n content: (\n <InspectDataTab\n data={dataFrames}\n dataName={'Explore'}\n isLoading={queryResponse.state === LoadingState.Loading}\n options={dataOptions}\n timeZone={timeZone}\n app={CoreApp.Explore}\n formattedDataDescription=\"Matches the format in the panel\"\n onOptionsChange={setDataOptions}\n />\n ),\n };\n\n const queryTab: TabConfig = {\n label: 'Query',\n value: 'query',\n icon: 'info-circle',\n content: (\n <QueryInspector\n instanceId={isMixed ? mixedRequestId(0, requestIdGenerator(exploreId)) : requestIdGenerator(exploreId)}\n data={queryResponse}\n onRefreshQuery={() => props.runQueries({ exploreId })}\n />\n ),\n };\n\n const tabs = [statsTab, queryTab, jsonTab, dataTab];\n if (errors?.length) {\n const errorTab: TabConfig = {\n label: 'Error',\n value: 'error',\n icon: 'exclamation-triangle',\n content: <InspectErrorTab errors={errors} />,\n };\n tabs.push(errorTab);\n }\n return (\n <ExploreDrawer width={width}>\n <TabbedContainer tabs={tabs} onClose={onClose} closeIconTooltip=\"Close query inspector\" />\n </ExploreDrawer>\n );\n}\n\nfunction mapStateToProps(state: StoreState, { exploreId }: { exploreId: string }) {\n const explore = state.explore;\n const item: ExploreItemState = explore.panes[exploreId]!;\n const { queryResponse } = item;\n\n return {\n queryResponse,\n };\n}\n\nconst mapDispatchToProps = {\n runQueries,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\nexport default connector(ExploreQueryInspector);\n","import React from 'react';\n\nimport { Tooltip, ToolbarButton } from '@grafana/ui';\n\ninterface TimeSyncButtonProps {\n isSynced: boolean;\n onClick: () => void;\n}\n\nexport function TimeSyncButton(props: TimeSyncButtonProps) {\n const { onClick, isSynced } = props;\n\n const syncTimesTooltip = () => {\n const { isSynced } = props;\n const tooltip = isSynced ? 'Unsync all views' : 'Sync all views to this time range';\n return <>{tooltip}</>;\n };\n\n return (\n <Tooltip content={syncTimesTooltip} placement=\"bottom\">\n <ToolbarButton\n icon=\"link\"\n variant={isSynced ? 'active' : 'canvas'}\n aria-label={isSynced ? 'Synced times' : 'Unsynced times'}\n onClick={onClick}\n />\n </Tooltip>\n );\n}\n","import React, { Component } from 'react';\n\nimport { TimeRange, RawTimeRange, dateTimeForTimeZone, dateMath } from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime';\nimport { TimeZone } from '@grafana/schema';\nimport { TimePickerWithHistory } from 'app/core/components/TimePicker/TimePickerWithHistory';\nimport { getShiftedTimeRange, getZoomedTimeRange } from 'app/core/utils/timePicker';\n\nimport { TimeSyncButton } from './TimeSyncButton';\n\nexport interface Props {\n exploreId: string;\n hideText?: boolean;\n range: TimeRange;\n timeZone: TimeZone;\n fiscalYearStartMonth: number;\n splitted: boolean;\n syncedTimes: boolean;\n onChangeTimeSync: () => void;\n onChangeTime: (range: RawTimeRange) => void;\n onChangeTimeZone: (timeZone: TimeZone) => void;\n onChangeFiscalYearStartMonth: (fiscalYearStartMonth: number) => void;\n}\n\nexport class ExploreTimeControls extends Component<Props> {\n onMoveTimePicker = (direction: number) => {\n const { range, onChangeTime, timeZone } = this.props;\n const { from, to } = getShiftedTimeRange(direction, range);\n const nextTimeRange = {\n from: dateTimeForTimeZone(timeZone, from),\n to: dateTimeForTimeZone(timeZone, to),\n };\n\n onChangeTime(nextTimeRange);\n };\n\n onMoveForward = () => this.onMoveTimePicker(1);\n onMoveBack = () => this.onMoveTimePicker(-1);\n\n onChangeTimePicker = (timeRange: TimeRange) => {\n const adjustedFrom = dateMath.isMathString(timeRange.raw.from) ? timeRange.raw.from : timeRange.from;\n const adjustedTo = dateMath.isMathString(timeRange.raw.to) ? timeRange.raw.to : timeRange.to;\n\n this.props.onChangeTime({\n from: adjustedFrom,\n to: adjustedTo,\n });\n\n reportInteraction('grafana_explore_time_picker_time_range_changed', {\n timeRangeFrom: adjustedFrom,\n timeRangeTo: adjustedTo,\n });\n };\n\n onZoom = () => {\n const { range, onChangeTime, timeZone } = this.props;\n const { from, to } = getZoomedTimeRange(range, 2);\n const nextTimeRange = {\n from: dateTimeForTimeZone(timeZone, from),\n to: dateTimeForTimeZone(timeZone, to),\n };\n\n onChangeTime(nextTimeRange);\n };\n\n render() {\n const {\n range,\n timeZone,\n fiscalYearStartMonth,\n splitted,\n syncedTimes,\n onChangeTimeSync,\n hideText,\n onChangeTimeZone,\n onChangeFiscalYearStartMonth,\n } = this.props;\n const timeSyncButton = splitted ? <TimeSyncButton onClick={onChangeTimeSync} isSynced={syncedTimes} /> : undefined;\n const timePickerCommonProps = {\n value: range,\n timeZone,\n fiscalYearStartMonth,\n onMoveBackward: this.onMoveBack,\n onMoveForward: this.onMoveForward,\n onZoom: this.onZoom,\n hideText,\n };\n\n return (\n <TimePickerWithHistory\n isOnCanvas\n {...timePickerCommonProps}\n timeSyncButton={timeSyncButton}\n isSynced={syncedTimes}\n widthOverride={splitted ? window.innerWidth / 2 : undefined}\n onChange={this.onChangeTimePicker}\n onChangeTimeZone={onChangeTimeZone}\n onChangeFiscalYearStartMonth={onChangeFiscalYearStartMonth}\n />\n );\n }\n}\n","import { css } from '@emotion/css';\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { Tooltip, ButtonGroup, ToolbarButton } from '@grafana/ui';\n\ntype LiveTailButtonProps = {\n splitted: boolean;\n start: () => void;\n stop: () => void;\n pause: () => void;\n resume: () => void;\n isLive: boolean;\n isPaused: boolean;\n};\n\nexport function LiveTailButton(props: LiveTailButtonProps) {\n const { start, pause, resume, isLive, isPaused, stop, splitted } = props;\n const buttonVariant = isLive && !isPaused ? 'active' : 'canvas';\n const onClickMain = isLive ? (isPaused ? resume : pause) : start;\n\n return (\n <ButtonGroup>\n <Tooltip\n content={isLive && !isPaused ? <>Pause the live stream</> : <>Start live stream your logs</>}\n placement=\"bottom\"\n >\n <ToolbarButton\n iconOnly={splitted}\n variant={buttonVariant}\n icon={!isLive || isPaused ? 'play' : 'pause'}\n onClick={onClickMain}\n >\n {isLive && isPaused ? 'Paused' : 'Live'}\n </ToolbarButton>\n </Tooltip>\n\n <CSSTransition\n mountOnEnter={true}\n unmountOnExit={true}\n timeout={100}\n in={isLive}\n classNames={{\n enter: styles.stopButtonEnter,\n enterActive: styles.stopButtonEnterActive,\n exit: styles.stopButtonExit,\n exitActive: styles.stopButtonExitActive,\n }}\n >\n <Tooltip content={<>Stop and exit the live stream</>} placement=\"bottom\">\n <ToolbarButton variant={buttonVariant} onClick={stop} icon=\"square-shape\" />\n </Tooltip>\n </CSSTransition>\n </ButtonGroup>\n );\n}\n\nconst styles = {\n stopButtonEnter: css({\n label: 'stopButtonEnter',\n width: 0,\n opacity: 0,\n overflow: 'hidden',\n }),\n stopButtonEnterActive: css({\n label: 'stopButtonEnterActive',\n opacity: 1,\n width: '32px',\n }),\n stopButtonExit: css({\n label: 'stopButtonExit',\n width: '32px',\n opacity: 1,\n overflow: 'hidden',\n }),\n stopButtonExitActive: css({\n label: 'stopButtonExitActive',\n opacity: 0,\n width: 0,\n }),\n};\n","import React, { useState } from 'react';\n\nimport { IconName } from '@grafana/data';\nimport { reportInteraction, config } from '@grafana/runtime';\nimport { ToolbarButton, Dropdown, Menu, Stack, ToolbarButtonRow, MenuGroup } from '@grafana/ui';\nimport { t } from 'app/core/internationalization';\nimport { copyStringToClipboard } from 'app/core/utils/explore';\nimport { createAndCopyShortLink } from 'app/core/utils/shortLinks';\nimport { useSelector } from 'app/types';\n\nimport { selectPanes } from './state/selectors';\nimport { constructAbsoluteUrl } from './utils/links';\n\ninterface ShortLinkGroupData {\n key: string;\n label: string;\n items: ShortLinkMenuItemData[];\n}\n\ninterface ShortLinkMenuItemData {\n key: string;\n label: string;\n icon: IconName;\n getUrl: Function;\n shorten: boolean;\n absTime: boolean;\n}\n\nconst defaultMode: ShortLinkMenuItemData = {\n key: 'copy-link',\n label: t('explore.toolbar.copy-shortened-link', 'Copy shortened URL'),\n icon: 'share-alt',\n getUrl: () => undefined,\n shorten: true,\n absTime: false,\n};\n\nexport function ShortLinkButtonMenu() {\n const panes = useSelector(selectPanes);\n const [isOpen, setIsOpen] = useState(false);\n const [lastSelected, setLastSelected] = useState(defaultMode);\n const onCopyLink = (shorten: boolean, absTime: boolean, url?: string) => {\n if (shorten) {\n createAndCopyShortLink(url || global.location.href);\n reportInteraction('grafana_explore_shortened_link_clicked', { isAbsoluteTime: absTime });\n } else {\n copyStringToClipboard(\n url !== undefined\n ? `${window.location.protocol}//${window.location.host}${config.appSubUrl}${url}`\n : global.location.href\n );\n reportInteraction('grafana_explore_copy_link_clicked', { isAbsoluteTime: absTime });\n }\n };\n\n const menuOptions: ShortLinkGroupData[] = [\n {\n key: 'normal',\n label: t('explore.toolbar.copy-links-normal-category', 'Normal URL links'),\n items: [\n {\n key: 'copy-shortened-link',\n icon: 'link',\n label: t('explore.toolbar.copy-shortened-link', 'Copy shortened URL'),\n getUrl: () => undefined,\n shorten: true,\n absTime: false,\n },\n {\n key: 'copy-link',\n icon: 'link',\n label: t('explore.toolbar.copy-link', 'Copy URL'),\n getUrl: () => undefined,\n shorten: false,\n absTime: false,\n },\n ],\n },\n {\n key: 'timesync',\n label: t('explore.toolbar.copy-links-absolute-category', 'Time-sync URL links (share with time range intact)'),\n items: [\n {\n key: 'copy-short-link-abs-time',\n icon: 'clock-nine',\n label: t('explore.toolbar.copy-shortened-link-abs-time', 'Copy Absolute Shortened URL'),\n shorten: true,\n getUrl: () => {\n return constructAbsoluteUrl(panes);\n },\n absTime: true,\n },\n {\n key: 'copy-link-abs-time',\n icon: 'clock-nine',\n label: t('explore.toolbar.copy-link-abs-time', 'Copy Absolute Shortened URL'),\n shorten: false,\n getUrl: () => {\n return constructAbsoluteUrl(panes);\n },\n absTime: true,\n },\n ],\n },\n ];\n\n const MenuActions = (\n <Menu>\n {menuOptions.map((groupOption) => {\n return (\n <MenuGroup key={groupOption.key} label={groupOption.label}>\n {groupOption.items.map((option) => {\n return (\n <Menu.Item\n key={option.key}\n label={option.label}\n icon={option.icon}\n onClick={() => {\n const url = option.getUrl();\n onCopyLink(option.shorten, option.absTime, url);\n setLastSelected(option);\n }}\n />\n );\n })}\n </MenuGroup>\n );\n })}\n </Menu>\n );\n\n // we need the Toolbar button click to be an action separate from opening/closing the menu\n return (\n <ToolbarButtonRow>\n <Stack gap={0} direction=\"row\" alignItems=\"center\" wrap=\"nowrap\">\n <ToolbarButton\n tooltip={lastSelected.label}\n icon={lastSelected.icon}\n iconOnly={true}\n narrow={true}\n onClick={() => {\n const url = lastSelected.getUrl();\n onCopyLink(lastSelected.shorten, lastSelected.absTime, url);\n }}\n aria-label={t('explore.toolbar.copy-shortened-link', 'Copy shortened URL')}\n />\n <Dropdown overlay={MenuActions} placement=\"bottom-end\" onVisibleChange={setIsOpen}>\n <ToolbarButton\n narrow={true}\n isOpen={isOpen}\n aria-label={t('explore.toolbar.copy-shortened-link-menu', 'Open copy link options')}\n />\n </Dropdown>\n </Stack>\n </ToolbarButtonRow>\n );\n}\n","import React, { lazy, ReactElement, Suspense, useMemo, useState } from 'react';\n\nimport { type PluginExtensionLink, PluginExtensionPoints, RawTimeRange, getTimeZone } from '@grafana/data';\nimport { getPluginLinkExtensions, config } from '@grafana/runtime';\nimport { DataQuery, TimeZone } from '@grafana/schema';\nimport { Dropdown, ToolbarButton } from '@grafana/ui';\nimport { contextSrv } from 'app/core/services/context_srv';\nimport { AccessControlAction, ExplorePanelData, useSelector } from 'app/types';\n\nimport { getExploreItemSelector, isLeftPaneSelector, selectCorrelationDetails } from '../state/selectors';\n\nimport { ConfirmNavigationModal } from './ConfirmNavigationModal';\nimport { ToolbarExtensionPointMenu } from './ToolbarExtensionPointMenu';\n\nconst AddToDashboard = lazy(() =>\n import('./AddToDashboard').then(({ AddToDashboard }) => ({ default: AddToDashboard }))\n);\n\ntype Props = {\n exploreId: string;\n timeZone: TimeZone;\n splitted: boolean;\n};\n\nexport function ToolbarExtensionPoint(props: Props): ReactElement | null {\n const { exploreId, splitted } = props;\n const [selectedExtension, setSelectedExtension] = useState<PluginExtensionLink | undefined>();\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const context = useExtensionPointContext(props);\n const extensions = useExtensionLinks(context);\n const selectExploreItem = getExploreItemSelector(exploreId);\n const noQueriesInPane = useSelector(selectExploreItem)?.queries?.length;\n\n // If we only have the explore core extension point registered we show the old way of\n // adding a query to a dashboard.\n if (extensions.length <= 1) {\n const canAddPanelToDashboard =\n contextSrv.hasPermission(AccessControlAction.DashboardsCreate) ||\n contextSrv.hasPermission(AccessControlAction.DashboardsWrite);\n\n if (!canAddPanelToDashboard) {\n return null;\n }\n\n return (\n <Suspense fallback={null}>\n <AddToDashboard exploreId={exploreId} />\n </Suspense>\n );\n }\n\n const menu = <ToolbarExtensionPointMenu extensions={extensions} onSelect={setSelectedExtension} />;\n\n return (\n <>\n <Dropdown onVisibleChange={setIsOpen} placement=\"bottom-start\" overlay={menu}>\n <ToolbarButton\n aria-label=\"Add\"\n icon=\"plus\"\n disabled={!Boolean(noQueriesInPane)}\n variant=\"canvas\"\n isOpen={isOpen}\n >\n {splitted ? ' ' : 'Add'}\n </ToolbarButton>\n </Dropdown>\n {!!selectedExtension && !!selectedExtension.path && (\n <ConfirmNavigationModal\n path={selectedExtension.path}\n title={selectedExtension.title}\n onDismiss={() => setSelectedExtension(undefined)}\n />\n )}\n </>\n );\n}\n\nexport type PluginExtensionExploreContext = {\n exploreId: string;\n targets: DataQuery[];\n data: ExplorePanelData;\n timeRange: RawTimeRange;\n timeZone: TimeZone;\n shouldShowAddCorrelation: boolean;\n};\n\nfunction useExtensionPointContext(props: Props): PluginExtensionExploreContext {\n const { exploreId, timeZone } = props;\n const isCorrelationDetails = useSelector(selectCorrelationDetails);\n const isCorrelationsEditorMode = isCorrelationDetails?.editorMode || false;\n const { queries, queryResponse, range } = useSelector(getExploreItemSelector(exploreId))!;\n const isLeftPane = useSelector(isLeftPaneSelector(exploreId));\n\n const datasourceUids = queries.map((query) => query?.datasource?.uid).filter((uid) => uid !== undefined);\n const numUniqueIds = [...new Set(datasourceUids)].length;\n const canWriteCorrelations = contextSrv.hasPermission(AccessControlAction.DataSourcesWrite);\n\n return useMemo(() => {\n return {\n exploreId,\n targets: queries,\n data: queryResponse,\n timeRange: range.raw,\n timeZone: getTimeZone({ timeZone }),\n shouldShowAddCorrelation:\n config.featureToggles.correlations === true &&\n canWriteCorrelations &&\n !isCorrelationsEditorMode &&\n isLeftPane &&\n numUniqueIds === 1,\n };\n }, [\n exploreId,\n queries,\n queryResponse,\n range.raw,\n timeZone,\n canWriteCorrelations,\n isCorrelationsEditorMode,\n isLeftPane,\n numUniqueIds,\n ]);\n}\n\nfunction useExtensionLinks(context: PluginExtensionExploreContext): PluginExtensionLink[] {\n return useMemo(() => {\n const { extensions } = getPluginLinkExtensions({\n extensionPointId: PluginExtensionPoints.ExploreToolbarAction,\n context: context,\n limitPerPlugin: 3,\n });\n\n return extensions;\n }, [context]);\n}\n","import React, { useCallback } from 'react';\n\nimport { RefreshPicker } from '@grafana/ui';\nimport { useDispatch } from 'app/types';\n\nimport { setPausedStateAction, runQueries, clearLogs } from './state/query';\nimport { changeRefreshInterval } from './state/time';\n\n/**\n * Hook that gives you all the functions needed to control the live tailing.\n */\nexport function useLiveTailControls(exploreId: string) {\n const dispatch = useDispatch();\n\n const pause = useCallback(() => {\n dispatch(setPausedStateAction({ exploreId, isPaused: true }));\n }, [exploreId, dispatch]);\n\n const resume = useCallback(() => {\n dispatch(setPausedStateAction({ exploreId, isPaused: false }));\n }, [exploreId, dispatch]);\n\n const stop = useCallback(() => {\n // We need to pause here first because there is transition where we are not live but live logs are still shown\n // to cross fade with the normal view. This will prevent reordering of the logs in the live view during the\n // transition.\n pause();\n\n // TODO referencing this from perspective of refresh picker when there is designated button for it now is not\n // great. Needs a bit of refactoring.\n dispatch(changeRefreshInterval({ exploreId, refreshInterval: RefreshPicker.offOption.value }));\n dispatch(runQueries({ exploreId }));\n }, [exploreId, dispatch, pause]);\n\n const start = useCallback(() => {\n dispatch(changeRefreshInterval({ exploreId, refreshInterval: RefreshPicker.liveOption.value }));\n }, [exploreId, dispatch]);\n\n const clear = useCallback(() => {\n dispatch(clearLogs({ exploreId }));\n }, [exploreId, dispatch]);\n\n return {\n pause,\n resume,\n stop,\n start,\n clear,\n };\n}\n\ntype Props = {\n exploreId: string;\n children: (controls: ReturnType<typeof useLiveTailControls>) => React.ReactElement;\n};\n\n/**\n * If you can't use the hook you can use this as a render prop pattern.\n */\nexport function LiveTailControls(props: Props) {\n const controls = useLiveTailControls(props.exploreId);\n return props.children(controls);\n}\n","import { css, cx } from '@emotion/css';\nimport { pick } from 'lodash';\nimport React, { useMemo } from 'react';\nimport { shallowEqual } from 'react-redux';\n\nimport { DataSourceInstanceSettings, RawTimeRange, GrafanaTheme2 } from '@grafana/data';\nimport { reportInteraction, config } from '@grafana/runtime';\nimport {\n defaultIntervals,\n PageToolbar,\n RefreshPicker,\n SetInterval,\n ToolbarButton,\n ButtonGroup,\n useStyles2,\n} from '@grafana/ui';\nimport { AppChromeUpdate } from 'app/core/components/AppChrome/AppChromeUpdate';\nimport { t, Trans } from 'app/core/internationalization';\nimport { DataSourcePicker } from 'app/features/datasources/components/picker/DataSourcePicker';\nimport { CORRELATION_EDITOR_POST_CONFIRM_ACTION } from 'app/types/explore';\nimport { StoreState, useDispatch, useSelector } from 'app/types/store';\n\nimport { contextSrv } from '../../core/core';\nimport { updateFiscalYearStartMonthForSession, updateTimeZoneForSession } from '../profile/state/reducers';\nimport { getFiscalYearStartMonth, getTimeZone } from '../profile/state/selectors';\n\nimport { ExploreTimeControls } from './ExploreTimeControls';\nimport { LiveTailButton } from './LiveTailButton';\nimport { ShortLinkButtonMenu } from './ShortLinkButtonMenu';\nimport { ToolbarExtensionPoint } from './extensions/ToolbarExtensionPoint';\nimport { changeDatasource } from './state/datasource';\nimport { changeCorrelationHelperData } from './state/explorePane';\nimport {\n splitClose,\n splitOpen,\n maximizePaneAction,\n evenPaneResizeAction,\n changeCorrelationEditorDetails,\n} from './state/main';\nimport { cancelQueries, runQueries, selectIsWaitingForData } from './state/query';\nimport { isLeftPaneSelector, isSplit, selectCorrelationDetails, selectPanesEntries } from './state/selectors';\nimport { syncTimes, changeRefreshInterval } from './state/time';\nimport { LiveTailControls } from './useLiveTailControls';\n\nconst getStyles = (theme: GrafanaTheme2, splitted: Boolean) => ({\n rotateIcon: css({\n '> div > svg': {\n transform: 'rotate(180deg)',\n },\n }),\n toolbarButton: css({\n display: 'flex',\n justifyContent: 'center',\n marginRight: theme.spacing(0.5),\n width: splitted && theme.spacing(6),\n }),\n});\n\ninterface Props {\n exploreId: string;\n onChangeTime: (range: RawTimeRange, changedByScanner?: boolean) => void;\n onContentOutlineToogle: () => void;\n isContentOutlineOpen: boolean;\n}\n\nexport function ExploreToolbar({ exploreId, onChangeTime, onContentOutlineToogle, isContentOutlineOpen }: Props) {\n const dispatch = useDispatch();\n const splitted = useSelector(isSplit);\n const styles = useStyles2(getStyles, splitted);\n\n const timeZone = useSelector((state: StoreState) => getTimeZone(state.user));\n const fiscalYearStartMonth = useSelector((state: StoreState) => getFiscalYearStartMonth(state.user));\n const { refreshInterval, datasourceInstance, range, isLive, isPaused, syncedTimes } = useSelector(\n (state: StoreState) => ({\n ...pick(state.explore.panes[exploreId]!, 'refreshInterval', 'datasourceInstance', 'range', 'isLive', 'isPaused'),\n syncedTimes: state.explore.syncedTimes,\n }),\n shallowEqual\n );\n const loading = useSelector(selectIsWaitingForData(exploreId));\n const isLargerPane = useSelector((state: StoreState) => state.explore.largerExploreId === exploreId);\n const showSmallTimePicker = useSelector((state) => splitted || state.explore.panes[exploreId]!.containerWidth < 1210);\n const showSmallDataSourcePicker = useSelector(\n (state) => state.explore.panes[exploreId]!.containerWidth < (splitted ? 700 : 800)\n );\n\n const panes = useSelector(selectPanesEntries);\n const correlationDetails = useSelector(selectCorrelationDetails);\n const isCorrelationsEditorMode = correlationDetails?.editorMode || false;\n const isLeftPane = useSelector(isLeftPaneSelector(exploreId));\n\n const shouldRotateSplitIcon = useMemo(\n () => (isLeftPane && isLargerPane) || (!isLeftPane && !isLargerPane),\n [isLeftPane, isLargerPane]\n );\n\n const refreshPickerLabel = loading\n ? t('explore.toolbar.refresh-picker-cancel', 'Cancel')\n : t('explore.toolbar.refresh-picker-run', 'Run query');\n\n const onChangeDatasource = async (dsSettings: DataSourceInstanceSettings) => {\n if (!isCorrelationsEditorMode) {\n dispatch(changeDatasource({ exploreId, datasource: dsSettings.uid, options: { importQueries: true } }));\n } else {\n if (correlationDetails?.correlationDirty || correlationDetails?.queryEditorDirty) {\n // prompt will handle datasource change if needed\n dispatch(\n changeCorrelationEditorDetails({\n isExiting: true,\n postConfirmAction: {\n exploreId: exploreId,\n action: CORRELATION_EDITOR_POST_CONFIRM_ACTION.CHANGE_DATASOURCE,\n changeDatasourceUid: dsSettings.uid,\n isActionLeft: isLeftPane,\n },\n })\n );\n } else {\n // if the left pane is changing, clear helper data for right pane\n if (isLeftPane) {\n panes.forEach((pane) => {\n dispatch(\n changeCorrelationHelperData({\n exploreId: pane[0],\n correlationEditorHelperData: undefined,\n })\n );\n });\n }\n\n dispatch(changeDatasource({ exploreId, datasource: dsSettings.uid, options: { importQueries: true } }));\n }\n }\n };\n\n const onRunQuery = (loading = false) => {\n if (loading) {\n return dispatch(cancelQueries(exploreId));\n } else {\n return dispatch(runQueries({ exploreId }));\n }\n };\n\n const onChangeTimeZone = (timezone: string) => dispatch(updateTimeZoneForSession(timezone));\n\n const onOpenSplitView = () => {\n dispatch(splitOpen());\n reportInteraction('grafana_explore_split_view_opened', { origin: 'menu' });\n };\n\n const onCloseSplitView = () => {\n if (isCorrelationsEditorMode) {\n if (correlationDetails?.correlationDirty || correlationDetails?.queryEditorDirty) {\n // if dirty, prompt\n dispatch(\n changeCorrelationEditorDetails({\n isExiting: true,\n postConfirmAction: {\n exploreId: exploreId,\n action: CORRELATION_EDITOR_POST_CONFIRM_ACTION.CLOSE_PANE,\n isActionLeft: isLeftPane,\n },\n })\n );\n } else {\n // otherwise, clear helper data and close\n panes.forEach((pane) => {\n dispatch(\n changeCorrelationHelperData({\n exploreId: pane[0],\n correlationEditorHelperData: undefined,\n })\n );\n });\n dispatch(splitClose(exploreId));\n reportInteraction('grafana_explore_split_view_closed');\n }\n } else {\n dispatch(splitClose(exploreId));\n reportInteraction('grafana_explore_split_view_closed');\n }\n };\n\n const onClickResize = () => {\n if (isLargerPane) {\n dispatch(evenPaneResizeAction());\n } else {\n dispatch(maximizePaneAction({ exploreId }));\n }\n };\n\n const onChangeTimeSync = () => {\n dispatch(syncTimes(exploreId));\n };\n\n const onChangeFiscalYearStartMonth = (fiscalyearStartMonth: number) =>\n dispatch(updateFiscalYearStartMonthForSession(fiscalyearStartMonth));\n\n const onChangeRefreshInterval = (refreshInterval: string) => {\n dispatch(changeRefreshInterval({ exploreId, refreshInterval }));\n };\n\n const navBarActions = [<ShortLinkButtonMenu key=\"share\" />, <div style={{ flex: 1 }} key=\"spacer0\" />];\n\n return (\n <div>\n {refreshInterval && <SetInterval func={onRunQuery} interval={refreshInterval} loading={loading} />}\n <div>\n <AppChromeUpdate actions={navBarActions} />\n </div>\n <PageToolbar\n aria-label={t('explore.toolbar.aria-label', 'Explore toolbar')}\n leftItems={[\n config.featureToggles.exploreContentOutline && (\n <ToolbarButton\n key=\"content-outline\"\n variant=\"canvas\"\n tooltip=\"Content outline\"\n icon=\"list-ui-alt\"\n iconOnly={splitted}\n onClick={onContentOutlineToogle}\n aria-expanded={isContentOutlineOpen}\n aria-controls={isContentOutlineOpen ? 'content-outline-container' : undefined}\n className={styles.toolbarButton}\n >\n Outline\n </ToolbarButton>\n ),\n <DataSourcePicker\n key={`${exploreId}-ds-picker`}\n mixed={!isCorrelationsEditorMode}\n onChange={onChangeDatasource}\n current={datasourceInstance?.getRef()}\n hideTextValue={showSmallDataSourcePicker}\n width={showSmallDataSourcePicker ? 8 : undefined}\n />,\n ].filter(Boolean)}\n forceShowLeftItems\n >\n {[\n !splitted ? (\n <ToolbarButton\n variant=\"canvas\"\n key=\"split\"\n tooltip={t('explore.toolbar.split-tooltip', 'Split the pane')}\n onClick={onOpenSplitView}\n icon=\"columns\"\n disabled={isLive}\n >\n <Trans i18nKey=\"explore.toolbar.split-title\">Split</Trans>\n </ToolbarButton>\n ) : (\n <ButtonGroup key=\"split-controls\">\n <ToolbarButton\n variant=\"canvas\"\n tooltip={\n isLargerPane\n ? t('explore.toolbar.split-narrow', 'Narrow pane')\n : t('explore.toolbar.split-widen', 'Widen pane')\n }\n onClick={onClickResize}\n icon={isLargerPane ? 'gf-movepane-left' : 'gf-movepane-right'}\n iconOnly={true}\n className={cx(shouldRotateSplitIcon && styles.rotateIcon)}\n />\n <ToolbarButton\n tooltip={t('explore.toolbar.split-close-tooltip', 'Close split pane')}\n onClick={onCloseSplitView}\n icon=\"times\"\n variant=\"canvas\"\n >\n <Trans i18nKey=\"explore.toolbar.split-close\"> Close </Trans>\n </ToolbarButton>\n </ButtonGroup>\n ),\n <ToolbarExtensionPoint\n splitted={splitted}\n key=\"toolbar-extension-point\"\n exploreId={exploreId}\n timeZone={timeZone}\n />,\n !isLive && (\n <ExploreTimeControls\n key=\"timeControls\"\n exploreId={exploreId}\n range={range}\n timeZone={timeZone}\n fiscalYearStartMonth={fiscalYearStartMonth}\n onChangeTime={onChangeTime}\n splitted={splitted}\n syncedTimes={syncedTimes}\n onChangeTimeSync={onChangeTimeSync}\n hideText={showSmallTimePicker}\n onChangeTimeZone={onChangeTimeZone}\n onChangeFiscalYearStartMonth={onChangeFiscalYearStartMonth}\n />\n ),\n <RefreshPicker\n key=\"refreshPicker\"\n onIntervalChanged={onChangeRefreshInterval}\n value={refreshInterval}\n isLoading={loading}\n text={showSmallTimePicker ? undefined : refreshPickerLabel}\n tooltip={showSmallTimePicker ? refreshPickerLabel : undefined}\n intervals={contextSrv.getValidIntervals(defaultIntervals)}\n isLive={isLive}\n onRefresh={() => onRunQuery(loading)}\n noIntervalPicker={isLive}\n primary={true}\n width={(showSmallTimePicker ? 35 : 108) + 'px'}\n />,\n datasourceInstance?.meta.streaming && (\n <LiveTailControls key=\"liveControls\" exploreId={exploreId}>\n {(c) => {\n const controls = {\n ...c,\n start: () => {\n reportInteraction('grafana_explore_logs_live_tailing_clicked', {\n datasourceType: datasourceInstance?.type,\n });\n c.start();\n },\n };\n return (\n <LiveTailButton\n splitted={splitted}\n isLive={isLive}\n isPaused={isPaused}\n start={controls.start}\n pause={controls.pause}\n resume={controls.resume}\n stop={controls.stop}\n />\n );\n }}\n </LiveTailControls>\n ),\n ].filter(Boolean)}\n </PageToolbar>\n </div>\n );\n}\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { DataFrame, GrafanaTheme2, CoreApp } from '@grafana/data';\nimport { FlameGraph } from '@grafana/flamegraph';\nimport { reportInteraction, config } from '@grafana/runtime';\nimport { useStyles2 } from '@grafana/ui';\n\ninterface Props {\n dataFrames: DataFrame[];\n}\n\nfunction interaction(name: string, context: Record<string, string | number> = {}) {\n reportInteraction(`grafana_flamegraph_${name}`, {\n app: CoreApp.Unknown,\n grafana_version: config.buildInfo.version,\n ...context,\n });\n}\n\nexport const FlameGraphExploreContainer = (props: Props) => {\n const styles = useStyles2((theme) => getStyles(theme));\n\n return (\n <div className={styles.container}>\n <FlameGraph\n data={props.dataFrames[0]}\n stickyHeader={true}\n getTheme={() => config.theme2}\n onTableSymbolClick={() => interaction('table_item_selected')}\n onViewSelected={(view: string) => interaction('view_selected', { view })}\n onTextAlignSelected={(align: string) => interaction('text_align_selected', { align })}\n onTableSort={(sort: string) => interaction('table_sort_selected', { sort })}\n disableCollapsing={!config.featureToggles.flameGraphItemCollapsing}\n />\n </div>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n container: css({\n background: theme.colors.background.primary,\n display: 'flow-root',\n padding: theme.spacing(0, 1, 1, 1),\n border: `1px solid ${theme.components.panel.borderColor}`,\n borderRadius: theme.shape.radius.default,\n }),\n});\n","import React, { useState, useEffect } from 'react';\nimport { useInterval } from 'react-use';\n\nimport { Time, TimeProps } from './Time';\n\nconst INTERVAL = 150;\n\nexport interface ElapsedTimeProps extends Omit<TimeProps, 'timeInMs'> {\n // Use this to reset the timer. Any value is allowed just need to be !== from the previous.\n // Keep in mind things like [] !== [] or {} !== {}.\n resetKey?: unknown;\n}\n\nexport const ElapsedTime = ({ resetKey, humanize, className }: ElapsedTimeProps) => {\n const [elapsed, setElapsed] = useState(0); // the current value of elapsed\n\n // hook that will schedule a interval and then update the elapsed value on every tick.\n useInterval(() => setElapsed(elapsed + INTERVAL), INTERVAL);\n // this effect will only be run when resetKey changes. This will reset the elapsed to 0.\n useEffect(() => setElapsed(0), [resetKey]);\n\n return <Time timeInMs={elapsed} className={className} humanize={humanize} />;\n};\n","import { css, cx } from '@emotion/css';\nimport React, { PureComponent } from 'react';\nimport tinycolor from 'tinycolor2';\n\nimport { LogRowModel, dateTimeFormat, GrafanaTheme2, LogsSortOrder } from '@grafana/data';\nimport { TimeZone } from '@grafana/schema';\nimport { Button, Themeable2, withTheme2 } from '@grafana/ui';\n\nimport { LogMessageAnsi } from '../../logs/components/LogMessageAnsi';\nimport { getLogRowStyles } from '../../logs/components/getLogRowStyles';\nimport { sortLogRows } from '../../logs/utils';\nimport { ElapsedTime } from '../ElapsedTime';\nimport { filterLogRowsByIndex } from '../state/utils';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n logsRowsLive: css`\n label: logs-rows-live;\n font-family: ${theme.typography.fontFamilyMonospace};\n font-size: ${theme.typography.bodySmall.fontSize};\n display: flex;\n flex-flow: column nowrap;\n height: 60vh;\n overflow-y: scroll;\n :first-child {\n margin-top: auto !important;\n }\n `,\n logsRowFade: css`\n label: logs-row-fresh;\n color: ${theme.colors.text};\n background-color: ${tinycolor(theme.colors.info.transparent).setAlpha(0.25).toString()};\n animation: fade 1s ease-out 1s 1 normal forwards;\n @keyframes fade {\n from {\n background-color: ${tinycolor(theme.colors.info.transparent).setAlpha(0.25).toString()};\n }\n to {\n background-color: transparent;\n }\n }\n `,\n logsRowsIndicator: css`\n font-size: ${theme.typography.h6.fontSize};\n padding-top: ${theme.spacing(1)};\n display: flex;\n align-items: center;\n `,\n button: css`\n margin-right: ${theme.spacing(1)};\n `,\n fullWidth: css`\n width: 100%;\n `,\n});\n\nexport interface Props extends Themeable2 {\n logRows?: LogRowModel[];\n timeZone: TimeZone;\n stopLive: () => void;\n onPause: () => void;\n onResume: () => void;\n onClear: () => void;\n clearedAtIndex: number | null;\n isPaused: boolean;\n}\n\ninterface State {\n logRowsToRender?: LogRowModel[];\n}\n\nclass LiveLogs extends PureComponent<Props, State> {\n private liveEndDiv: HTMLDivElement | null = null;\n private scrollContainerRef = React.createRef<HTMLTableSectionElement>();\n\n constructor(props: Props) {\n super(props);\n this.state = {\n logRowsToRender: props.logRows,\n };\n }\n\n static getDerivedStateFromProps(nextProps: Props, state: State) {\n if (nextProps.isPaused && nextProps.clearedAtIndex) {\n return {\n logRowsToRender: filterLogRowsByIndex(nextProps.clearedAtIndex, state.logRowsToRender),\n };\n }\n\n if (nextProps.isPaused) {\n return null;\n }\n\n return {\n // We update what we show only if not paused. We keep any background subscriptions running and keep updating\n // our state, but we do not show the updates, this allows us start again showing correct result after resuming\n // without creating a gap in the log results.\n logRowsToRender: nextProps.logRows,\n };\n }\n\n /**\n * Handle pausing when user scrolls up so that we stop resetting his position to the bottom when new row arrives.\n * We do not need to throttle it here much, adding new rows should be throttled/buffered itself in the query epics\n * and after you pause we remove the handler and add it after you manually resume, so this should not be fired often.\n */\n onScroll = (event: React.SyntheticEvent) => {\n const { isPaused, onPause } = this.props;\n const { scrollTop, clientHeight, scrollHeight } = event.currentTarget;\n const distanceFromBottom = scrollHeight - (scrollTop + clientHeight);\n if (distanceFromBottom >= 5 && !isPaused) {\n onPause();\n }\n };\n\n rowsToRender = () => {\n const { isPaused } = this.props;\n let { logRowsToRender: rowsToRender = [] } = this.state;\n if (!isPaused) {\n // A perf optimisation here. Show just 100 rows when streaming and full length when the streaming is paused.\n rowsToRender = sortLogRows(rowsToRender, LogsSortOrder.Ascending).slice(-100);\n }\n return rowsToRender;\n };\n\n render() {\n const { theme, timeZone, onPause, onResume, onClear, isPaused } = this.props;\n const styles = getStyles(theme);\n const { logsRow, logsRowLocalTime, logsRowMessage } = getLogRowStyles(theme);\n\n return (\n <div>\n <table className={styles.fullWidth}>\n <tbody\n onScroll={isPaused ? undefined : this.onScroll}\n className={styles.logsRowsLive}\n ref={this.scrollContainerRef}\n >\n {this.rowsToRender().map((row: LogRowModel) => {\n return (\n <tr className={cx(logsRow, styles.logsRowFade)} key={row.uid}>\n <td className={logsRowLocalTime}>{dateTimeFormat(row.timeEpochMs, { timeZone })}</td>\n <td className={logsRowMessage}>{row.hasAnsi ? <LogMessageAnsi value={row.raw} /> : row.entry}</td>\n </tr>\n );\n })}\n <tr\n ref={(element) => {\n this.liveEndDiv = element;\n // This is triggered on every update so on every new row. It keeps the view scrolled at the bottom by\n // default.\n // As scrollTo is not implemented in JSDOM it needs to be part of the condition\n if (this.liveEndDiv && this.scrollContainerRef.current?.scrollTo && !isPaused) {\n this.scrollContainerRef.current?.scrollTo(0, this.scrollContainerRef.current.scrollHeight);\n }\n }}\n />\n </tbody>\n </table>\n <div className={styles.logsRowsIndicator}>\n <Button\n icon={isPaused ? 'play' : 'pause'}\n variant=\"secondary\"\n onClick={isPaused ? onResume : onPause}\n className={styles.button}\n >\n {isPaused ? 'Resume' : 'Pause'}\n </Button>\n <Button icon=\"trash-alt\" variant=\"secondary\" onClick={onClear} className={styles.button}>\n Clear logs\n </Button>\n <Button icon=\"square-shape\" variant=\"secondary\" onClick={this.props.stopLive} className={styles.button}>\n Exit live mode\n </Button>\n {isPaused ||\n (this.rowsToRender().length > 0 && (\n <span>\n Last line received: <ElapsedTime resetKey={this.props.logRows} humanize={true} /> ago\n </span>\n ))}\n </div>\n </div>\n );\n }\n}\n\nexport const LiveLogsWithTheme = withTheme2(LiveLogs);\n","import { css } from '@emotion/css';\nimport React, { ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { AbsoluteTimeRange, LogRowModel, TimeRange } from '@grafana/data';\nimport { convertRawToRange, isRelativeTime, isRelativeTimeRange } from '@grafana/data/src/datetime/rangeutil';\nimport { config, reportInteraction } from '@grafana/runtime';\nimport { LogsSortOrder, TimeZone } from '@grafana/schema';\n\nimport { LoadingIndicator } from './LoadingIndicator';\n\nexport type Props = {\n children: ReactNode;\n loading: boolean;\n loadMoreLogs?: (range: AbsoluteTimeRange) => void;\n range: TimeRange;\n rows: LogRowModel[];\n scrollElement?: HTMLDivElement;\n sortOrder: LogsSortOrder;\n timeZone: TimeZone;\n};\n\nexport const InfiniteScroll = ({\n children,\n loading,\n loadMoreLogs,\n range,\n rows,\n scrollElement,\n sortOrder,\n timeZone,\n}: Props) => {\n const [upperOutOfRange, setUpperOutOfRange] = useState(false);\n const [lowerOutOfRange, setLowerOutOfRange] = useState(false);\n const [upperLoading, setUpperLoading] = useState(false);\n const [lowerLoading, setLowerLoading] = useState(false);\n const rowsRef = useRef<LogRowModel[]>(rows);\n const lastScroll = useRef<number>(scrollElement?.scrollTop || 0);\n\n // Reset messages when range/order/rows change\n useEffect(() => {\n setUpperOutOfRange(false);\n setLowerOutOfRange(false);\n }, [range, rows, sortOrder]);\n\n // Reset loading messages when loading stops\n useEffect(() => {\n if (!loading) {\n setUpperLoading(false);\n setLowerLoading(false);\n }\n }, [loading]);\n\n // Ensure bottom loader visibility\n useEffect(() => {\n if (lowerLoading && scrollElement) {\n scrollElement.scrollTo(0, scrollElement.scrollHeight - scrollElement.clientHeight);\n }\n }, [lowerLoading, scrollElement]);\n\n // Request came back with no new past rows\n useEffect(() => {\n if (rows !== rowsRef.current && rows.length === rowsRef.current.length && (upperLoading || lowerLoading)) {\n if (sortOrder === LogsSortOrder.Descending && lowerLoading) {\n setLowerOutOfRange(true);\n } else if (sortOrder === LogsSortOrder.Ascending && upperLoading) {\n setUpperOutOfRange(true);\n }\n }\n rowsRef.current = rows;\n }, [lowerLoading, rows, sortOrder, upperLoading]);\n\n useEffect(() => {\n if (!scrollElement || !loadMoreLogs) {\n return;\n }\n\n function handleScroll(event: Event | WheelEvent) {\n if (!scrollElement || !loadMoreLogs || !rows.length || loading || !config.featureToggles.logsInfiniteScrolling) {\n return;\n }\n event.stopImmediatePropagation();\n const scrollDirection = shouldLoadMore(event, scrollElement, lastScroll.current);\n lastScroll.current = scrollElement.scrollTop;\n if (scrollDirection === ScrollDirection.NoScroll) {\n return;\n } else if (scrollDirection === ScrollDirection.Top) {\n scrollTop();\n } else {\n scrollBottom();\n }\n }\n\n function scrollTop() {\n const newRange = canScrollTop(getVisibleRange(rows), range, timeZone, sortOrder);\n if (!newRange) {\n setUpperOutOfRange(true);\n return;\n }\n setUpperOutOfRange(false);\n loadMoreLogs?.(newRange);\n setUpperLoading(true);\n reportInteraction('grafana_logs_infinite_scrolling', {\n direction: 'top',\n sort_order: sortOrder,\n });\n }\n\n function scrollBottom() {\n const newRange = canScrollBottom(getVisibleRange(rows), range, timeZone, sortOrder);\n if (!newRange) {\n setLowerOutOfRange(true);\n return;\n }\n setLowerOutOfRange(false);\n loadMoreLogs?.(newRange);\n setLowerLoading(true);\n reportInteraction('grafana_logs_infinite_scrolling', {\n direction: 'bottom',\n sort_order: sortOrder,\n });\n }\n\n scrollElement.addEventListener('scroll', handleScroll);\n scrollElement.addEventListener('wheel', handleScroll);\n\n return () => {\n scrollElement.removeEventListener('scroll', handleScroll);\n scrollElement.removeEventListener('wheel', handleScroll);\n };\n }, [loadMoreLogs, loading, range, rows, scrollElement, sortOrder, timeZone]);\n\n // We allow \"now\" to move when using relative time, so we hide the message so it doesn't flash.\n const hideTopMessage = sortOrder === LogsSortOrder.Descending && isRelativeTime(range.raw.to);\n const hideBottomMessage = sortOrder === LogsSortOrder.Ascending && isRelativeTime(range.raw.to);\n\n return (\n <>\n {upperLoading && <LoadingIndicator adjective={sortOrder === LogsSortOrder.Descending ? 'newer' : 'older'} />}\n {!hideTopMessage && upperOutOfRange && outOfRangeMessage}\n {children}\n {!hideBottomMessage && lowerOutOfRange && outOfRangeMessage}\n {lowerLoading && <LoadingIndicator adjective={sortOrder === LogsSortOrder.Descending ? 'older' : 'newer'} />}\n </>\n );\n};\n\nconst styles = {\n messageContainer: css({\n textAlign: 'center',\n padding: 0.25,\n }),\n};\n\nconst outOfRangeMessage = (\n <div className={styles.messageContainer} data-testid=\"end-of-range\">\n End of the selected time range.\n </div>\n);\n\nenum ScrollDirection {\n Top = -1,\n Bottom = 1,\n NoScroll = 0,\n}\nfunction shouldLoadMore(event: Event | WheelEvent, element: HTMLDivElement, lastScroll: number): ScrollDirection {\n // Disable behavior if there is no scroll\n if (element.scrollHeight <= element.clientHeight) {\n return ScrollDirection.NoScroll;\n }\n const delta = event instanceof WheelEvent ? event.deltaY : element.scrollTop - lastScroll;\n if (delta === 0) {\n return ScrollDirection.NoScroll;\n }\n const scrollDirection = delta < 0 ? ScrollDirection.Top : ScrollDirection.Bottom;\n const diff =\n scrollDirection === ScrollDirection.Top\n ? element.scrollTop\n : element.scrollHeight - element.scrollTop - element.clientHeight;\n\n return diff <= 1 ? scrollDirection : ScrollDirection.NoScroll;\n}\n\nfunction getVisibleRange(rows: LogRowModel[]) {\n const firstTimeStamp = rows[0].timeEpochMs;\n const lastTimeStamp = rows[rows.length - 1].timeEpochMs;\n\n const visibleRange =\n lastTimeStamp < firstTimeStamp\n ? { from: lastTimeStamp, to: firstTimeStamp }\n : { from: firstTimeStamp, to: lastTimeStamp };\n\n return visibleRange;\n}\n\nfunction getPrevRange(visibleRange: AbsoluteTimeRange, currentRange: TimeRange) {\n return { from: currentRange.from.valueOf(), to: visibleRange.from };\n}\n\nfunction getNextRange(visibleRange: AbsoluteTimeRange, currentRange: TimeRange, timeZone: TimeZone) {\n // When requesting new logs, update the current range if using relative time ranges.\n currentRange = updateCurrentRange(currentRange, timeZone);\n return { from: visibleRange.to, to: currentRange.to.valueOf() };\n}\n\nexport const SCROLLING_THRESHOLD = 1e3;\n\n// To get more logs, the difference between the visible range and the current range should be 1 second or more.\nfunction canScrollTop(\n visibleRange: AbsoluteTimeRange,\n currentRange: TimeRange,\n timeZone: TimeZone,\n sortOrder: LogsSortOrder\n): AbsoluteTimeRange | undefined {\n if (sortOrder === LogsSortOrder.Descending) {\n // When requesting new logs, update the current range if using relative time ranges.\n currentRange = updateCurrentRange(currentRange, timeZone);\n const canScroll = currentRange.to.valueOf() - visibleRange.to > SCROLLING_THRESHOLD;\n return canScroll ? getNextRange(visibleRange, currentRange, timeZone) : undefined;\n }\n\n const canScroll = Math.abs(currentRange.from.valueOf() - visibleRange.from) > SCROLLING_THRESHOLD;\n return canScroll ? getPrevRange(visibleRange, currentRange) : undefined;\n}\n\nfunction canScrollBottom(\n visibleRange: AbsoluteTimeRange,\n currentRange: TimeRange,\n timeZone: TimeZone,\n sortOrder: LogsSortOrder\n): AbsoluteTimeRange | undefined {\n if (sortOrder === LogsSortOrder.Descending) {\n const canScroll = Math.abs(currentRange.from.valueOf() - visibleRange.from) > SCROLLING_THRESHOLD;\n return canScroll ? getPrevRange(visibleRange, currentRange) : undefined;\n }\n // When requesting new logs, update the current range if using relative time ranges.\n currentRange = updateCurrentRange(currentRange, timeZone);\n const canScroll = currentRange.to.valueOf() - visibleRange.to > SCROLLING_THRESHOLD;\n return canScroll ? getNextRange(visibleRange, currentRange, timeZone) : undefined;\n}\n\n// Given a TimeRange, returns a new instance if using relative time, or else the same.\nfunction updateCurrentRange(timeRange: TimeRange, timeZone: TimeZone) {\n return isRelativeTimeRange(timeRange.raw) ? convertRawToRange(timeRange.raw, timeZone) : timeRange;\n}\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Icon, Stack, useStyles2 } from '@grafana/ui';\n\ninterface Props {\n feedbackUrl?: string;\n}\n\nexport function LogsFeedback({ feedbackUrl }: Props) {\n const styles = useStyles2(getStyles);\n return (\n <Stack>\n <a\n href={feedbackUrl}\n className={styles.link}\n title=\"The logs table is new, please let us know how we can improve it\"\n target=\"_blank\"\n rel=\"noreferrer noopener\"\n >\n <Icon name=\"comment-alt-message\" /> Give feedback\n </a>\n </Stack>\n );\n}\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n link: css({\n color: theme.colors.text.secondary,\n fontSize: theme.typography.bodySmall.fontSize,\n ':hover': {\n color: theme.colors.text.link,\n },\n }),\n };\n}\n","import { css } from '@emotion/css';\nimport React, { memo } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2 } from '@grafana/ui';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n metaContainer: css({\n flex: 1,\n color: theme.colors.text.secondary,\n marginBottom: theme.spacing(2),\n minWidth: '30%',\n display: 'flex',\n flexWrap: 'wrap',\n }),\n metaItem: css({\n marginRight: theme.spacing(2),\n marginTop: theme.spacing(0.5),\n display: 'flex',\n alignItems: 'center',\n ['.logs-meta-item__error']: {\n color: theme.colors.error.text,\n },\n }),\n metaLabel: css({\n marginRight: `calc(${theme.spacing(2)} / 2)`,\n fontSize: theme.typography.bodySmall.fontSize,\n fontWeight: theme.typography.fontWeightMedium,\n }),\n metaValue: css({\n fontFamily: theme.typography.fontFamilyMonospace,\n fontSize: theme.typography.bodySmall.fontSize,\n }),\n});\n\nexport interface MetaItemProps {\n label?: string;\n value: string | JSX.Element;\n}\n\nconst MetaInfoItem = memo(function MetaInfoItem(props: MetaItemProps) {\n const style = useStyles2(getStyles);\n const { label, value } = props;\n\n return (\n <div data-testid=\"meta-info-text-item\" className={style.metaItem}>\n {label && <span className={style.metaLabel}>{label}:</span>}\n <span className={style.metaValue}>{value}</span>\n </div>\n );\n});\n\ninterface MetaInfoTextProps {\n metaItems: MetaItemProps[];\n}\n\nexport const MetaInfoText = memo(function MetaInfoText(props: MetaInfoTextProps) {\n const style = useStyles2(getStyles);\n const { metaItems } = props;\n\n return (\n <div className={style.metaContainer} data-testid=\"meta-info-text\">\n {metaItems.map((item, index) => (\n <MetaInfoItem key={`${index}-${item.label}`} label={item.label} value={item.value} />\n ))}\n </div>\n );\n});\n","import React, { useCallback, useEffect, useState } from 'react';\nimport { lastValueFrom } from 'rxjs';\n\nimport {\n applyFieldOverrides,\n CustomTransformOperator,\n DataFrame,\n DataFrameType,\n DataTransformerConfig,\n Field,\n FieldType,\n guessFieldTypeForField,\n LogsSortOrder,\n sortDataFrame,\n SplitOpen,\n TimeRange,\n transformDataFrame,\n ValueLinkConfig,\n} from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { AdHocFilterItem, Table } from '@grafana/ui';\nimport { FILTER_FOR_OPERATOR, FILTER_OUT_OPERATOR } from '@grafana/ui/src/components/Table/types';\nimport { LogsFrame } from 'app/features/logs/logsFrame';\n\nimport { getFieldLinksForExplore } from '../utils/links';\n\nimport { FieldNameMeta } from './LogsTableWrap';\n\ninterface Props {\n dataFrame: DataFrame;\n width: number;\n timeZone: string;\n splitOpen: SplitOpen;\n range: TimeRange;\n logsSortOrder: LogsSortOrder;\n columnsWithMeta: Record<string, FieldNameMeta>;\n height: number;\n onClickFilterLabel?: (key: string, value: string, frame?: DataFrame) => void;\n onClickFilterOutLabel?: (key: string, value: string, frame?: DataFrame) => void;\n logsFrame: LogsFrame | null;\n}\n\nexport function LogsTable(props: Props) {\n const { timeZone, splitOpen, range, logsSortOrder, width, dataFrame, columnsWithMeta, logsFrame } = props;\n const [tableFrame, setTableFrame] = useState<DataFrame | undefined>(undefined);\n const timeIndex = logsFrame?.timeField.index;\n\n const prepareTableFrame = useCallback(\n (frame: DataFrame): DataFrame => {\n if (!frame.length) {\n return frame;\n }\n\n const sortedFrame = sortDataFrame(frame, timeIndex, logsSortOrder === LogsSortOrder.Descending);\n\n const [frameWithOverrides] = applyFieldOverrides({\n data: [sortedFrame],\n timeZone,\n theme: config.theme2,\n replaceVariables: (v: string) => v,\n fieldConfig: {\n defaults: {\n custom: {},\n },\n overrides: [],\n },\n });\n // `getLinks` and `applyFieldOverrides` are taken from TableContainer.tsx\n for (const field of frameWithOverrides.fields) {\n field.getLinks = (config: ValueLinkConfig) => {\n return getFieldLinksForExplore({\n field,\n rowIndex: config.valueRowIndex!,\n splitOpenFn: splitOpen,\n range: range,\n dataFrame: sortedFrame!,\n });\n };\n field.config = {\n ...field.config,\n custom: {\n inspect: true,\n filterable: true, // This sets the columns to be filterable\n width: getInitialFieldWidth(field),\n ...field.config.custom,\n },\n // This sets the individual field value as filterable\n filterable: isFieldFilterable(field, logsFrame?.bodyField.name ?? '', logsFrame?.timeField.name ?? ''),\n };\n\n // If it's a string, then try to guess for a better type for numeric support in viz\n field.type = field.type === FieldType.string ? guessFieldTypeForField(field) ?? FieldType.string : field.type;\n }\n\n return frameWithOverrides;\n },\n [logsSortOrder, timeZone, splitOpen, range, logsFrame?.bodyField.name, logsFrame?.timeField.name, timeIndex]\n );\n\n useEffect(() => {\n const prepare = async () => {\n if (!logsFrame?.timeField.name || !logsFrame?.bodyField.name) {\n setTableFrame(undefined);\n return;\n }\n\n // create extract JSON transformation for every field that is `json.RawMessage`\n const transformations: Array<DataTransformerConfig | CustomTransformOperator> = getLogsExtractFields(dataFrame);\n\n let labelFilters = buildLabelFilters(columnsWithMeta);\n\n // Add the label filters to the transformations\n const transform = getLabelFiltersTransform(labelFilters);\n if (transform) {\n transformations.push(transform);\n } else {\n // If no fields are filtered, filter the default fields, so we don't render all columns\n transformations.push({\n id: 'organize',\n options: {\n indexByName: {\n [logsFrame.bodyField.name]: 0,\n [logsFrame.timeField.name]: 1,\n },\n includeByName: {\n [logsFrame.bodyField.name]: true,\n [logsFrame.timeField.name]: true,\n },\n },\n });\n }\n\n if (transformations.length > 0) {\n const transformedDataFrame = await lastValueFrom(transformDataFrame(transformations, [dataFrame]));\n const tableFrame = prepareTableFrame(transformedDataFrame[0]);\n setTableFrame(tableFrame);\n } else {\n setTableFrame(prepareTableFrame(dataFrame));\n }\n };\n prepare();\n }, [\n columnsWithMeta,\n dataFrame,\n logsSortOrder,\n prepareTableFrame,\n logsFrame?.bodyField.name,\n logsFrame?.timeField.name,\n ]);\n\n if (!tableFrame) {\n return null;\n }\n\n const onCellFilterAdded = (filter: AdHocFilterItem) => {\n const { value, key, operator } = filter;\n const { onClickFilterLabel, onClickFilterOutLabel } = props;\n if (!onClickFilterLabel || !onClickFilterOutLabel) {\n return;\n }\n if (operator === FILTER_FOR_OPERATOR) {\n onClickFilterLabel(key, value, dataFrame);\n }\n\n if (operator === FILTER_OUT_OPERATOR) {\n onClickFilterOutLabel(key, value, dataFrame);\n }\n };\n\n return (\n <Table\n data={tableFrame}\n width={width}\n onCellFilterAdded={props.onClickFilterLabel && props.onClickFilterOutLabel ? onCellFilterAdded : undefined}\n height={props.height}\n footerOptions={{ show: true, reducer: ['count'], countRows: true }}\n />\n );\n}\n\nconst isFieldFilterable = (field: Field, bodyName: string, timeName: string) => {\n if (!bodyName || !timeName) {\n return false;\n }\n if (bodyName === field.name) {\n return false;\n }\n if (timeName === field.name) {\n return false;\n }\n if (field.config.links?.length) {\n return false;\n }\n\n return true;\n};\n\n// TODO: explore if `logsFrame.ts` can help us with getting the right fields\n// TODO Why is typeInfo not defined on the Field interface?\nexport function getLogsExtractFields(dataFrame: DataFrame) {\n return dataFrame.fields\n .filter((field: Field & { typeInfo?: { frame: string } }) => {\n const isFieldLokiLabels =\n field.typeInfo?.frame === 'json.RawMessage' &&\n field.name === 'labels' &&\n dataFrame?.meta?.type !== DataFrameType.LogLines;\n const isFieldDataplaneLabels =\n field.name === 'labels' && field.type === FieldType.other && dataFrame?.meta?.type === DataFrameType.LogLines;\n return isFieldLokiLabels || isFieldDataplaneLabels;\n })\n .flatMap((field: Field) => {\n return [\n {\n id: 'extractFields',\n options: {\n format: 'json',\n keepTime: false,\n replace: false,\n source: field.name,\n },\n },\n ];\n });\n}\n\nfunction buildLabelFilters(columnsWithMeta: Record<string, FieldNameMeta>) {\n // Create object of label filters to include columns selected by the user\n let labelFilters: Record<string, number> = {};\n Object.keys(columnsWithMeta)\n .filter((key) => columnsWithMeta[key].active)\n .forEach((key) => {\n const index = columnsWithMeta[key].index;\n // Index should always be defined for any active column\n if (index !== undefined) {\n labelFilters[key] = index;\n }\n });\n\n return labelFilters;\n}\n\nfunction getLabelFiltersTransform(labelFilters: Record<string, number>) {\n let labelFiltersInclude: Record<string, boolean> = {};\n\n for (const key in labelFilters) {\n labelFiltersInclude[key] = true;\n }\n\n if (Object.keys(labelFilters).length > 0) {\n return {\n id: 'organize',\n options: {\n indexByName: labelFilters,\n includeByName: labelFiltersInclude,\n },\n };\n }\n return null;\n}\n\nfunction getInitialFieldWidth(field: Field): number | undefined {\n if (field.type === FieldType.time) {\n return 200;\n }\n return undefined;\n}\n","import { css } from '@emotion/css';\nimport saveAs from 'file-saver';\nimport React from 'react';\nimport { lastValueFrom } from 'rxjs';\n\nimport {\n LogsDedupStrategy,\n LogsMetaItem,\n LogsMetaKind,\n LogRowModel,\n CoreApp,\n dateTimeFormat,\n transformDataFrame,\n DataTransformerConfig,\n CustomTransformOperator,\n} from '@grafana/data';\nimport { DataFrame } from '@grafana/data/';\nimport { reportInteraction } from '@grafana/runtime';\nimport { Button, Dropdown, Menu, ToolbarButton, Tooltip, useStyles2 } from '@grafana/ui';\n\nimport { downloadDataFrameAsCsv, downloadLogsModelAsTxt } from '../../inspector/utils/download';\nimport { LogLabels } from '../../logs/components/LogLabels';\nimport { MAX_CHARACTERS } from '../../logs/components/LogRowMessage';\nimport { logRowsToReadableJson } from '../../logs/utils';\nimport { MetaInfoText, MetaItemProps } from '../MetaInfoText';\n\nimport { getLogsExtractFields } from './LogsTable';\n\nconst getStyles = () => ({\n metaContainer: css`\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n `,\n});\n\nexport type Props = {\n meta: LogsMetaItem[];\n dedupStrategy: LogsDedupStrategy;\n dedupCount: number;\n displayedFields: string[];\n hasUnescapedContent: boolean;\n forceEscape: boolean;\n logRows: LogRowModel[];\n onEscapeNewlines: () => void;\n clearDetectedFields: () => void;\n};\n\nenum DownloadFormat {\n Text = 'text',\n Json = 'json',\n CSV = 'csv',\n}\n\nexport const LogsMetaRow = React.memo(\n ({\n meta,\n dedupStrategy,\n dedupCount,\n displayedFields,\n clearDetectedFields,\n hasUnescapedContent,\n forceEscape,\n onEscapeNewlines,\n logRows,\n }: Props) => {\n const style = useStyles2(getStyles);\n\n const downloadLogs = async (format: DownloadFormat) => {\n reportInteraction('grafana_logs_download_logs_clicked', {\n app: CoreApp.Explore,\n format,\n area: 'logs-meta-row',\n });\n\n switch (format) {\n case DownloadFormat.Text:\n downloadLogsModelAsTxt({ meta, rows: logRows }, 'Explore');\n break;\n case DownloadFormat.Json:\n const jsonLogs = logRowsToReadableJson(logRows);\n const blob = new Blob([JSON.stringify(jsonLogs)], {\n type: 'application/json;charset=utf-8',\n });\n const fileName = `Explore-logs-${dateTimeFormat(new Date())}.json`;\n saveAs(blob, fileName);\n break;\n case DownloadFormat.CSV:\n const dataFrameMap = new Map<string, DataFrame>();\n logRows.forEach((row) => {\n if (row.dataFrame?.refId && !dataFrameMap.has(row.dataFrame?.refId)) {\n dataFrameMap.set(row.dataFrame?.refId, row.dataFrame);\n }\n });\n dataFrameMap.forEach(async (dataFrame) => {\n const transforms: Array<DataTransformerConfig | CustomTransformOperator> = getLogsExtractFields(dataFrame);\n transforms.push({\n id: 'organize',\n options: {\n excludeByName: {\n ['labels']: true,\n ['labelTypes']: true,\n },\n },\n });\n const transformedDataFrame = await lastValueFrom(transformDataFrame(transforms, [dataFrame]));\n downloadDataFrameAsCsv(transformedDataFrame[0], `Explore-logs-${dataFrame.refId}`);\n });\n }\n };\n\n const logsMetaItem: Array<LogsMetaItem | MetaItemProps> = [...meta];\n\n // Add deduplication info\n if (dedupStrategy !== LogsDedupStrategy.none) {\n logsMetaItem.push({\n label: 'Deduplication count',\n value: dedupCount,\n kind: LogsMetaKind.Number,\n });\n }\n // Add info about limit for highlighting\n if (logRows.some((r) => r.entry.length > MAX_CHARACTERS)) {\n logsMetaItem.push({\n label: 'Info',\n value: 'Logs with more than 100,000 characters could not be parsed and highlighted',\n kind: LogsMetaKind.String,\n });\n }\n\n // Add detected fields info\n if (displayedFields?.length > 0) {\n logsMetaItem.push(\n {\n label: 'Showing only selected fields',\n value: renderMetaItem(displayedFields, LogsMetaKind.LabelsMap),\n },\n {\n label: '',\n value: (\n <Button variant=\"secondary\" size=\"sm\" onClick={clearDetectedFields}>\n Show original line\n </Button>\n ),\n }\n );\n }\n\n // Add unescaped content info\n if (hasUnescapedContent) {\n logsMetaItem.push({\n label: 'Your logs might have incorrectly escaped content',\n value: (\n <Tooltip\n content=\"Fix incorrectly escaped newline and tab sequences in log lines. Manually review the results to confirm that the replacements are correct.\"\n placement=\"right\"\n >\n <Button variant=\"secondary\" size=\"sm\" onClick={onEscapeNewlines}>\n {forceEscape ? 'Remove escaping' : 'Escape newlines'}\n </Button>\n </Tooltip>\n ),\n });\n }\n const downloadMenu = (\n <Menu>\n <Menu.Item label=\"txt\" onClick={() => downloadLogs(DownloadFormat.Text)} />\n <Menu.Item label=\"json\" onClick={() => downloadLogs(DownloadFormat.Json)} />\n <Menu.Item label=\"csv\" onClick={() => downloadLogs(DownloadFormat.CSV)} />\n </Menu>\n );\n return (\n <>\n {logsMetaItem && (\n <div className={style.metaContainer}>\n <MetaInfoText\n metaItems={logsMetaItem.map((item) => {\n return {\n label: item.label,\n value: 'kind' in item ? renderMetaItem(item.value, item.kind) : item.value,\n };\n })}\n />\n <Dropdown overlay={downloadMenu}>\n <ToolbarButton isOpen={false} variant=\"canvas\" icon=\"download-alt\">\n Download\n </ToolbarButton>\n </Dropdown>\n </div>\n )}\n </>\n );\n }\n);\n\nLogsMetaRow.displayName = 'LogsMetaRow';\n\nfunction renderMetaItem(value: any, kind: LogsMetaKind) {\n if (kind === LogsMetaKind.LabelsMap) {\n return <LogLabels labels={value} />;\n } else if (kind === LogsMetaKind.Error) {\n return <span className=\"logs-meta-item__error\">{value}</span>;\n }\n return value;\n}\n","import { css, cx } from '@emotion/css';\nimport React from 'react';\n\nimport { dateTimeFormat, systemDateFormats, GrafanaTheme2 } from '@grafana/data';\nimport { TimeZone } from '@grafana/schema';\nimport { CustomScrollbar, Spinner, useTheme2, clearButtonStyles } from '@grafana/ui';\n\nimport { LogsPage } from './LogsNavigation';\n\ntype Props = {\n pages: LogsPage[];\n currentPageIndex: number;\n oldestLogsFirst: boolean;\n timeZone: TimeZone;\n loading: boolean;\n onClick: (page: LogsPage, pageNumber: number) => void;\n};\n\nexport function LogsNavigationPages({ pages, currentPageIndex, oldestLogsFirst, timeZone, loading, onClick }: Props) {\n const formatTime = (time: number) => {\n return `${dateTimeFormat(time, {\n format: systemDateFormats.interval.second,\n timeZone: timeZone,\n })}`;\n };\n\n const createPageContent = (page: LogsPage, index: number) => {\n if (currentPageIndex === index && loading) {\n return <Spinner />;\n }\n const topContent = formatTime(oldestLogsFirst ? page.logsRange.from : page.logsRange.to);\n const bottomContent = formatTime(oldestLogsFirst ? page.logsRange.to : page.logsRange.from);\n return `${topContent} — ${bottomContent}`;\n };\n\n const theme = useTheme2();\n const styles = getStyles(theme, loading);\n\n return (\n <CustomScrollbar autoHide>\n <div className={styles.pagesWrapper} data-testid=\"logsNavigationPages\">\n <div className={styles.pagesContainer}>\n {pages.map((page: LogsPage, index: number) => (\n <button\n type=\"button\"\n data-testid={`page${index + 1}`}\n className={cx(clearButtonStyles(theme), styles.page)}\n key={page.queryRange.to}\n onClick={() => {\n onClick(page, index + 1);\n }}\n disabled={loading}\n >\n <div className={cx(styles.line, { selectedBg: currentPageIndex === index })} />\n <div className={cx(styles.time, { selectedText: currentPageIndex === index })}>\n {createPageContent(page, index)}\n </div>\n </button>\n ))}\n </div>\n </div>\n </CustomScrollbar>\n );\n}\n\nconst getStyles = (theme: GrafanaTheme2, loading: boolean) => {\n return {\n pagesWrapper: css`\n height: 100%;\n padding-left: ${theme.spacing(0.5)};\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n &::after {\n content: '';\n display: block;\n background: repeating-linear-gradient(\n 135deg,\n ${theme.colors.background.primary},\n ${theme.colors.background.primary} 5px,\n ${theme.colors.background.secondary} 5px,\n ${theme.colors.background.secondary} 15px\n );\n width: 3px;\n height: inherit;\n margin-bottom: 8px;\n }\n `,\n pagesContainer: css`\n display: flex;\n padding: 0;\n flex-direction: column;\n `,\n page: css`\n display: flex;\n margin: ${theme.spacing(2)} 0;\n cursor: ${loading ? 'auto' : 'pointer'};\n white-space: normal;\n .selectedBg {\n background: ${theme.colors.primary.main};\n }\n .selectedText {\n color: ${theme.colors.primary.main};\n }\n `,\n line: css`\n width: 3px;\n height: 100%;\n align-items: center;\n background: ${theme.colors.text.secondary};\n `,\n time: css`\n width: 60px;\n min-height: 80px;\n font-size: ${theme.v1.typography.size.sm};\n padding-left: ${theme.spacing(0.5)};\n display: flex;\n align-items: center;\n `,\n };\n};\n","import { css } from '@emotion/css';\nimport { isEqual } from 'lodash';\nimport React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { AbsoluteTimeRange, GrafanaTheme2, LogsSortOrder } from '@grafana/data';\nimport { config, reportInteraction } from '@grafana/runtime';\nimport { DataQuery, TimeZone } from '@grafana/schema';\nimport { Button, Icon, Spinner, useTheme2 } from '@grafana/ui';\nimport { TOP_BAR_LEVEL_HEIGHT } from 'app/core/components/AppChrome/types';\n\nimport { LogsNavigationPages } from './LogsNavigationPages';\n\ntype Props = {\n absoluteRange: AbsoluteTimeRange;\n timeZone: TimeZone;\n queries: DataQuery[];\n loading: boolean;\n visibleRange: AbsoluteTimeRange;\n logsSortOrder?: LogsSortOrder | null;\n onChangeTime: (range: AbsoluteTimeRange) => void;\n scrollToTopLogs: () => void;\n addResultsToCache: () => void;\n clearCache: () => void;\n};\n\nexport type LogsPage = {\n logsRange: AbsoluteTimeRange;\n queryRange: AbsoluteTimeRange;\n};\n\nfunction LogsNavigation({\n absoluteRange,\n logsSortOrder,\n timeZone,\n loading,\n onChangeTime,\n scrollToTopLogs,\n visibleRange,\n queries,\n clearCache,\n addResultsToCache,\n}: Props) {\n const [pages, setPages] = useState<LogsPage[]>([]);\n\n // These refs are to determine, if we want to clear up logs navigation when totally new query is run\n const expectedQueriesRef = useRef<DataQuery[]>();\n const expectedRangeRef = useRef<AbsoluteTimeRange>();\n // This ref is to store range span for future queres based on firstly selected time range\n // e.g. if last 5 min selected, always run 5 min range\n const rangeSpanRef = useRef(0);\n\n const currentPageIndex = useMemo(\n () =>\n pages.findIndex((page) => {\n return page.queryRange.to === absoluteRange.to;\n }),\n [absoluteRange.to, pages]\n );\n\n const oldestLogsFirst = logsSortOrder === LogsSortOrder.Ascending;\n const onFirstPage = oldestLogsFirst ? currentPageIndex === pages.length - 1 : currentPageIndex === 0;\n const onLastPage = oldestLogsFirst ? currentPageIndex === 0 : currentPageIndex === pages.length - 1;\n const theme = useTheme2();\n const styles = getStyles(theme, oldestLogsFirst);\n\n // Main effect to set pages and index\n useEffect(() => {\n const newPage = { logsRange: visibleRange, queryRange: absoluteRange };\n let newPages: LogsPage[] = [];\n // We want to start new pagination if queries change or if absolute range is different than expected\n if (!isEqual(expectedRangeRef.current, absoluteRange) || !isEqual(expectedQueriesRef.current, queries)) {\n clearCache();\n setPages([newPage]);\n expectedQueriesRef.current = queries;\n rangeSpanRef.current = absoluteRange.to - absoluteRange.from;\n } else {\n setPages((pages) => {\n // Remove duplicates with new query\n newPages = pages.filter((page) => !isEqual(newPage.queryRange, page.queryRange));\n // Sort pages based on logsOrder so they visually align with displayed logs\n newPages = [...newPages, newPage].sort((a, b) => sortPages(a, b, logsSortOrder));\n return newPages;\n });\n }\n }, [visibleRange, absoluteRange, logsSortOrder, queries, clearCache, addResultsToCache]);\n\n const changeTime = useCallback(\n ({ from, to }: AbsoluteTimeRange) => {\n addResultsToCache();\n expectedRangeRef.current = { from, to };\n onChangeTime({ from, to });\n },\n [onChangeTime, addResultsToCache]\n );\n\n const sortPages = (a: LogsPage, b: LogsPage, logsSortOrder?: LogsSortOrder | null) => {\n if (logsSortOrder === LogsSortOrder.Ascending) {\n return a.queryRange.to > b.queryRange.to ? 1 : -1;\n }\n return a.queryRange.to > b.queryRange.to ? -1 : 1;\n };\n\n const olderLogsButton = (\n <Button\n data-testid=\"olderLogsButton\"\n className={styles.navButton}\n variant=\"secondary\"\n onClick={() => {\n //If we are not on the last page, use next page's range\n reportInteraction('grafana_explore_logs_pagination_clicked', {\n pageType: 'olderLogsButton',\n });\n if (!onLastPage) {\n const indexChange = oldestLogsFirst ? -1 : 1;\n changeTime({\n from: pages[currentPageIndex + indexChange].queryRange.from,\n to: pages[currentPageIndex + indexChange].queryRange.to,\n });\n } else {\n //If we are on the last page, create new range\n changeTime({ from: visibleRange.from - rangeSpanRef.current, to: visibleRange.from });\n }\n scrollToTopLogs();\n }}\n disabled={loading}\n >\n <div className={styles.navButtonContent}>\n {loading ? <Spinner /> : <Icon name={oldestLogsFirst ? 'angle-up' : 'angle-down'} size=\"lg\" />}\n Older logs\n </div>\n </Button>\n );\n\n const newerLogsButton = (\n <Button\n data-testid=\"newerLogsButton\"\n className={styles.navButton}\n variant=\"secondary\"\n onClick={() => {\n reportInteraction('grafana_explore_logs_pagination_clicked', {\n pageType: 'newerLogsButton',\n });\n //If we are not on the first page, use previous page's range\n if (!onFirstPage) {\n const indexChange = oldestLogsFirst ? 1 : -1;\n changeTime({\n from: pages[currentPageIndex + indexChange].queryRange.from,\n to: pages[currentPageIndex + indexChange].queryRange.to,\n });\n }\n scrollToTopLogs();\n //If we are on the first page, button is disabled and we do nothing\n }}\n disabled={loading || onFirstPage}\n >\n <div className={styles.navButtonContent}>\n {loading && <Spinner />}\n {onFirstPage || loading ? null : <Icon name={oldestLogsFirst ? 'angle-down' : 'angle-up'} size=\"lg\" />}\n {onFirstPage ? 'Start of range' : 'Newer logs'}\n </div>\n </Button>\n );\n\n const onPageClick = useCallback(\n (page: LogsPage, pageNumber: number) => {\n reportInteraction('grafana_explore_logs_pagination_clicked', {\n pageType: 'page',\n pageNumber,\n });\n changeTime({ from: page.queryRange.from, to: page.queryRange.to });\n scrollToTopLogs();\n },\n [changeTime, scrollToTopLogs]\n );\n\n return (\n <div className={styles.navContainer}>\n {!config.featureToggles.logsInfiniteScrolling && (\n <>\n {oldestLogsFirst ? olderLogsButton : newerLogsButton}\n <LogsNavigationPages\n pages={pages}\n currentPageIndex={currentPageIndex}\n oldestLogsFirst={oldestLogsFirst}\n timeZone={timeZone}\n loading={loading}\n onClick={onPageClick}\n />\n {oldestLogsFirst ? newerLogsButton : olderLogsButton}\n </>\n )}\n <Button\n data-testid=\"scrollToTop\"\n className={styles.scrollToTopButton}\n variant=\"secondary\"\n onClick={scrollToTopLogs}\n title=\"Scroll to top\"\n >\n <Icon name=\"arrow-up\" size=\"lg\" />\n </Button>\n </div>\n );\n}\n\nexport default memo(LogsNavigation);\n\nconst getStyles = (theme: GrafanaTheme2, oldestLogsFirst: boolean) => {\n const navContainerHeight = `calc(100vh - 2*${theme.spacing(2)} - 2*${TOP_BAR_LEVEL_HEIGHT}px)`;\n return {\n navContainer: css`\n max-height: ${navContainerHeight};\n display: flex;\n flex-direction: column;\n ${config.featureToggles.logsInfiniteScrolling\n ? `justify-content: flex-end;`\n : `justify-content: ${oldestLogsFirst ? 'flex-start' : 'space-between'};`}\n position: sticky;\n top: ${theme.spacing(2)};\n right: 0;\n `,\n navButton: css`\n width: 58px;\n height: 68px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n line-height: 1;\n `,\n navButtonContent: css`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n white-space: normal;\n `,\n scrollToTopButton: css`\n width: 40px;\n height: 40px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-top: ${theme.spacing(1)};\n `,\n };\n};\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data/src';\nimport { Field, Input, useTheme2 } from '@grafana/ui/src';\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n searchWrap: css({\n padding: `${theme.spacing(0.4)} 0 ${theme.spacing(0.4)} ${theme.spacing(0.4)}`,\n }),\n };\n}\n\nexport function LogsColumnSearch(props: { onChange: (e: React.FormEvent<HTMLInputElement>) => void; value: string }) {\n const theme = useTheme2();\n const styles = getStyles(theme);\n return (\n <Field className={styles.searchWrap}>\n <Input value={props.value} type={'text'} placeholder={'Search fields by name'} onChange={props.onChange} />\n </Field>\n );\n}\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { useTheme2 } from '@grafana/ui';\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n empty: css({\n marginBottom: theme.spacing(2),\n marginLeft: theme.spacing(1.75),\n fontSize: theme.typography.fontSize,\n }),\n };\n}\n\nexport function LogsTableEmptyFields() {\n const theme = useTheme2();\n const styles = getStyles(theme);\n return <div className={styles.empty}>No fields</div>;\n}\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Checkbox, Icon, useTheme2 } from '@grafana/ui';\n\nimport { FieldNameMeta } from './LogsTableWrap';\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n dragIcon: css({\n cursor: 'drag',\n marginLeft: theme.spacing(1),\n opacity: 0.4,\n }),\n labelCount: css({\n marginLeft: theme.spacing(0.5),\n marginRight: theme.spacing(0.5),\n appearance: 'none',\n background: 'none',\n border: 'none',\n fontSize: theme.typography.pxToRem(11),\n opacity: 0.6,\n }),\n contentWrap: css({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n }),\n // Hide text that overflows, had to select elements within the Checkbox component, so this is a bit fragile\n checkboxLabel: css({\n '> span': {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n display: 'block',\n maxWidth: '100%',\n },\n }),\n };\n}\n\nexport function LogsTableNavField(props: {\n label: string;\n onChange: () => void;\n labels: Record<string, FieldNameMeta>;\n draggable?: boolean;\n showCount?: boolean;\n}): React.JSX.Element | undefined {\n const theme = useTheme2();\n const styles = getStyles(theme);\n\n if (props.labels[props.label]) {\n return (\n <>\n <div className={styles.contentWrap}>\n <Checkbox\n className={styles.checkboxLabel}\n label={props.label}\n onChange={props.onChange}\n checked={props.labels[props.label]?.active ?? false}\n />\n {props.showCount && (\n <button className={styles.labelCount} onClick={props.onChange}>\n {props.labels[props.label]?.percentOfLinesWithLabel}%\n </button>\n )}\n </div>\n {props.draggable && (\n <Icon\n aria-label=\"Drag and drop icon\"\n title=\"Drag and drop to reorder\"\n name=\"draggabledots\"\n size=\"lg\"\n className={styles.dragIcon}\n />\n )}\n </>\n );\n }\n return undefined;\n}\n","import { css, cx } from '@emotion/css';\nimport React from 'react';\nimport { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from 'react-beautiful-dnd';\n\nimport { GrafanaTheme2 } from '@grafana/data/src';\nimport { useTheme2 } from '@grafana/ui/src';\n\nimport { LogsTableEmptyFields } from './LogsTableEmptyFields';\nimport { LogsTableNavField } from './LogsTableNavField';\nimport { FieldNameMeta } from './LogsTableWrap';\n\nexport function getLogsFieldsStyles(theme: GrafanaTheme2) {\n return {\n wrap: css({\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1),\n display: 'flex',\n background: theme.colors.background.primary,\n }),\n dragging: css({\n background: theme.colors.background.secondary,\n }),\n columnWrapper: css({\n marginBottom: theme.spacing(1.5),\n // need some space or the outline of the checkbox is cut off\n paddingLeft: theme.spacing(0.5),\n }),\n };\n}\n\nfunction sortLabels(labels: Record<string, FieldNameMeta>) {\n return (a: string, b: string) => {\n const la = labels[a];\n const lb = labels[b];\n\n // Sort by index\n if (la.index != null && lb.index != null) {\n return la.index - lb.index;\n }\n\n // otherwise do not sort\n return 0;\n };\n}\n\nexport const LogsTableActiveFields = (props: {\n labels: Record<string, FieldNameMeta>;\n valueFilter: (value: string) => boolean;\n toggleColumn: (columnName: string) => void;\n reorderColumn: (sourceIndex: number, destinationIndex: number) => void;\n id: string;\n}): JSX.Element => {\n const { reorderColumn, labels, valueFilter, toggleColumn } = props;\n const theme = useTheme2();\n const styles = getLogsFieldsStyles(theme);\n const labelKeys = Object.keys(labels).filter((labelName) => valueFilter(labelName));\n\n const onDragEnd = (result: DropResult) => {\n if (!result.destination) {\n return;\n }\n reorderColumn(result.source.index, result.destination.index);\n };\n\n const renderTitle = (labelName: string) => {\n const label = labels[labelName];\n if (label) {\n return `${labelName} appears in ${label?.percentOfLinesWithLabel}% of log lines`;\n }\n\n return undefined;\n };\n\n if (labelKeys.length) {\n return (\n <DragDropContext onDragEnd={onDragEnd}>\n <Droppable droppableId=\"order-fields\" direction=\"vertical\">\n {(provided) => (\n <div className={styles.columnWrapper} {...provided.droppableProps} ref={provided.innerRef}>\n {labelKeys.sort(sortLabels(labels)).map((labelName, index) => (\n <Draggable draggableId={labelName} key={labelName} index={index}>\n {(provided: DraggableProvided, snapshot) => (\n <div\n className={cx(styles.wrap, snapshot.isDragging ? styles.dragging : undefined)}\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n title={renderTitle(labelName)}\n >\n <LogsTableNavField\n label={labelName}\n onChange={() => toggleColumn(labelName)}\n labels={labels}\n draggable={true}\n />\n </div>\n )}\n </Draggable>\n ))}\n {provided.placeholder}\n </div>\n )}\n </Droppable>\n </DragDropContext>\n );\n }\n\n return <LogsTableEmptyFields />;\n};\n","import React from 'react';\n\nimport { useTheme2 } from '@grafana/ui/src';\n\nimport { getLogsFieldsStyles } from './LogsTableActiveFields';\nimport { LogsTableEmptyFields } from './LogsTableEmptyFields';\nimport { LogsTableNavField } from './LogsTableNavField';\nimport { FieldNameMeta } from './LogsTableWrap';\n\nconst collator = new Intl.Collator(undefined, { sensitivity: 'base' });\n\nfunction sortLabels(labels: Record<string, FieldNameMeta>) {\n return (a: string, b: string) => {\n const la = labels[a];\n const lb = labels[b];\n\n // ...sort by type and alphabetically\n if (la != null && lb != null) {\n return (\n Number(lb.type === 'TIME_FIELD') - Number(la.type === 'TIME_FIELD') ||\n Number(lb.type === 'BODY_FIELD') - Number(la.type === 'BODY_FIELD') ||\n collator.compare(a, b)\n );\n }\n\n // otherwise do not sort\n return 0;\n };\n}\n\nexport const LogsTableAvailableFields = (props: {\n labels: Record<string, FieldNameMeta>;\n valueFilter: (value: string) => boolean;\n toggleColumn: (columnName: string) => void;\n}): JSX.Element => {\n const { labels, valueFilter, toggleColumn } = props;\n const theme = useTheme2();\n const styles = getLogsFieldsStyles(theme);\n const labelKeys = Object.keys(labels).filter((labelName) => valueFilter(labelName));\n if (labelKeys.length) {\n // Otherwise show list with a hardcoded order\n return (\n <div className={styles.columnWrapper}>\n {labelKeys.sort(sortLabels(labels)).map((labelName, index) => (\n <div\n key={labelName}\n className={styles.wrap}\n title={`${labelName} appears in ${labels[labelName]?.percentOfLinesWithLabel}% of log lines`}\n >\n <LogsTableNavField\n showCount={true}\n label={labelName}\n onChange={() => toggleColumn(labelName)}\n labels={labels}\n />\n </div>\n ))}\n </div>\n );\n }\n\n return <LogsTableEmptyFields />;\n};\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data/src';\nimport { useTheme2 } from '@grafana/ui/src';\n\nimport { LogsTableActiveFields } from './LogsTableActiveFields';\nimport { LogsTableAvailableFields } from './LogsTableAvailableFields';\nimport { FieldNameMeta } from './LogsTableWrap';\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n sidebarWrap: css({\n overflowY: 'scroll',\n height: 'calc(100% - 50px)',\n /* Hide scrollbar for Chrome, Safari, and Opera */\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n /* Hide scrollbar for Firefox */\n scrollbarWidth: 'none',\n }),\n columnHeaderButton: css({\n appearance: 'none',\n background: 'none',\n border: 'none',\n fontSize: theme.typography.pxToRem(11),\n }),\n columnHeader: css({\n display: 'flex',\n justifyContent: 'space-between',\n fontSize: theme.typography.h6.fontSize,\n background: theme.colors.background.secondary,\n position: 'sticky',\n top: 0,\n left: 0,\n paddingTop: theme.spacing(0.75),\n paddingRight: theme.spacing(0.75),\n paddingBottom: theme.spacing(0.75),\n paddingLeft: theme.spacing(1.5),\n zIndex: 3,\n marginBottom: theme.spacing(2),\n }),\n };\n}\n\nexport const LogsTableMultiSelect = (props: {\n toggleColumn: (columnName: string) => void;\n filteredColumnsWithMeta: Record<string, FieldNameMeta> | undefined;\n columnsWithMeta: Record<string, FieldNameMeta>;\n clear: () => void;\n reorderColumn: (oldIndex: number, newIndex: number) => void;\n}) => {\n const theme = useTheme2();\n const styles = getStyles(theme);\n\n return (\n <div className={styles.sidebarWrap}>\n {/* Sidebar columns */}\n <>\n <div className={styles.columnHeader}>\n Selected fields\n <button onClick={props.clear} className={styles.columnHeaderButton}>\n Reset\n </button>\n </div>\n <LogsTableActiveFields\n reorderColumn={props.reorderColumn}\n toggleColumn={props.toggleColumn}\n labels={props.filteredColumnsWithMeta ?? props.columnsWithMeta}\n valueFilter={(value) => props.columnsWithMeta[value]?.active ?? false}\n id={'selected-fields'}\n />\n\n <div className={styles.columnHeader}>Fields</div>\n <LogsTableAvailableFields\n toggleColumn={props.toggleColumn}\n labels={props.filteredColumnsWithMeta ?? props.columnsWithMeta}\n valueFilter={(value) => !props.columnsWithMeta[value]?.active}\n />\n </>\n </div>\n );\n};\n","import uFuzzy from '@leeoniya/ufuzzy';\nimport { debounce as debounceLodash } from 'lodash';\n\nconst uf = new uFuzzy({\n intraMode: 1,\n intraIns: 1,\n intraSub: 1,\n intraTrn: 1,\n intraDel: 1,\n});\n\nexport function fuzzySearch(haystack: string[], query: string, dispatcher: (data: string[][]) => void) {\n const [idxs, info, order] = uf.search(haystack, query, 0, 1e5);\n\n let haystackOrder: string[] = [];\n let matchesSet: Set<string> = new Set();\n if (idxs && order) {\n /**\n * get the fuzzy matches for hilighting\n * @param part\n * @param matched\n */\n const mark = (part: string, matched: boolean) => {\n if (matched) {\n matchesSet.add(part);\n }\n };\n\n // Iterate to create the order of needles(queries) and the matches\n for (let i = 0; i < order.length; i++) {\n let infoIdx = order[i];\n\n /** Evaluate the match, get the matches for highlighting */\n uFuzzy.highlight(haystack[info.idx[infoIdx]], info.ranges[infoIdx], mark);\n /** Get the order */\n haystackOrder.push(haystack[info.idx[infoIdx]]);\n }\n\n dispatcher([haystackOrder, [...matchesSet]]);\n } else if (!query) {\n dispatcher([[], []]);\n }\n}\n\nexport const debouncedFuzzySearch = debounceLodash(fuzzySearch, 300);\n","import { css } from '@emotion/css';\nimport { Resizable, ResizeCallback } from 're-resizable';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport {\n DataFrame,\n ExploreLogsPanelState,\n GrafanaTheme2,\n Labels,\n LogsSortOrder,\n SelectableValue,\n SplitOpen,\n TimeRange,\n} from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime/src';\nimport { InlineField, Select, Themeable2 } from '@grafana/ui/';\n\nimport { parseLogsFrame } from '../../logs/logsFrame';\n\nimport { LogsColumnSearch } from './LogsColumnSearch';\nimport { LogsTable } from './LogsTable';\nimport { LogsTableMultiSelect } from './LogsTableMultiSelect';\nimport { fuzzySearch } from './utils/uFuzzy';\n\ninterface Props extends Themeable2 {\n logsFrames: DataFrame[];\n width: number;\n timeZone: string;\n splitOpen: SplitOpen;\n range: TimeRange;\n logsSortOrder: LogsSortOrder;\n panelState: ExploreLogsPanelState | undefined;\n updatePanelState: (panelState: Partial<ExploreLogsPanelState>) => void;\n onClickFilterLabel?: (key: string, value: string, frame?: DataFrame) => void;\n onClickFilterOutLabel?: (key: string, value: string, frame?: DataFrame) => void;\n datasourceType?: string;\n}\n\ntype ActiveFieldMeta = {\n active: false;\n index: undefined; // if undefined the column is not selected\n};\n\ntype InactiveFieldMeta = {\n active: true;\n index: number; // if undefined the column is not selected\n};\n\ntype GenericMeta = {\n percentOfLinesWithLabel: number;\n type?: 'BODY_FIELD' | 'TIME_FIELD';\n};\n\nexport type FieldNameMeta = (InactiveFieldMeta | ActiveFieldMeta) & GenericMeta;\n\ntype FieldName = string;\ntype FieldNameMetaStore = Record<FieldName, FieldNameMeta>;\n\nexport function LogsTableWrap(props: Props) {\n const { logsFrames, updatePanelState, panelState } = props;\n const propsColumns = panelState?.columns;\n // Save the normalized cardinality of each label\n const [columnsWithMeta, setColumnsWithMeta] = useState<FieldNameMetaStore | undefined>(undefined);\n\n // Filtered copy of columnsWithMeta that only includes matching results\n const [filteredColumnsWithMeta, setFilteredColumnsWithMeta] = useState<FieldNameMetaStore | undefined>(undefined);\n const [searchValue, setSearchValue] = useState<string>('');\n\n const height = getLogsTableHeight();\n const panelStateRefId = props?.panelState?.refId;\n\n // The current dataFrame containing the refId of the current query\n const [currentDataFrame, setCurrentDataFrame] = useState<DataFrame>(\n logsFrames.find((f) => f.refId === panelStateRefId) ?? logsFrames[0]\n );\n\n const getColumnsFromProps = useCallback(\n (fieldNames: FieldNameMetaStore) => {\n const previouslySelected = props.panelState?.columns;\n if (previouslySelected) {\n Object.values(previouslySelected).forEach((key, index) => {\n if (fieldNames[key]) {\n fieldNames[key].active = true;\n fieldNames[key].index = index;\n }\n });\n }\n return fieldNames;\n },\n [props.panelState?.columns]\n );\n const logsFrame = parseLogsFrame(currentDataFrame);\n\n useEffect(() => {\n if (logsFrame?.timeField.name && logsFrame?.bodyField.name && !propsColumns) {\n const defaultColumns = { 0: logsFrame?.timeField.name ?? '', 1: logsFrame?.bodyField.name ?? '' };\n updatePanelState({\n columns: Object.values(defaultColumns),\n visualisationType: 'table',\n labelFieldName: logsFrame?.getLabelFieldName() ?? undefined,\n });\n }\n }, [logsFrame, propsColumns, updatePanelState]);\n\n /**\n * When logs frame updates (e.g. query|range changes), we need to set the selected frame to state\n */\n useEffect(() => {\n const newFrame = logsFrames.find((f) => f.refId === panelStateRefId) ?? logsFrames[0];\n if (newFrame) {\n setCurrentDataFrame(newFrame);\n }\n }, [logsFrames, panelStateRefId]);\n\n /**\n * Keeps the filteredColumnsWithMeta state in sync with the columnsWithMeta state,\n * which can be updated by explore browser history state changes\n * This prevents an edge case bug where the user is navigating while a search is open.\n */\n useEffect(() => {\n if (!columnsWithMeta || !filteredColumnsWithMeta) {\n return;\n }\n let newFiltered = { ...filteredColumnsWithMeta };\n let flag = false;\n Object.keys(columnsWithMeta).forEach((key) => {\n if (newFiltered[key] && newFiltered[key].active !== columnsWithMeta[key].active) {\n newFiltered[key] = columnsWithMeta[key];\n flag = true;\n }\n });\n if (flag) {\n setFilteredColumnsWithMeta(newFiltered);\n }\n }, [columnsWithMeta, filteredColumnsWithMeta]);\n\n /**\n * when the query results change, we need to update the columnsWithMeta state\n * and reset any local search state\n *\n * This will also find all the unique labels, and calculate how many log lines have each label into the labelCardinality Map\n * Then it normalizes the counts\n *\n */\n useEffect(() => {\n // If the data frame is empty, there's nothing to viz, it could mean the user has unselected all columns\n if (!currentDataFrame.length) {\n return;\n }\n const numberOfLogLines = currentDataFrame ? currentDataFrame.length : 0;\n const logsFrame = parseLogsFrame(currentDataFrame);\n const labels = logsFrame?.getLogFrameLabelsAsLabels();\n\n const otherFields = [];\n\n if (logsFrame) {\n otherFields.push(...logsFrame.extraFields.filter((field) => !field?.config?.custom?.hidden));\n }\n if (logsFrame?.severityField) {\n otherFields.push(logsFrame?.severityField);\n }\n if (logsFrame?.bodyField) {\n otherFields.push(logsFrame?.bodyField);\n }\n if (logsFrame?.timeField) {\n otherFields.push(logsFrame?.timeField);\n }\n\n // Use a map to dedupe labels and count their occurrences in the logs\n const labelCardinality = new Map<FieldName, FieldNameMeta>();\n\n // What the label state will look like\n let pendingLabelState: FieldNameMetaStore = {};\n\n // If we have labels and log lines\n if (labels?.length && numberOfLogLines) {\n // Iterate through all of Labels\n labels.forEach((labels: Labels) => {\n const labelsArray = Object.keys(labels);\n // Iterate through the label values\n labelsArray.forEach((label) => {\n // If it's already in our map, increment the count\n if (labelCardinality.has(label)) {\n const value = labelCardinality.get(label);\n if (value) {\n if (value?.active) {\n labelCardinality.set(label, {\n percentOfLinesWithLabel: value.percentOfLinesWithLabel + 1,\n active: true,\n index: value.index,\n });\n } else {\n labelCardinality.set(label, {\n percentOfLinesWithLabel: value.percentOfLinesWithLabel + 1,\n active: false,\n index: undefined,\n });\n }\n }\n // Otherwise add it\n } else {\n labelCardinality.set(label, { percentOfLinesWithLabel: 1, active: false, index: undefined });\n }\n });\n });\n\n // Converting the map to an object\n pendingLabelState = Object.fromEntries(labelCardinality);\n\n // Convert count to percent of log lines\n Object.keys(pendingLabelState).forEach((key) => {\n pendingLabelState[key].percentOfLinesWithLabel = normalize(\n pendingLabelState[key].percentOfLinesWithLabel,\n numberOfLogLines\n );\n });\n }\n\n // Normalize the other fields\n otherFields.forEach((field) => {\n const isActive = pendingLabelState[field.name]?.active;\n const index = pendingLabelState[field.name]?.index;\n if (isActive && index !== undefined) {\n pendingLabelState[field.name] = {\n percentOfLinesWithLabel: normalize(\n field.values.filter((value) => value !== null && value !== undefined).length,\n numberOfLogLines\n ),\n active: true,\n index: index,\n };\n } else {\n pendingLabelState[field.name] = {\n percentOfLinesWithLabel: normalize(\n field.values.filter((value) => value !== null && value !== undefined).length,\n numberOfLogLines\n ),\n active: false,\n index: undefined,\n };\n }\n });\n\n pendingLabelState = getColumnsFromProps(pendingLabelState);\n\n // Get all active columns\n const active = Object.keys(pendingLabelState).filter((key) => pendingLabelState[key].active);\n\n // If nothing is selected, then select the default columns\n if (active.length === 0) {\n if (logsFrame?.bodyField?.name) {\n pendingLabelState[logsFrame.bodyField.name].active = true;\n }\n if (logsFrame?.timeField?.name) {\n pendingLabelState[logsFrame.timeField.name].active = true;\n }\n }\n\n if (logsFrame?.bodyField?.name && logsFrame?.timeField?.name) {\n pendingLabelState[logsFrame.bodyField.name].type = 'BODY_FIELD';\n pendingLabelState[logsFrame.timeField.name].type = 'TIME_FIELD';\n }\n\n setColumnsWithMeta(pendingLabelState);\n\n // The panel state is updated when the user interacts with the multi-select sidebar\n }, [currentDataFrame, getColumnsFromProps]);\n\n const [sidebarWidth, setSidebarWidth] = useState(220);\n const tableWidth = props.width - sidebarWidth;\n\n if (!columnsWithMeta) {\n return null;\n }\n\n function columnFilterEvent(columnName: string) {\n if (columnsWithMeta) {\n const newState = !columnsWithMeta[columnName]?.active;\n const priorActiveCount = Object.keys(columnsWithMeta).filter((column) => columnsWithMeta[column]?.active)?.length;\n const event = {\n columnAction: newState ? 'add' : 'remove',\n columnCount: newState ? priorActiveCount + 1 : priorActiveCount - 1,\n datasourceType: props.datasourceType,\n };\n reportInteraction('grafana_explore_logs_table_column_filter_clicked', event);\n }\n }\n\n function searchFilterEvent(searchResultCount: number) {\n reportInteraction('grafana_explore_logs_table_text_search_result_count', {\n resultCount: searchResultCount,\n datasourceType: props.datasourceType ?? 'unknown',\n });\n }\n\n const clearSelection = () => {\n const pendingLabelState = { ...columnsWithMeta };\n let index = 0;\n Object.keys(pendingLabelState).forEach((key) => {\n const isDefaultField = !!pendingLabelState[key].type;\n // after reset the only active fields are the special time and body fields\n pendingLabelState[key].active = isDefaultField;\n // reset the index\n pendingLabelState[key].index = isDefaultField ? index++ : undefined;\n });\n setColumnsWithMeta(pendingLabelState);\n };\n\n const reorderColumn = (sourceIndex: number, destinationIndex: number) => {\n if (sourceIndex === destinationIndex) {\n return;\n }\n\n const pendingLabelState = { ...columnsWithMeta };\n\n const keys = Object.keys(pendingLabelState)\n .filter((key) => pendingLabelState[key].active)\n .map((key) => ({\n fieldName: key,\n index: pendingLabelState[key].index ?? 0,\n }))\n .sort((a, b) => a.index - b.index);\n\n const [source] = keys.splice(sourceIndex, 1);\n keys.splice(destinationIndex, 0, source);\n\n keys.forEach((key, index) => {\n pendingLabelState[key.fieldName].index = index;\n });\n\n // Set local state\n setColumnsWithMeta(pendingLabelState);\n\n // Sync the explore state\n updateExploreState(pendingLabelState);\n };\n\n function updateExploreState(pendingLabelState: FieldNameMetaStore) {\n // Get all active columns and sort by index\n const newColumnsArray = Object.keys(pendingLabelState)\n // Only include active filters\n .filter((key) => pendingLabelState[key]?.active)\n .sort((a, b) => {\n const pa = pendingLabelState[a];\n const pb = pendingLabelState[b];\n if (pa.index !== undefined && pb.index !== undefined) {\n return pa.index - pb.index; // sort by index\n }\n return 0;\n });\n\n const newColumns: Record<number, string> = Object.assign(\n {},\n // Get the keys of the object as an array\n newColumnsArray\n );\n\n const defaultColumns = { 0: logsFrame?.timeField.name ?? '', 1: logsFrame?.bodyField.name ?? '' };\n const newPanelState: ExploreLogsPanelState = {\n ...props.panelState,\n // URL format requires our array of values be an object, so we convert it using object.assign\n columns: Object.keys(newColumns).length ? newColumns : defaultColumns,\n refId: currentDataFrame.refId,\n visualisationType: 'table',\n labelFieldName: logsFrame?.getLabelFieldName() ?? undefined,\n };\n\n // Update url state\n updatePanelState(newPanelState);\n }\n\n // Toggle a column on or off when the user interacts with an element in the multi-select sidebar\n const toggleColumn = (columnName: FieldName) => {\n if (!columnsWithMeta || !(columnName in columnsWithMeta)) {\n console.warn('failed to get column', columnsWithMeta);\n return;\n }\n\n const length = Object.keys(columnsWithMeta).filter((c) => columnsWithMeta[c].active).length;\n const isActive = !columnsWithMeta[columnName].active ? true : undefined;\n\n let pendingLabelState: FieldNameMetaStore;\n if (isActive) {\n pendingLabelState = {\n ...columnsWithMeta,\n [columnName]: {\n ...columnsWithMeta[columnName],\n active: isActive,\n index: length,\n },\n };\n } else {\n pendingLabelState = {\n ...columnsWithMeta,\n [columnName]: {\n ...columnsWithMeta[columnName],\n active: false,\n index: undefined,\n },\n };\n }\n\n // Analytics\n columnFilterEvent(columnName);\n\n // Set local state\n setColumnsWithMeta(pendingLabelState);\n\n // If user is currently filtering, update filtered state\n if (filteredColumnsWithMeta) {\n const active = !filteredColumnsWithMeta[columnName]?.active;\n let pendingFilteredLabelState: FieldNameMetaStore;\n if (active) {\n pendingFilteredLabelState = {\n ...filteredColumnsWithMeta,\n [columnName]: {\n ...filteredColumnsWithMeta[columnName],\n active: active,\n index: length,\n },\n };\n } else {\n pendingFilteredLabelState = {\n ...filteredColumnsWithMeta,\n [columnName]: {\n ...filteredColumnsWithMeta[columnName],\n active: false,\n index: undefined,\n },\n };\n }\n\n setFilteredColumnsWithMeta(pendingFilteredLabelState);\n }\n\n updateExploreState(pendingLabelState);\n };\n\n // uFuzzy search dispatcher, adds any matches to the local state\n const dispatcher = (data: string[][]) => {\n const matches = data[0];\n let newColumnsWithMeta: FieldNameMetaStore = {};\n let numberOfResults = 0;\n matches.forEach((match) => {\n if (match in columnsWithMeta) {\n newColumnsWithMeta[match] = columnsWithMeta[match];\n numberOfResults++;\n }\n });\n setFilteredColumnsWithMeta(newColumnsWithMeta);\n searchFilterEvent(numberOfResults);\n };\n\n // uFuzzy search\n const search = (needle: string) => {\n fuzzySearch(Object.keys(columnsWithMeta), needle, dispatcher);\n };\n\n // onChange handler for search input\n const onSearchInputChange = (e: React.FormEvent<HTMLInputElement>) => {\n const value = e.currentTarget?.value;\n setSearchValue(value);\n if (value) {\n search(value);\n } else {\n // If the search input is empty, reset the local search state.\n setFilteredColumnsWithMeta(undefined);\n }\n };\n\n const onFrameSelectorChange = (value: SelectableValue<string>) => {\n const matchingDataFrame = logsFrames.find((frame) => frame.refId === value.value);\n if (matchingDataFrame) {\n setCurrentDataFrame(logsFrames.find((frame) => frame.refId === value.value) ?? logsFrames[0]);\n }\n props.updatePanelState({ refId: value.value, labelFieldName: logsFrame?.getLabelFieldName() ?? undefined });\n };\n\n const styles = getStyles(props.theme, height, sidebarWidth);\n\n const getOnResize: ResizeCallback = (event, direction, ref) => {\n const newSidebarWidth = Number(ref.style.width.slice(0, -2));\n if (!isNaN(newSidebarWidth)) {\n setSidebarWidth(newSidebarWidth);\n }\n };\n\n return (\n <>\n <div>\n {logsFrames.length > 1 && (\n <div>\n <InlineField\n label=\"Select query\"\n htmlFor=\"explore_logs_table_frame_selector\"\n labelWidth={22}\n tooltip=\"Select a query to visualize in the table.\"\n >\n <Select\n inputId={'explore_logs_table_frame_selector'}\n aria-label={'Select query by name'}\n value={currentDataFrame.refId}\n options={logsFrames.map((frame) => {\n return {\n label: frame.refId,\n value: frame.refId,\n };\n })}\n onChange={onFrameSelectorChange}\n />\n </InlineField>\n </div>\n )}\n </div>\n <div className={styles.wrapper}>\n <Resizable\n enable={{\n right: true,\n }}\n handleClasses={{ right: styles.rzHandle }}\n onResize={getOnResize}\n >\n <section className={styles.sidebar}>\n <LogsColumnSearch value={searchValue} onChange={onSearchInputChange} />\n <LogsTableMultiSelect\n reorderColumn={reorderColumn}\n toggleColumn={toggleColumn}\n filteredColumnsWithMeta={filteredColumnsWithMeta}\n columnsWithMeta={columnsWithMeta}\n clear={clearSelection}\n />\n </section>\n </Resizable>\n <LogsTable\n logsFrame={logsFrame}\n onClickFilterLabel={props.onClickFilterLabel}\n onClickFilterOutLabel={props.onClickFilterOutLabel}\n logsSortOrder={props.logsSortOrder}\n range={props.range}\n splitOpen={props.splitOpen}\n timeZone={props.timeZone}\n width={tableWidth}\n dataFrame={currentDataFrame}\n columnsWithMeta={columnsWithMeta}\n height={height}\n />\n </div>\n </>\n );\n}\n\nconst normalize = (value: number, total: number): number => {\n return Math.ceil((100 * value) / total);\n};\n\nfunction getStyles(theme: GrafanaTheme2, height: number, width: number) {\n return {\n wrapper: css({\n display: 'flex',\n }),\n sidebar: css({\n height: height,\n fontSize: theme.typography.pxToRem(11),\n overflowY: 'hidden',\n width: width,\n paddingRight: theme.spacing(3),\n }),\n rzHandle: css({\n background: theme.colors.secondary.main,\n transition: '0.3s background ease-in-out',\n position: 'relative',\n height: '50% !important',\n width: `${theme.spacing(1)} !important`,\n top: '25% !important',\n right: `${theme.spacing(1)} !important`,\n cursor: 'grab',\n borderRadius: theme.shape.radius.pill,\n ['&:hover']: {\n background: theme.colors.secondary.shade,\n },\n }),\n };\n}\n\nexport const getLogsTableHeight = () => {\n // Instead of making the height of the table based on the content (like in the table panel itself), let's try to use the vertical space that is available.\n // Since this table is in explore, we can expect the user to be running multiple queries that return disparate numbers of rows and labels in the same session\n // Also changing the height of the table between queries can be and cause content to jump, so we'll set a minimum height of 500px, and a max based on the innerHeight\n // Ideally the table container should always be able to fit in the users viewport without needing to scroll\n return Math.max(window.innerHeight - 500, 500);\n};\n","import { css } from '@emotion/css';\nimport React, { useState } from 'react';\n\nimport { DataQueryError, GrafanaTheme2 } from '@grafana/data';\nimport { Alert, AlertVariant, Button, useTheme2 } from '@grafana/ui';\n\ntype Props = {\n error?: DataQueryError;\n title: string;\n severity?: AlertVariant;\n suggestedAction?: string;\n onSuggestedAction?(): void;\n onRemove?(): void;\n};\nexport function SupplementaryResultError(props: Props) {\n const [isOpen, setIsOpen] = useState(false);\n const SHORT_ERROR_MESSAGE_LIMIT = 100;\n const { error, title, suggestedAction, onSuggestedAction, onRemove, severity = 'warning' } = props;\n // generic get-error-message-logic, taken from\n // /public/app/features/explore/ErrorContainer.tsx\n const message = error?.message || error?.data?.message || '';\n const showButton = !isOpen && message.length > SHORT_ERROR_MESSAGE_LIMIT;\n const theme = useTheme2();\n const styles = getStyles(theme);\n\n return (\n <div className={styles.supplementaryErrorContainer}>\n <Alert title={title} severity={severity} onRemove={onRemove}>\n <div className={styles.suggestedActionWrapper}>\n {showButton ? (\n <Button\n variant=\"secondary\"\n size=\"xs\"\n onClick={() => {\n setIsOpen(true);\n }}\n >\n Show details\n </Button>\n ) : (\n message\n )}\n {suggestedAction && onSuggestedAction && (\n <div className={styles.suggestedActionWrapper}>\n <Button variant=\"primary\" size=\"xs\" onClick={onSuggestedAction}>\n {suggestedAction}\n </Button>\n </div>\n )}\n </div>\n </Alert>\n </div>\n );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n supplementaryErrorContainer: css({\n width: '50%',\n minWidth: `${theme.breakpoints.values.sm}px`,\n margin: '0 auto',\n }),\n suggestedActionWrapper: css({\n height: theme.spacing(6),\n ['button']: {\n position: 'absolute',\n right: theme.spacing(2),\n top: theme.spacing(7),\n },\n }),\n };\n};\n","import { css } from '@emotion/css';\nimport { identity } from 'lodash';\nimport React from 'react';\n\nimport {\n AbsoluteTimeRange,\n DataQueryResponse,\n LoadingState,\n SplitOpen,\n EventBus,\n GrafanaTheme2,\n DataFrame,\n} from '@grafana/data';\nimport { TimeZone } from '@grafana/schema';\nimport { Icon, Tooltip, TooltipDisplayMode, useStyles2, useTheme2 } from '@grafana/ui';\n\nimport { getLogsVolumeDataSourceInfo, isLogsVolumeLimited } from '../../logs/utils';\nimport { ExploreGraph } from '../Graph/ExploreGraph';\n\ntype Props = {\n logsVolumeData: DataQueryResponse;\n allLogsVolumeMaximum: number;\n absoluteRange: AbsoluteTimeRange;\n timeZone: TimeZone;\n splitOpen: SplitOpen;\n width: number;\n onUpdateTimeRange: (timeRange: AbsoluteTimeRange) => void;\n onLoadLogsVolume: () => void;\n onHiddenSeriesChanged: (hiddenSeries: string[]) => void;\n eventBus: EventBus;\n annotations: DataFrame[];\n};\n\nexport function LogsVolumePanel(props: Props) {\n const { width, timeZone, splitOpen, onUpdateTimeRange, onHiddenSeriesChanged, allLogsVolumeMaximum } = props;\n const theme = useTheme2();\n const styles = useStyles2(getStyles);\n const spacing = parseInt(theme.spacing(2).slice(0, -2), 10);\n const height = 150;\n\n const logsVolumeData = props.logsVolumeData;\n\n const logsVolumeInfo = getLogsVolumeDataSourceInfo(logsVolumeData?.data);\n let extraInfo = logsVolumeInfo ? `${logsVolumeInfo.name}` : '';\n\n if (isLogsVolumeLimited(logsVolumeData.data)) {\n extraInfo = [\n extraInfo,\n 'This datasource does not support full-range histograms. The graph below is based on the logs seen in the response.',\n ]\n .filter(identity)\n .join('. ');\n }\n\n let extraInfoComponent = <span>{extraInfo}</span>;\n\n if (logsVolumeData.state === LoadingState.Streaming) {\n extraInfoComponent = (\n <>\n {extraInfoComponent}\n <Tooltip content=\"Streaming\">\n <Icon name=\"circle-mono\" size=\"md\" className={styles.streaming} data-testid=\"logs-volume-streaming\" />\n </Tooltip>\n </>\n );\n }\n\n return (\n <div style={{ height }} className={styles.contentContainer}>\n <ExploreGraph\n vizLegendOverrides={{\n calcs: ['sum'],\n }}\n graphStyle=\"lines\"\n loadingState={logsVolumeData.state ?? LoadingState.Done}\n data={logsVolumeData.data}\n height={height}\n width={width - spacing * 2}\n absoluteRange={props.absoluteRange}\n onChangeTime={onUpdateTimeRange}\n timeZone={timeZone}\n splitOpenFn={splitOpen}\n tooltipDisplayMode={TooltipDisplayMode.Multi}\n onHiddenSeriesChanged={onHiddenSeriesChanged}\n anchorToZero\n yAxisMaximum={allLogsVolumeMaximum}\n eventBus={props.eventBus}\n annotations={props.annotations}\n />\n {extraInfoComponent && <div className={styles.extraInfoContainer}>{extraInfoComponent}</div>}\n </div>\n );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n extraInfoContainer: css`\n display: flex;\n justify-content: end;\n position: absolute;\n right: 5px;\n top: -10px;\n font-size: ${theme.typography.bodySmall.fontSize};\n color: ${theme.colors.text.secondary};\n `,\n contentContainer: css`\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n `,\n streaming: css`\n color: ${theme.colors.success.text};\n `,\n };\n};\n","import { DataQueryError, DataQueryResponse } from '@grafana/data';\n\n// Currently we can only infer if an error response is a timeout or not.\nexport function isTimeoutErrorResponse(response: DataQueryResponse | undefined): boolean {\n if (!response) {\n return false;\n }\n if (!response.error && !response.errors) {\n return false;\n }\n\n const errors = response.error ? [response.error] : response.errors || [];\n\n return errors.some((error: DataQueryError) => {\n const message = `${error.message || error.data?.message}`?.toLowerCase();\n return message.includes('timeout');\n });\n}\n","import { css } from '@emotion/css';\nimport { flatten, groupBy, mapValues, sortBy } from 'lodash';\nimport React, { useMemo } from 'react';\n\nimport {\n AbsoluteTimeRange,\n DataFrame,\n DataQueryResponse,\n DataTopic,\n EventBus,\n GrafanaTheme2,\n LoadingState,\n SplitOpen,\n TimeZone,\n} from '@grafana/data';\nimport { Button, InlineField, Alert, useStyles2 } from '@grafana/ui';\n\nimport { mergeLogsVolumeDataFrames, isLogsVolumeLimited, getLogsVolumeMaximumRange } from '../../logs/utils';\nimport { SupplementaryResultError } from '../SupplementaryResultError';\n\nimport { LogsVolumePanel } from './LogsVolumePanel';\nimport { isTimeoutErrorResponse } from './utils/logsVolumeResponse';\n\ntype Props = {\n logsVolumeData: DataQueryResponse | undefined;\n absoluteRange: AbsoluteTimeRange;\n timeZone: TimeZone;\n splitOpen: SplitOpen;\n width: number;\n onUpdateTimeRange: (timeRange: AbsoluteTimeRange) => void;\n onLoadLogsVolume: () => void;\n onHiddenSeriesChanged: (hiddenSeries: string[]) => void;\n eventBus: EventBus;\n onClose?(): void;\n};\n\nexport const LogsVolumePanelList = ({\n logsVolumeData,\n absoluteRange,\n onUpdateTimeRange,\n width,\n onLoadLogsVolume,\n onHiddenSeriesChanged,\n eventBus,\n splitOpen,\n timeZone,\n onClose,\n}: Props) => {\n const {\n logVolumes,\n maximumValue: allLogsVolumeMaximumValue,\n maximumRange: allLogsVolumeMaximumRange,\n annotations,\n } = useMemo(() => {\n let maximumValue = -Infinity;\n const data = logsVolumeData?.data.filter((frame: DataFrame) => frame.meta?.dataTopic !== DataTopic.Annotations);\n const annotations =\n logsVolumeData?.data.filter((frame: DataFrame) => frame.meta?.dataTopic === DataTopic.Annotations) || [];\n const sorted = sortBy(data || [], 'meta.custom.datasourceName');\n const grouped = groupBy(sorted, 'meta.custom.datasourceName');\n const logVolumes = mapValues(grouped, (value) => {\n const mergedData = mergeLogsVolumeDataFrames(value);\n maximumValue = Math.max(maximumValue, mergedData.maximum);\n return mergedData.dataFrames;\n });\n const maximumRange = getLogsVolumeMaximumRange(flatten(Object.values(logVolumes)));\n return {\n maximumValue,\n maximumRange,\n logVolumes,\n annotations,\n };\n }, [logsVolumeData]);\n\n const styles = useStyles2(getStyles);\n\n const numberOfLogVolumes = Object.keys(logVolumes).length;\n\n const containsZoomed = Object.values(logVolumes).some((data: DataFrame[]) => {\n const zoomRatio = logsLevelZoomRatio(data, absoluteRange);\n return !isLogsVolumeLimited(data) && zoomRatio && zoomRatio < 1;\n });\n\n const timeoutError = isTimeoutErrorResponse(logsVolumeData);\n\n const visibleRange = {\n from: Math.max(absoluteRange.from, allLogsVolumeMaximumRange.from),\n to: Math.min(absoluteRange.to, allLogsVolumeMaximumRange.to),\n };\n\n if (logsVolumeData?.state === LoadingState.Loading) {\n return <span>Loading...</span>;\n } else if (timeoutError) {\n return (\n <SupplementaryResultError\n title=\"The logs volume query has timed out\"\n // Using info to avoid users thinking that the actual query has failed.\n severity=\"info\"\n suggestedAction=\"Retry\"\n onSuggestedAction={onLoadLogsVolume}\n onRemove={onClose}\n />\n );\n } else if (logsVolumeData?.error !== undefined) {\n return <SupplementaryResultError error={logsVolumeData.error} title=\"Failed to load log volume for this query\" />;\n }\n\n if (numberOfLogVolumes === 0) {\n return (\n <div className={styles.alertContainer}>\n <Alert severity=\"info\" title=\"No logs volume available\">\n No volume information available for the current queries and time range.\n </Alert>\n </div>\n );\n }\n\n return (\n <div className={styles.listContainer}>\n {Object.keys(logVolumes).map((name, index) => {\n const logsVolumeData = { data: logVolumes[name] };\n return (\n <LogsVolumePanel\n key={index}\n absoluteRange={visibleRange}\n allLogsVolumeMaximum={allLogsVolumeMaximumValue}\n width={width}\n logsVolumeData={logsVolumeData}\n onUpdateTimeRange={onUpdateTimeRange}\n timeZone={timeZone}\n splitOpen={splitOpen}\n onLoadLogsVolume={onLoadLogsVolume}\n // TODO: Support filtering level from multiple log levels\n onHiddenSeriesChanged={numberOfLogVolumes > 1 ? () => {} : onHiddenSeriesChanged}\n eventBus={eventBus}\n annotations={annotations}\n />\n );\n })}\n {containsZoomed && (\n <div className={styles.extraInfoContainer}>\n <InlineField label=\"Reload log volume\" transparent>\n <Button size=\"xs\" icon=\"sync\" variant=\"secondary\" onClick={onLoadLogsVolume} id=\"reload-volume\" />\n </InlineField>\n </div>\n )}\n </div>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n listContainer: css`\n padding-top: 10px;\n `,\n extraInfoContainer: css`\n display: flex;\n justify-content: end;\n position: absolute;\n right: 5px;\n top: 5px;\n `,\n oldInfoText: css`\n font-size: ${theme.typography.bodySmall.fontSize};\n color: ${theme.colors.text.secondary};\n `,\n alertContainer: css`\n width: 50%;\n min-width: ${theme.breakpoints.values.sm}px;\n margin: 0 auto;\n `,\n };\n};\n\nfunction logsLevelZoomRatio(\n logsVolumeData: DataFrame[] | undefined,\n selectedTimeRange: AbsoluteTimeRange\n): number | undefined {\n const dataRange = logsVolumeData && logsVolumeData[0] && logsVolumeData[0].meta?.custom?.absoluteRange;\n return dataRange ? (selectedTimeRange.from - selectedTimeRange.to) / (dataRange.from - dataRange.to) : undefined;\n}\n","import { css, cx } from '@emotion/css';\nimport { capitalize } from 'lodash';\nimport memoizeOne from 'memoize-one';\nimport React, { createRef, PureComponent } from 'react';\n\nimport {\n AbsoluteTimeRange,\n CoreApp,\n DataFrame,\n DataHoverClearEvent,\n DataHoverEvent,\n DataQueryResponse,\n EventBus,\n ExploreLogsPanelState,\n ExplorePanelsState,\n Field,\n GrafanaTheme2,\n LinkModel,\n LoadingState,\n LogLevel,\n LogRowContextOptions,\n LogRowModel,\n LogsDedupDescription,\n LogsDedupStrategy,\n LogsMetaItem,\n LogsSortOrder,\n rangeUtil,\n RawTimeRange,\n serializeStateToUrlParam,\n SplitOpen,\n TimeRange,\n urlUtil,\n} from '@grafana/data';\nimport { config, reportInteraction } from '@grafana/runtime';\nimport { DataQuery, TimeZone } from '@grafana/schema';\nimport {\n Button,\n InlineField,\n InlineFieldRow,\n InlineSwitch,\n PanelChrome,\n RadioButtonGroup,\n Themeable2,\n withTheme2,\n} from '@grafana/ui';\nimport store from 'app/core/store';\nimport { createAndCopyShortLink } from 'app/core/utils/shortLinks';\nimport { InfiniteScroll } from 'app/features/logs/components/InfiniteScroll';\nimport { getLogLevelFromKey } from 'app/features/logs/utils';\nimport { dispatch, getState } from 'app/store/store';\n\nimport { ExploreItemState } from '../../../types';\nimport { LogRows } from '../../logs/components/LogRows';\nimport { LogRowContextModal } from '../../logs/components/log-context/LogRowContextModal';\nimport { dedupLogRows, filterLogLevels } from '../../logs/logsModel';\nimport { getUrlStateFromPaneState } from '../hooks/useStateSync';\nimport { changePanelState } from '../state/explorePane';\n\nimport { LogsFeedback } from './LogsFeedback';\nimport { LogsMetaRow } from './LogsMetaRow';\nimport LogsNavigation from './LogsNavigation';\nimport { getLogsTableHeight, LogsTableWrap } from './LogsTableWrap';\nimport { LogsVolumePanelList } from './LogsVolumePanelList';\nimport { SETTINGS_KEYS, visualisationTypeKey } from './utils/logs';\n\ninterface Props extends Themeable2 {\n width: number;\n splitOpen: SplitOpen;\n logRows: LogRowModel[];\n logsMeta?: LogsMetaItem[];\n logsSeries?: DataFrame[];\n logsQueries?: DataQuery[];\n visibleRange?: AbsoluteTimeRange;\n theme: GrafanaTheme2;\n loading: boolean;\n loadingState: LoadingState;\n absoluteRange: AbsoluteTimeRange;\n timeZone: TimeZone;\n scanning?: boolean;\n scanRange?: RawTimeRange;\n exploreId: string;\n datasourceType?: string;\n logsVolumeEnabled: boolean;\n logsVolumeData: DataQueryResponse | undefined;\n onSetLogsVolumeEnabled: (enabled: boolean) => void;\n loadLogsVolumeData: () => void;\n showContextToggle?: (row: LogRowModel) => boolean;\n onChangeTime: (range: AbsoluteTimeRange) => void;\n onClickFilterLabel?: (key: string, value: string, frame?: DataFrame) => void;\n onClickFilterOutLabel?: (key: string, value: string, frame?: DataFrame) => void;\n onStartScanning?: () => void;\n onStopScanning?: () => void;\n getRowContext?: (row: LogRowModel, origRow: LogRowModel, options: LogRowContextOptions) => Promise<any>;\n getRowContextQuery?: (\n row: LogRowModel,\n options?: LogRowContextOptions,\n cacheFilters?: boolean\n ) => Promise<DataQuery | null>;\n getLogRowContextUi?: (row: LogRowModel, runContextQuery?: () => void) => React.ReactNode;\n getFieldLinks: (field: Field, rowIndex: number, dataFrame: DataFrame) => Array<LinkModel<Field>>;\n addResultsToCache: () => void;\n clearCache: () => void;\n eventBus: EventBus;\n panelState?: ExplorePanelsState;\n scrollElement?: HTMLDivElement;\n isFilterLabelActive?: (key: string, value: string, refId?: string) => Promise<boolean>;\n logsFrames?: DataFrame[];\n range: TimeRange;\n onClickFilterValue?: (value: string, refId?: string) => void;\n onClickFilterOutValue?: (value: string, refId?: string) => void;\n loadMoreLogs?(range: AbsoluteTimeRange): void;\n}\n\nexport type LogsVisualisationType = 'table' | 'logs';\n\ninterface State {\n showLabels: boolean;\n showTime: boolean;\n wrapLogMessage: boolean;\n prettifyLogMessage: boolean;\n dedupStrategy: LogsDedupStrategy;\n hiddenLogLevels: LogLevel[];\n logsSortOrder: LogsSortOrder;\n isFlipping: boolean;\n displayedFields: string[];\n forceEscape: boolean;\n contextOpen: boolean;\n contextRow?: LogRowModel;\n tableFrame?: DataFrame;\n visualisationType?: LogsVisualisationType;\n logsContainer?: HTMLDivElement;\n}\n\n// we need to define the order of these explicitly\nconst DEDUP_OPTIONS = [\n LogsDedupStrategy.none,\n LogsDedupStrategy.exact,\n LogsDedupStrategy.numbers,\n LogsDedupStrategy.signature,\n];\n\nconst getDefaultVisualisationType = (): LogsVisualisationType => {\n const visualisationType = store.get(visualisationTypeKey);\n if (visualisationType === 'table') {\n return 'table';\n }\n return 'logs';\n};\n\nclass UnthemedLogs extends PureComponent<Props, State> {\n flipOrderTimer?: number;\n cancelFlippingTimer?: number;\n topLogsRef = createRef<HTMLDivElement>();\n logsVolumeEventBus: EventBus;\n\n state: State = {\n showLabels: store.getBool(SETTINGS_KEYS.showLabels, false),\n showTime: store.getBool(SETTINGS_KEYS.showTime, true),\n wrapLogMessage: store.getBool(SETTINGS_KEYS.wrapLogMessage, true),\n prettifyLogMessage: store.getBool(SETTINGS_KEYS.prettifyLogMessage, false),\n dedupStrategy: LogsDedupStrategy.none,\n hiddenLogLevels: [],\n logsSortOrder: store.get(SETTINGS_KEYS.logsSortOrder) || LogsSortOrder.Descending,\n isFlipping: false,\n displayedFields: [],\n forceEscape: false,\n contextOpen: false,\n contextRow: undefined,\n tableFrame: undefined,\n visualisationType: this.props.panelState?.logs?.visualisationType ?? getDefaultVisualisationType(),\n logsContainer: undefined,\n };\n\n constructor(props: Props) {\n super(props);\n this.logsVolumeEventBus = props.eventBus.newScopedBus('logsvolume', { onlyLocal: false });\n }\n\n componentWillUnmount() {\n if (this.flipOrderTimer) {\n window.clearTimeout(this.flipOrderTimer);\n }\n\n if (this.cancelFlippingTimer) {\n window.clearTimeout(this.cancelFlippingTimer);\n }\n\n // If we're unmounting logs (e.g. switching to another datasource), we need to remove the table specific panel state, otherwise it will persist in the explore url\n if (\n this.props?.panelState?.logs?.columns ||\n this.props?.panelState?.logs?.refId ||\n this.props?.panelState?.logs?.labelFieldName\n ) {\n dispatch(\n changePanelState(this.props.exploreId, 'logs', {\n ...this.props.panelState?.logs,\n columns: undefined,\n visualisationType: this.state.visualisationType,\n labelFieldName: undefined,\n refId: undefined,\n })\n );\n }\n }\n\n updatePanelState = (logsPanelState: Partial<ExploreLogsPanelState>) => {\n const state: ExploreItemState | undefined = getState().explore.panes[this.props.exploreId];\n if (state?.panelsState) {\n dispatch(\n changePanelState(this.props.exploreId, 'logs', {\n ...state.panelsState.logs,\n columns: logsPanelState.columns ?? this.props.panelState?.logs?.columns,\n visualisationType: logsPanelState.visualisationType ?? this.state.visualisationType,\n labelFieldName: logsPanelState.labelFieldName,\n refId: logsPanelState.refId ?? this.props.panelState?.logs?.refId,\n })\n );\n }\n };\n\n componentDidUpdate(prevProps: Readonly<Props>): void {\n if (this.props.loading && !prevProps.loading && this.props.panelState?.logs?.id) {\n // loading stopped, so we need to remove any permalinked log lines\n delete this.props.panelState.logs.id;\n\n dispatch(\n changePanelState(this.props.exploreId, 'logs', {\n ...this.props.panelState,\n })\n );\n }\n if (this.props.panelState?.logs?.visualisationType !== prevProps.panelState?.logs?.visualisationType) {\n const visualisationType = this.props.panelState?.logs?.visualisationType ?? getDefaultVisualisationType();\n\n this.setState({\n visualisationType: visualisationType,\n });\n store.set(visualisationTypeKey, visualisationType);\n }\n }\n\n onLogRowHover = (row?: LogRowModel) => {\n if (!row) {\n this.props.eventBus.publish(new DataHoverClearEvent());\n } else {\n this.props.eventBus.publish(\n new DataHoverEvent({\n point: {\n time: row.timeEpochMs,\n },\n })\n );\n }\n };\n\n onLogsContainerRef = (node: HTMLDivElement) => {\n this.setState({ logsContainer: node });\n };\n\n onChangeLogsSortOrder = () => {\n this.setState({ isFlipping: true });\n // we are using setTimeout here to make sure that disabled button is rendered before the rendering of reordered logs\n this.flipOrderTimer = window.setTimeout(() => {\n this.setState((prevState) => {\n const newSortOrder =\n prevState.logsSortOrder === LogsSortOrder.Descending ? LogsSortOrder.Ascending : LogsSortOrder.Descending;\n store.set(SETTINGS_KEYS.logsSortOrder, newSortOrder);\n return { logsSortOrder: newSortOrder };\n });\n }, 0);\n this.cancelFlippingTimer = window.setTimeout(() => this.setState({ isFlipping: false }), 1000);\n };\n\n onEscapeNewlines = () => {\n this.setState((prevState) => ({\n forceEscape: !prevState.forceEscape,\n }));\n };\n\n onChangeVisualisation = (visualisation: LogsVisualisationType) => {\n this.setState(() => ({\n visualisationType: visualisation,\n }));\n const payload = {\n ...this.props.panelState?.logs,\n visualisationType: visualisation,\n };\n this.updatePanelState(payload);\n\n reportInteraction('grafana_explore_logs_visualisation_changed', {\n newVisualizationType: visualisation,\n datasourceType: this.props.datasourceType ?? 'unknown',\n });\n };\n\n onChangeDedup = (dedupStrategy: LogsDedupStrategy) => {\n reportInteraction('grafana_explore_logs_deduplication_clicked', {\n deduplicationType: dedupStrategy,\n datasourceType: this.props.datasourceType,\n });\n this.setState({ dedupStrategy });\n };\n\n onChangeLabels = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { target } = event;\n if (target) {\n const showLabels = target.checked;\n this.setState({\n showLabels,\n });\n store.set(SETTINGS_KEYS.showLabels, showLabels);\n }\n };\n\n onChangeTime = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { target } = event;\n if (target) {\n const showTime = target.checked;\n this.setState({\n showTime,\n });\n store.set(SETTINGS_KEYS.showTime, showTime);\n }\n };\n\n onChangeWrapLogMessage = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { target } = event;\n if (target) {\n const wrapLogMessage = target.checked;\n this.setState({\n wrapLogMessage,\n });\n store.set(SETTINGS_KEYS.wrapLogMessage, wrapLogMessage);\n }\n };\n\n onChangePrettifyLogMessage = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { target } = event;\n if (target) {\n const prettifyLogMessage = target.checked;\n this.setState({\n prettifyLogMessage,\n });\n store.set(SETTINGS_KEYS.prettifyLogMessage, prettifyLogMessage);\n }\n };\n\n onToggleLogLevel = (hiddenRawLevels: string[]) => {\n const hiddenLogLevels = hiddenRawLevels.map((level) => getLogLevelFromKey(level));\n this.setState({ hiddenLogLevels });\n };\n\n onToggleLogsVolumeCollapse = (collapsed: boolean) => {\n this.props.onSetLogsVolumeEnabled(!collapsed);\n reportInteraction('grafana_explore_logs_histogram_toggle_clicked', {\n datasourceType: this.props.datasourceType,\n type: !collapsed ? 'open' : 'close',\n });\n };\n\n onClickScan = (event: React.SyntheticEvent) => {\n event.preventDefault();\n if (this.props.onStartScanning) {\n this.props.onStartScanning();\n reportInteraction('grafana_explore_logs_scanning_button_clicked', {\n type: 'start',\n datasourceType: this.props.datasourceType,\n });\n }\n };\n\n onClickStopScan = (event: React.SyntheticEvent) => {\n event.preventDefault();\n if (this.props.onStopScanning) {\n this.props.onStopScanning();\n }\n };\n\n showField = (key: string) => {\n const index = this.state.displayedFields.indexOf(key);\n\n if (index === -1) {\n this.setState((state) => {\n return {\n displayedFields: state.displayedFields.concat(key),\n };\n });\n }\n };\n\n hideField = (key: string) => {\n const index = this.state.displayedFields.indexOf(key);\n if (index > -1) {\n this.setState((state) => {\n return {\n displayedFields: state.displayedFields.filter((k) => key !== k),\n };\n });\n }\n };\n\n clearDetectedFields = () => {\n this.setState((state) => {\n return {\n displayedFields: [],\n };\n });\n };\n\n onCloseContext = () => {\n this.setState({\n contextOpen: false,\n contextRow: undefined,\n });\n };\n\n onOpenContext = (row: LogRowModel, onClose: () => void) => {\n // we are setting the `contextOpen` open state and passing it down to the `LogRow` in order to highlight the row when a LogContext is open\n this.setState({\n contextOpen: true,\n contextRow: row,\n });\n reportInteraction('grafana_explore_logs_log_context_opened', {\n datasourceType: row.datasourceType,\n logRowUid: row.uid,\n });\n this.onCloseContext = () => {\n this.setState({\n contextOpen: false,\n contextRow: undefined,\n });\n reportInteraction('grafana_explore_logs_log_context_closed', {\n datasourceType: row.datasourceType,\n logRowUid: row.uid,\n });\n onClose();\n };\n };\n\n getPermalinkRange(row: LogRowModel) {\n const range = {\n from: new Date(this.props.absoluteRange.from).toISOString(),\n to: new Date(this.props.absoluteRange.to).toISOString(),\n };\n if (!config.featureToggles.logsInfiniteScrolling) {\n return range;\n }\n\n // With infinite scrolling, the time range of the log line can be after the absolute range or beyond the request line limit, so we need to adjust\n // Look for the previous sibling log, and use its timestamp\n const allLogs = this.props.logRows.filter((logRow) => logRow.dataFrame.refId === row.dataFrame.refId);\n const prevLog = allLogs[allLogs.indexOf(row) - 1];\n\n if (row.timeEpochMs > this.props.absoluteRange.to && !prevLog) {\n // Because there's no sibling and the current `to` is oldest than the log, we have no reference we can use for the interval\n // This only happens when you scroll into the future and you want to share the first log of the list\n return {\n from: new Date(this.props.absoluteRange.from).toISOString(),\n // Slide 1ms otherwise it's very likely to be omitted in the results\n to: new Date(row.timeEpochMs + 1).toISOString(),\n };\n }\n\n return {\n from: new Date(this.props.absoluteRange.from).toISOString(),\n to: new Date(prevLog ? prevLog.timeEpochMs : this.props.absoluteRange.to).toISOString(),\n };\n }\n\n onPermalinkClick = async (row: LogRowModel) => {\n // this is an extra check, to be sure that we are not\n // creating permalinks for logs without an id-field.\n // normally it should never happen, because we do not\n // display the permalink button in such cases.\n if (row.rowId === undefined) {\n return;\n }\n\n // get explore state, add log-row-id and make timerange absolute\n const urlState = getUrlStateFromPaneState(getState().explore.panes[this.props.exploreId]!);\n urlState.panelsState = {\n ...this.props.panelState,\n logs: { id: row.uid, visualisationType: this.state.visualisationType ?? getDefaultVisualisationType() },\n };\n urlState.range = this.getPermalinkRange(row);\n\n // append changed urlState to baseUrl\n const serializedState = serializeStateToUrlParam(urlState);\n const baseUrl = /.*(?=\\/explore)/.exec(`${window.location.href}`)![0];\n const url = urlUtil.renderUrl(`${baseUrl}/explore`, { left: serializedState });\n await createAndCopyShortLink(url);\n\n reportInteraction('grafana_explore_logs_permalink_clicked', {\n datasourceType: row.datasourceType ?? 'unknown',\n logRowUid: row.uid,\n logRowLevel: row.logLevel,\n });\n };\n\n scrollIntoView = (element: HTMLElement) => {\n if (config.featureToggles.logsInfiniteScrolling) {\n if (this.state.logsContainer) {\n this.topLogsRef.current?.scrollIntoView();\n this.state.logsContainer.scroll({\n behavior: 'smooth',\n top: this.state.logsContainer.scrollTop + element.getBoundingClientRect().top - window.innerHeight / 2,\n });\n }\n\n return;\n }\n const { scrollElement } = this.props;\n\n if (scrollElement) {\n scrollElement.scroll({\n behavior: 'smooth',\n top: scrollElement.scrollTop + element.getBoundingClientRect().top - window.innerHeight / 2,\n });\n }\n };\n\n checkUnescapedContent = memoizeOne((logRows: LogRowModel[]) => {\n return !!logRows.some((r) => r.hasUnescapedContent);\n });\n\n dedupRows = memoizeOne((logRows: LogRowModel[], dedupStrategy: LogsDedupStrategy) => {\n const dedupedRows = dedupLogRows(logRows, dedupStrategy);\n const dedupCount = dedupedRows.reduce((sum, row) => (row.duplicates ? sum + row.duplicates : sum), 0);\n return { dedupedRows, dedupCount };\n });\n\n filterRows = memoizeOne((logRows: LogRowModel[], hiddenLogLevels: LogLevel[]) => {\n return filterLogLevels(logRows, new Set(hiddenLogLevels));\n });\n\n createNavigationRange = memoizeOne((logRows: LogRowModel[]): { from: number; to: number } | undefined => {\n if (!logRows || logRows.length === 0) {\n return undefined;\n }\n const firstTimeStamp = logRows[0].timeEpochMs;\n const lastTimeStamp = logRows[logRows.length - 1].timeEpochMs;\n\n if (lastTimeStamp < firstTimeStamp) {\n return { from: lastTimeStamp, to: firstTimeStamp };\n }\n\n return { from: firstTimeStamp, to: lastTimeStamp };\n });\n\n scrollToTopLogs = () => {\n if (config.featureToggles.logsInfiniteScrolling) {\n if (this.state.logsContainer) {\n this.state.logsContainer.scroll({\n behavior: 'auto',\n top: 0,\n });\n }\n }\n this.topLogsRef.current?.scrollIntoView();\n };\n\n render() {\n const {\n width,\n splitOpen,\n logRows,\n logsMeta,\n logsVolumeEnabled,\n logsVolumeData,\n loadLogsVolumeData,\n loading = false,\n onClickFilterLabel,\n onClickFilterOutLabel,\n timeZone,\n scanning,\n scanRange,\n showContextToggle,\n absoluteRange,\n onChangeTime,\n getFieldLinks,\n theme,\n logsQueries,\n clearCache,\n addResultsToCache,\n exploreId,\n getRowContext,\n getLogRowContextUi,\n getRowContextQuery,\n loadMoreLogs,\n } = this.props;\n\n const {\n showLabels,\n showTime,\n wrapLogMessage,\n prettifyLogMessage,\n dedupStrategy,\n hiddenLogLevels,\n logsSortOrder,\n isFlipping,\n displayedFields,\n forceEscape,\n contextOpen,\n contextRow,\n } = this.state;\n\n const tableHeight = getLogsTableHeight();\n const styles = getStyles(theme, wrapLogMessage, tableHeight);\n const hasData = logRows && logRows.length > 0;\n const hasUnescapedContent = this.checkUnescapedContent(logRows);\n\n const filteredLogs = this.filterRows(logRows, hiddenLogLevels);\n const { dedupedRows, dedupCount } = this.dedupRows(filteredLogs, dedupStrategy);\n const navigationRange = this.createNavigationRange(logRows);\n\n const scanText = scanRange ? `Scanning ${rangeUtil.describeTimeRange(scanRange)}` : 'Scanning...';\n\n return (\n <>\n {getRowContext && contextRow && (\n <LogRowContextModal\n open={contextOpen}\n row={contextRow}\n onClose={this.onCloseContext}\n getRowContext={(row, options) => getRowContext(row, contextRow, options)}\n getRowContextQuery={getRowContextQuery}\n getLogRowContextUi={getLogRowContextUi}\n logsSortOrder={logsSortOrder}\n timeZone={timeZone}\n />\n )}\n <PanelChrome\n title=\"Logs volume\"\n collapsible\n collapsed={!logsVolumeEnabled}\n onToggleCollapse={this.onToggleLogsVolumeCollapse}\n >\n {logsVolumeEnabled && (\n <LogsVolumePanelList\n absoluteRange={absoluteRange}\n width={width}\n logsVolumeData={logsVolumeData}\n onUpdateTimeRange={onChangeTime}\n timeZone={timeZone}\n splitOpen={splitOpen}\n onLoadLogsVolume={loadLogsVolumeData}\n onHiddenSeriesChanged={this.onToggleLogLevel}\n eventBus={this.logsVolumeEventBus}\n onClose={() => this.onToggleLogsVolumeCollapse(true)}\n />\n )}\n </PanelChrome>\n <PanelChrome\n titleItems={[\n config.featureToggles.logsExploreTableVisualisation ? (\n this.state.visualisationType === 'logs' ? null : (\n <PanelChrome.TitleItem title=\"Feedback\" key=\"A\">\n <LogsFeedback feedbackUrl=\"https://forms.gle/5YyKdRQJ5hzq4c289\" />\n </PanelChrome.TitleItem>\n )\n ) : null,\n ]}\n title={'Logs'}\n actions={\n <>\n {config.featureToggles.logsExploreTableVisualisation && (\n <div className={styles.visualisationType}>\n <RadioButtonGroup\n className={styles.visualisationTypeRadio}\n options={[\n {\n label: 'Logs',\n value: 'logs',\n description: 'Show results in logs visualisation',\n },\n {\n label: 'Table',\n value: 'table',\n description: 'Show results in table visualisation',\n },\n ]}\n size=\"sm\"\n value={this.state.visualisationType}\n onChange={this.onChangeVisualisation}\n />\n </div>\n )}\n </>\n }\n loadingState={loading ? LoadingState.Loading : LoadingState.Done}\n >\n <div className={styles.stickyNavigation}>\n {this.state.visualisationType !== 'table' && (\n <div className={styles.logOptions}>\n <InlineFieldRow>\n <InlineField label=\"Time\" className={styles.horizontalInlineLabel} transparent>\n <InlineSwitch\n value={showTime}\n onChange={this.onChangeTime}\n className={styles.horizontalInlineSwitch}\n transparent\n id={`show-time_${exploreId}`}\n />\n </InlineField>\n <InlineField label=\"Unique labels\" className={styles.horizontalInlineLabel} transparent>\n <InlineSwitch\n value={showLabels}\n onChange={this.onChangeLabels}\n className={styles.horizontalInlineSwitch}\n transparent\n id={`unique-labels_${exploreId}`}\n />\n </InlineField>\n <InlineField label=\"Wrap lines\" className={styles.horizontalInlineLabel} transparent>\n <InlineSwitch\n value={wrapLogMessage}\n onChange={this.onChangeWrapLogMessage}\n className={styles.horizontalInlineSwitch}\n transparent\n id={`wrap-lines_${exploreId}`}\n />\n </InlineField>\n <InlineField label=\"Prettify JSON\" className={styles.horizontalInlineLabel} transparent>\n <InlineSwitch\n value={prettifyLogMessage}\n onChange={this.onChangePrettifyLogMessage}\n className={styles.horizontalInlineSwitch}\n transparent\n id={`prettify_${exploreId}`}\n />\n </InlineField>\n <InlineField label=\"Deduplication\" className={styles.horizontalInlineLabel} transparent>\n <RadioButtonGroup\n options={DEDUP_OPTIONS.map((dedupType) => ({\n label: capitalize(dedupType),\n value: dedupType,\n description: LogsDedupDescription[dedupType],\n }))}\n value={dedupStrategy}\n onChange={this.onChangeDedup}\n className={styles.radioButtons}\n />\n </InlineField>\n </InlineFieldRow>\n\n <div>\n <InlineField\n label=\"Display results\"\n className={styles.horizontalInlineLabel}\n transparent\n disabled={isFlipping || loading}\n >\n <RadioButtonGroup\n options={[\n {\n label: 'Newest first',\n value: LogsSortOrder.Descending,\n description: 'Show results newest to oldest',\n },\n {\n label: 'Oldest first',\n value: LogsSortOrder.Ascending,\n description: 'Show results oldest to newest',\n },\n ]}\n value={logsSortOrder}\n onChange={this.onChangeLogsSortOrder}\n className={styles.radioButtons}\n />\n </InlineField>\n </div>\n </div>\n )}\n <div ref={this.topLogsRef} />\n <LogsMetaRow\n logRows={logRows}\n meta={logsMeta || []}\n dedupStrategy={dedupStrategy}\n dedupCount={dedupCount}\n hasUnescapedContent={hasUnescapedContent}\n forceEscape={forceEscape}\n displayedFields={displayedFields}\n onEscapeNewlines={this.onEscapeNewlines}\n clearDetectedFields={this.clearDetectedFields}\n />\n </div>\n <div\n className={cx(styles.logsSection, this.state.visualisationType === 'table' ? styles.logsTable : undefined)}\n >\n {this.state.visualisationType === 'table' && hasData && (\n <div className={styles.logRows} data-testid=\"logRowsTable\">\n {/* Width should be full width minus logs navigation and padding */}\n <LogsTableWrap\n logsSortOrder={this.state.logsSortOrder}\n range={this.props.range}\n splitOpen={this.props.splitOpen}\n timeZone={timeZone}\n width={width - 80}\n logsFrames={this.props.logsFrames ?? []}\n onClickFilterLabel={onClickFilterLabel}\n onClickFilterOutLabel={onClickFilterOutLabel}\n panelState={this.props.panelState?.logs}\n theme={theme}\n updatePanelState={this.updatePanelState}\n datasourceType={this.props.datasourceType}\n />\n </div>\n )}\n {this.state.visualisationType === 'logs' && hasData && (\n <div\n className={config.featureToggles.logsInfiniteScrolling ? styles.scrollableLogRows : styles.logRows}\n data-testid=\"logRows\"\n ref={this.onLogsContainerRef}\n >\n <InfiniteScroll\n loading={loading}\n loadMoreLogs={loadMoreLogs}\n range={this.props.range}\n timeZone={timeZone}\n rows={logRows}\n scrollElement={this.state.logsContainer}\n sortOrder={logsSortOrder}\n >\n <LogRows\n logRows={logRows}\n deduplicatedRows={dedupedRows}\n dedupStrategy={dedupStrategy}\n onClickFilterLabel={onClickFilterLabel}\n onClickFilterOutLabel={onClickFilterOutLabel}\n showContextToggle={showContextToggle}\n getRowContextQuery={getRowContextQuery}\n showLabels={showLabels}\n showTime={showTime}\n enableLogDetails={true}\n forceEscape={forceEscape}\n wrapLogMessage={wrapLogMessage}\n prettifyLogMessage={prettifyLogMessage}\n timeZone={timeZone}\n getFieldLinks={getFieldLinks}\n logsSortOrder={logsSortOrder}\n displayedFields={displayedFields}\n onClickShowField={this.showField}\n onClickHideField={this.hideField}\n app={CoreApp.Explore}\n onLogRowHover={this.onLogRowHover}\n onOpenContext={this.onOpenContext}\n onPermalinkClick={this.onPermalinkClick}\n permalinkedRowId={this.props.panelState?.logs?.id}\n scrollIntoView={this.scrollIntoView}\n isFilterLabelActive={this.props.isFilterLabelActive}\n containerRendered={!!this.state.logsContainer}\n onClickFilterValue={this.props.onClickFilterValue}\n onClickFilterOutValue={this.props.onClickFilterOutValue}\n />\n </InfiniteScroll>\n </div>\n )}\n {!loading && !hasData && !scanning && (\n <div className={styles.logRows}>\n <div className={styles.noData}>\n No logs found.\n <Button size=\"sm\" variant=\"secondary\" onClick={this.onClickScan}>\n Scan for older logs\n </Button>\n </div>\n </div>\n )}\n {scanning && (\n <div className={styles.logRows}>\n <div className={styles.noData}>\n <span>{scanText}</span>\n <Button size=\"sm\" variant=\"secondary\" onClick={this.onClickStopScan}>\n Stop scan\n </Button>\n </div>\n </div>\n )}\n <LogsNavigation\n logsSortOrder={logsSortOrder}\n visibleRange={navigationRange ?? absoluteRange}\n absoluteRange={absoluteRange}\n timeZone={timeZone}\n onChangeTime={onChangeTime}\n loading={loading}\n queries={logsQueries ?? []}\n scrollToTopLogs={this.scrollToTopLogs}\n addResultsToCache={addResultsToCache}\n clearCache={clearCache}\n />\n </div>\n </PanelChrome>\n </>\n );\n }\n}\n\nexport const Logs = withTheme2(UnthemedLogs);\n\nconst getStyles = (theme: GrafanaTheme2, wrapLogMessage: boolean, tableHeight: number) => {\n return {\n noData: css({\n '& > *': {\n marginLeft: '0.5em',\n },\n }),\n logOptions: css({\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'baseline',\n flexWrap: 'wrap',\n backgroundColor: theme.colors.background.primary,\n padding: `${theme.spacing(1)} ${theme.spacing(2)}`,\n borderRadius: theme.shape.radius.default,\n margin: `${theme.spacing(0, 0, 1)}`,\n border: `1px solid ${theme.colors.border.medium}`,\n }),\n headerButton: css({\n margin: `${theme.spacing(0.5, 0, 0, 1)}`,\n }),\n horizontalInlineLabel: css({\n '& > label': {\n marginRight: '0',\n },\n }),\n horizontalInlineSwitch: css({\n padding: `0 ${theme.spacing(1)} 0 0`,\n }),\n radioButtons: css({\n margin: '0',\n }),\n logsSection: css({\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n }),\n logsTable: css({\n maxHeight: `${tableHeight}px`,\n }),\n scrollableLogRows: css({\n overflowY: 'scroll',\n width: '100%',\n maxHeight: '75vh',\n }),\n logRows: css({\n overflowX: `${wrapLogMessage ? 'unset' : 'scroll'}`,\n overflowY: 'visible',\n width: '100%',\n }),\n visualisationType: css({\n display: 'flex',\n flex: '1',\n justifyContent: 'space-between',\n }),\n visualisationTypeRadio: css({\n margin: `0 0 0 ${theme.spacing(1)}`,\n }),\n stickyNavigation: css({\n overflow: 'visible',\n ...(config.featureToggles.logsInfiniteScrolling && { marginBottom: '0px' }),\n }),\n };\n};\n","import { css } from '@emotion/css';\nimport memoizeOne from 'memoize-one';\nimport React from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nconst transitionDuration = 500;\n// We add a bit of delay to the transition as another perf optimisation. As at the start we need to render\n// quite a bit of new rows, if we start transition at the same time there can be frame rate drop. This gives time\n// for react to first render them and then do the animation.\nconst transitionDelay = 100;\n\nconst getStyles = memoizeOne(() => {\n return {\n logsEnter: css`\n label: logsEnter;\n position: absolute;\n opacity: 0;\n height: auto;\n width: 100%;\n `,\n logsEnterActive: css`\n label: logsEnterActive;\n opacity: 1;\n transition: opacity ${transitionDuration}ms ease-out ${transitionDelay}ms;\n `,\n logsExit: css`\n label: logsExit;\n position: absolute;\n opacity: 1;\n height: auto;\n width: 100%;\n `,\n logsExitActive: css`\n label: logsExitActive;\n opacity: 0;\n transition: opacity ${transitionDuration}ms ease-out ${transitionDelay}ms;\n `,\n };\n});\n\ntype Props = {\n children: React.ReactNode;\n visible: boolean;\n};\n\n/**\n * Cross fade transition component that is tied a bit too much to the logs containers so not very useful elsewhere\n * right now.\n */\nexport function LogsCrossFadeTransition(props: Props) {\n const { visible, children } = props;\n const styles = getStyles();\n return (\n <CSSTransition\n in={visible}\n mountOnEnter={true}\n unmountOnExit={true}\n timeout={transitionDuration + transitionDelay}\n classNames={{\n enter: styles.logsEnter,\n enterActive: styles.logsEnterActive,\n exit: styles.logsExit,\n exitActive: styles.logsExitActive,\n }}\n >\n {children}\n </CSSTransition>\n );\n}\n","import React, { PureComponent } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport {\n AbsoluteTimeRange,\n Field,\n hasLogsContextSupport,\n hasLogsContextUiSupport,\n LoadingState,\n LogRowModel,\n RawTimeRange,\n EventBus,\n SplitOpen,\n DataFrame,\n SupplementaryQueryType,\n DataQueryResponse,\n LogRowContextOptions,\n DataSourceWithLogsContextSupport,\n DataSourceApi,\n hasToggleableQueryFiltersSupport,\n DataSourceWithQueryModificationSupport,\n hasQueryModificationSupport,\n} from '@grafana/data';\nimport { getDataSourceSrv } from '@grafana/runtime';\nimport { DataQuery } from '@grafana/schema';\nimport { Collapse } from '@grafana/ui';\nimport { MIXED_DATASOURCE_NAME } from 'app/plugins/datasource/mixed/MixedDataSource';\nimport { StoreState } from 'app/types';\nimport { ExploreItemState } from 'app/types/explore';\n\nimport { getTimeZone } from '../../profile/state/selectors';\nimport {\n addResultsToCache,\n clearCache,\n loadSupplementaryQueryData,\n selectIsWaitingForData,\n setSupplementaryQueryEnabled,\n} from '../state/query';\nimport { updateTimeRange, loadMoreLogs } from '../state/time';\nimport { LiveTailControls } from '../useLiveTailControls';\nimport { getFieldLinksForExplore } from '../utils/links';\n\nimport { LiveLogsWithTheme } from './LiveLogs';\nimport { Logs } from './Logs';\nimport { LogsCrossFadeTransition } from './utils/LogsCrossFadeTransition';\n\ninterface LogsContainerProps extends PropsFromRedux {\n width: number;\n exploreId: string;\n scanRange?: RawTimeRange;\n syncedTimes: boolean;\n loadingState: LoadingState;\n onClickFilterLabel: (key: string, value: string, frame?: DataFrame) => void;\n onClickFilterOutLabel: (key: string, value: string, frame?: DataFrame) => void;\n onStartScanning: () => void;\n onStopScanning: () => void;\n eventBus: EventBus;\n splitOpenFn: SplitOpen;\n scrollElement?: HTMLDivElement;\n isFilterLabelActive: (key: string, value: string, refId?: string) => Promise<boolean>;\n onClickFilterValue: (value: string, refId?: string) => void;\n onClickFilterOutValue: (value: string, refId?: string) => void;\n}\n\ntype DataSourceInstance =\n | DataSourceApi<DataQuery>\n | (DataSourceApi<DataQuery> & DataSourceWithLogsContextSupport<DataQuery>)\n | (DataSourceApi<DataQuery> & DataSourceWithQueryModificationSupport<DataQuery>);\n\ninterface LogsContainerState {\n dsInstances: Record<string, DataSourceInstance>;\n}\n\nclass LogsContainer extends PureComponent<LogsContainerProps, LogsContainerState> {\n state: LogsContainerState = {\n dsInstances: {},\n };\n\n componentDidMount() {\n this.updateDataSourceInstances();\n }\n\n componentDidUpdate(prevProps: LogsContainerProps) {\n if (prevProps.logsQueries !== this.props.logsQueries) {\n this.updateDataSourceInstances();\n }\n }\n\n private updateDataSourceInstances() {\n const { logsQueries, datasourceInstance } = this.props;\n if (!logsQueries || !datasourceInstance) {\n return;\n }\n\n const dsInstances: Record<string, DataSourceInstance> = {};\n\n // Not in mixed mode.\n if (datasourceInstance.uid !== MIXED_DATASOURCE_NAME) {\n logsQueries.forEach(({ refId }) => {\n dsInstances[refId] = datasourceInstance;\n });\n this.setState({ dsInstances });\n return;\n }\n\n // Mixed mode.\n const dsPromises: Array<Promise<{ ds: DataSourceApi; refId: string }>> = [];\n for (const query of logsQueries) {\n if (!query.datasource) {\n continue;\n }\n const mustCheck = !dsInstances[query.refId] || dsInstances[query.refId].uid !== query.datasource.uid;\n if (mustCheck) {\n dsPromises.push(\n new Promise((resolve) => {\n getDataSourceSrv()\n .get(query.datasource)\n .then((ds) => {\n resolve({ ds, refId: query.refId });\n });\n })\n );\n }\n }\n\n if (!dsPromises.length) {\n return;\n }\n\n Promise.all(dsPromises).then((instances) => {\n instances.forEach(({ ds, refId }) => {\n dsInstances[refId] = ds;\n });\n this.setState({ dsInstances });\n });\n }\n\n onChangeTime = (absoluteRange: AbsoluteTimeRange) => {\n const { exploreId, updateTimeRange } = this.props;\n updateTimeRange({ exploreId, absoluteRange });\n };\n\n loadMoreLogs = (absoluteRange: AbsoluteTimeRange) => {\n const { exploreId, loadMoreLogs } = this.props;\n loadMoreLogs({ exploreId, absoluteRange });\n };\n\n private getQuery(\n logsQueries: DataQuery[] | undefined,\n row: LogRowModel,\n datasourceInstance: DataSourceApi<DataQuery> & DataSourceWithLogsContextSupport<DataQuery>\n ) {\n // we need to find the query, and we need to be very sure that it's a query\n // from this datasource\n return (logsQueries ?? []).find(\n (q) => q.refId === row.dataFrame.refId && q.datasource != null && q.datasource.type === datasourceInstance.type\n );\n }\n\n getLogRowContext = async (\n row: LogRowModel,\n origRow: LogRowModel,\n options: LogRowContextOptions\n ): Promise<DataQueryResponse | []> => {\n const { logsQueries } = this.props;\n\n if (!origRow.dataFrame.refId || !this.state.dsInstances[origRow.dataFrame.refId]) {\n return Promise.resolve([]);\n }\n\n const ds = this.state.dsInstances[origRow.dataFrame.refId];\n if (!hasLogsContextSupport(ds)) {\n return Promise.resolve([]);\n }\n\n const query = this.getQuery(logsQueries, origRow, ds);\n return query ? ds.getLogRowContext(row, options, query) : Promise.resolve([]);\n };\n\n getLogRowContextQuery = async (\n row: LogRowModel,\n options?: LogRowContextOptions,\n cacheFilters = true\n ): Promise<DataQuery | null> => {\n const { logsQueries } = this.props;\n\n if (!row.dataFrame.refId || !this.state.dsInstances[row.dataFrame.refId]) {\n return Promise.resolve(null);\n }\n\n const ds = this.state.dsInstances[row.dataFrame.refId];\n if (!hasLogsContextSupport(ds)) {\n return Promise.resolve(null);\n }\n\n const query = this.getQuery(logsQueries, row, ds);\n return query && ds.getLogRowContextQuery\n ? ds.getLogRowContextQuery(row, options, query, cacheFilters)\n : Promise.resolve(null);\n };\n\n getLogRowContextUi = (row: LogRowModel, runContextQuery?: () => void): React.ReactNode => {\n const { logsQueries } = this.props;\n\n if (!row.dataFrame.refId || !this.state.dsInstances[row.dataFrame.refId]) {\n return <></>;\n }\n\n const ds = this.state.dsInstances[row.dataFrame.refId];\n if (!hasLogsContextSupport(ds)) {\n return <></>;\n }\n\n const query = this.getQuery(logsQueries, row, ds);\n return query && hasLogsContextUiSupport(ds) && ds.getLogRowContextUi ? (\n ds.getLogRowContextUi(row, runContextQuery, query)\n ) : (\n <></>\n );\n };\n\n showContextToggle = (row?: LogRowModel): boolean => {\n if (!row?.dataFrame.refId || !this.state.dsInstances[row.dataFrame.refId]) {\n return false;\n }\n return hasLogsContextSupport(this.state.dsInstances[row.dataFrame.refId]);\n };\n\n getFieldLinks = (field: Field, rowIndex: number, dataFrame: DataFrame) => {\n const { splitOpenFn, range } = this.props;\n return getFieldLinksForExplore({ field, rowIndex, splitOpenFn, range, dataFrame });\n };\n\n logDetailsFilterAvailable = () => {\n return Object.values(this.state.dsInstances).some(\n (ds) => ds?.modifyQuery || hasQueryModificationSupport(ds) || hasToggleableQueryFiltersSupport(ds)\n );\n };\n\n filterValueAvailable = () => {\n return Object.values(this.state.dsInstances).some(\n (ds) => hasQueryModificationSupport(ds) && ds?.getSupportedQueryModifications().includes('ADD_STRING_FILTER')\n );\n };\n\n filterOutValueAvailable = () => {\n return Object.values(this.state.dsInstances).some(\n (ds) => hasQueryModificationSupport(ds) && ds?.getSupportedQueryModifications().includes('ADD_STRING_FILTER_OUT')\n );\n };\n\n addResultsToCache = () => {\n this.props.addResultsToCache(this.props.exploreId);\n };\n\n clearCache = () => {\n this.props.clearCache(this.props.exploreId);\n };\n\n render() {\n const {\n loading,\n loadingState,\n logRows,\n logsMeta,\n logsSeries,\n logsQueries,\n loadSupplementaryQueryData,\n setSupplementaryQueryEnabled,\n onClickFilterLabel,\n onClickFilterOutLabel,\n onStartScanning,\n onStopScanning,\n absoluteRange,\n timeZone,\n visibleRange,\n scanning,\n range,\n width,\n splitOpenFn,\n isLive,\n exploreId,\n logsVolume,\n scrollElement,\n } = this.props;\n\n if (!logRows) {\n return null;\n }\n\n return (\n <>\n <LogsCrossFadeTransition visible={isLive}>\n <Collapse label=\"Logs\" loading={false} isOpen>\n <LiveTailControls exploreId={exploreId}>\n {(controls) => (\n <LiveLogsWithTheme\n logRows={logRows}\n timeZone={timeZone}\n stopLive={controls.stop}\n isPaused={this.props.isPaused}\n onPause={controls.pause}\n onResume={controls.resume}\n onClear={controls.clear}\n clearedAtIndex={this.props.clearedAtIndex}\n />\n )}\n </LiveTailControls>\n </Collapse>\n </LogsCrossFadeTransition>\n <LogsCrossFadeTransition visible={!isLive}>\n <Logs\n exploreId={exploreId}\n datasourceType={this.props.datasourceInstance?.type}\n logRows={logRows}\n logsMeta={logsMeta}\n logsSeries={logsSeries}\n logsVolumeEnabled={logsVolume.enabled}\n onSetLogsVolumeEnabled={(enabled) =>\n setSupplementaryQueryEnabled(exploreId, enabled, SupplementaryQueryType.LogsVolume)\n }\n logsVolumeData={logsVolume.data}\n logsQueries={logsQueries}\n width={width}\n splitOpen={splitOpenFn}\n loading={loading}\n loadingState={loadingState}\n loadLogsVolumeData={() => loadSupplementaryQueryData(exploreId, SupplementaryQueryType.LogsVolume)}\n onChangeTime={this.onChangeTime}\n loadMoreLogs={this.loadMoreLogs}\n onClickFilterLabel={this.logDetailsFilterAvailable() ? onClickFilterLabel : undefined}\n onClickFilterOutLabel={this.logDetailsFilterAvailable() ? onClickFilterOutLabel : undefined}\n onStartScanning={onStartScanning}\n onStopScanning={onStopScanning}\n absoluteRange={absoluteRange}\n visibleRange={visibleRange}\n timeZone={timeZone}\n scanning={scanning}\n scanRange={range.raw}\n showContextToggle={this.showContextToggle}\n getRowContext={this.getLogRowContext}\n getRowContextQuery={this.getLogRowContextQuery}\n getLogRowContextUi={this.getLogRowContextUi}\n getFieldLinks={this.getFieldLinks}\n addResultsToCache={this.addResultsToCache}\n clearCache={this.clearCache}\n eventBus={this.props.eventBus}\n panelState={this.props.panelState}\n logsFrames={this.props.logsFrames}\n scrollElement={scrollElement}\n isFilterLabelActive={this.logDetailsFilterAvailable() ? this.props.isFilterLabelActive : undefined}\n range={range}\n onClickFilterValue={this.filterValueAvailable() ? this.props.onClickFilterValue : undefined}\n onClickFilterOutValue={this.filterOutValueAvailable() ? this.props.onClickFilterOutValue : undefined}\n />\n </LogsCrossFadeTransition>\n </>\n );\n }\n}\n\nfunction mapStateToProps(state: StoreState, { exploreId }: { exploreId: string }) {\n const explore = state.explore;\n const item: ExploreItemState = explore.panes[exploreId]!;\n const {\n logsResult,\n scanning,\n datasourceInstance,\n isLive,\n isPaused,\n clearedAtIndex,\n range,\n absoluteRange,\n supplementaryQueries,\n } = item;\n const loading = selectIsWaitingForData(exploreId)(state);\n const panelState = item.panelsState;\n const timeZone = getTimeZone(state.user);\n const logsVolume = supplementaryQueries[SupplementaryQueryType.LogsVolume];\n\n return {\n loading,\n logRows: logsResult?.rows,\n logsMeta: logsResult?.meta,\n logsSeries: logsResult?.series,\n logsQueries: logsResult?.queries,\n visibleRange: logsResult?.visibleRange,\n scanning,\n timeZone,\n datasourceInstance,\n isLive,\n isPaused,\n clearedAtIndex,\n range,\n absoluteRange,\n logsVolume,\n panelState,\n logsFrames: item.queryResponse.logsFrames,\n };\n}\n\nconst mapDispatchToProps = {\n updateTimeRange,\n loadMoreLogs,\n addResultsToCache,\n clearCache,\n loadSupplementaryQueryData,\n setSupplementaryQueryEnabled,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\ntype PropsFromRedux = ConnectedProps<typeof connector>;\n\nexport default connector(LogsContainer);\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport {\n DataQueryResponse,\n DataSourceApi,\n GrafanaTheme2,\n hasSupplementaryQuerySupport,\n LoadingState,\n LogsDedupStrategy,\n SplitOpen,\n SupplementaryQueryType,\n} from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime';\nimport { DataQuery, TimeZone } from '@grafana/schema';\nimport { Button, Collapse, Icon, Tooltip, useStyles2 } from '@grafana/ui';\nimport store from 'app/core/store';\n\nimport { LogRows } from '../../logs/components/LogRows';\nimport { dataFrameToLogsModel } from '../../logs/logsModel';\nimport { SupplementaryResultError } from '../SupplementaryResultError';\n\nimport { SETTINGS_KEYS } from './utils/logs';\n\ntype Props = {\n queryResponse: DataQueryResponse | undefined;\n enabled: boolean;\n timeZone: TimeZone;\n queries: DataQuery[];\n datasourceInstance: DataSourceApi | null | undefined;\n splitOpen: SplitOpen;\n setLogsSampleEnabled: (enabled: boolean) => void;\n};\n\nexport function LogsSamplePanel(props: Props) {\n const { queryResponse, timeZone, enabled, setLogsSampleEnabled, datasourceInstance, queries, splitOpen } = props;\n\n const styles = useStyles2(getStyles);\n const onToggleLogsSampleCollapse = (isOpen: boolean) => {\n setLogsSampleEnabled(isOpen);\n reportInteraction('grafana_explore_logs_sample_toggle_clicked', {\n datasourceType: datasourceInstance?.type ?? 'unknown',\n type: isOpen ? 'open' : 'close',\n });\n };\n\n const OpenInSplitViewButton = () => {\n if (!datasourceInstance) {\n return null;\n }\n if (!hasSupplementaryQuerySupport(datasourceInstance, SupplementaryQueryType.LogsSample)) {\n return null;\n }\n\n const logSampleQueries = queries\n .map((query) => datasourceInstance.getSupplementaryQuery({ type: SupplementaryQueryType.LogsSample }, query))\n .filter((query): query is DataQuery => !!query);\n\n if (!logSampleQueries.length) {\n return null;\n }\n\n const onSplitOpen = () => {\n splitOpen({ queries: logSampleQueries, datasourceUid: datasourceInstance.uid });\n reportInteraction('grafana_explore_logs_sample_split_button_clicked', {\n datasourceType: datasourceInstance?.type ?? 'unknown',\n queriesCount: logSampleQueries.length,\n });\n };\n\n return (\n <Button size=\"sm\" className={styles.logSamplesButton} onClick={onSplitOpen}>\n Open logs in split view\n </Button>\n );\n };\n\n let LogsSamplePanelContent: JSX.Element | null;\n\n if (queryResponse === undefined) {\n LogsSamplePanelContent = null;\n } else if (queryResponse.error !== undefined) {\n LogsSamplePanelContent = (\n <SupplementaryResultError error={queryResponse.error} title=\"Failed to load logs sample for this query\" />\n );\n } else if (queryResponse.state === LoadingState.Loading) {\n LogsSamplePanelContent = <span>Logs sample is loading...</span>;\n } else if (queryResponse.data.length === 0 || queryResponse.data.every((frame) => frame.length === 0)) {\n LogsSamplePanelContent = <span>No logs sample data.</span>;\n } else {\n const logs = dataFrameToLogsModel(queryResponse.data);\n LogsSamplePanelContent = (\n <>\n <OpenInSplitViewButton />\n <div className={styles.logContainer}>\n <LogRows\n logRows={logs.rows}\n dedupStrategy={LogsDedupStrategy.none}\n showLabels={store.getBool(SETTINGS_KEYS.showLabels, false)}\n showTime={store.getBool(SETTINGS_KEYS.showTime, true)}\n wrapLogMessage={store.getBool(SETTINGS_KEYS.wrapLogMessage, true)}\n prettifyLogMessage={store.getBool(SETTINGS_KEYS.prettifyLogMessage, false)}\n timeZone={timeZone}\n enableLogDetails={true}\n />\n </div>\n </>\n );\n }\n\n return queryResponse?.state !== LoadingState.NotStarted ? (\n <Collapse\n label={\n <div>\n Logs sample\n <Tooltip content=\"Show log lines that contributed to visualized metrics\">\n <Icon name=\"info-circle\" className={styles.infoTooltip} />\n </Tooltip>\n </div>\n }\n isOpen={enabled}\n collapsible={true}\n onToggle={onToggleLogsSampleCollapse}\n >\n {LogsSamplePanelContent}\n </Collapse>\n ) : null;\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n logSamplesButton: css`\n position: absolute;\n top: ${theme.spacing(1)};\n right: ${theme.spacing(1)};\n `,\n logContainer: css`\n overflow: scroll;\n `,\n infoTooltip: css`\n margin-left: ${theme.spacing(1)};\n `,\n };\n};\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data/src';\nimport { useStyles2, PanelContainer } from '@grafana/ui';\n\nexport const NoData = () => {\n const css = useStyles2(getStyles);\n return (\n <>\n <PanelContainer data-testid=\"explore-no-data\" className={css.wrapper}>\n <span className={css.message}>{'No data'}</span>\n </PanelContainer>\n </>\n );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n wrapper: css({\n label: 'no-data-card',\n padding: theme.spacing(3),\n background: theme.colors.background.primary,\n borderRadius: theme.shape.radius.default,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n flexGrow: 1,\n }),\n message: css({\n fontSize: theme.typography.h2.fontSize,\n padding: theme.spacing(4),\n color: theme.colors.text.disabled,\n }),\n});\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { LinkButton, CallToActionCard, Icon, useStyles2 } from '@grafana/ui';\nimport { contextSrv } from 'app/core/core';\nimport { AccessControlAction } from 'app/types';\n\nfunction getCardStyles(theme: GrafanaTheme2) {\n return css({\n maxWidth: `${theme.breakpoints.values.lg}px`,\n marginTop: theme.spacing(2),\n alignSelf: 'center',\n });\n}\n\nexport const NoDataSourceCallToAction = () => {\n const cardStyles = useStyles2(getCardStyles);\n\n const canCreateDataSource =\n contextSrv.hasPermission(AccessControlAction.DataSourcesCreate) &&\n contextSrv.hasPermission(AccessControlAction.DataSourcesWrite);\n\n const message =\n 'Explore requires at least one data source. Once you have added a data source, you can query it here.';\n const footer = (\n <>\n <Icon name=\"rocket\" />\n <> ProTip: You can also define data sources through configuration files. </>\n <a\n href=\"http://docs.grafana.org/administration/provisioning/?utm_source=explore#data-sources\"\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"text-link\"\n >\n Learn more\n </a>\n </>\n );\n\n const ctaElement = (\n <LinkButton size=\"lg\" href=\"datasources/new\" icon=\"database\" disabled={!canCreateDataSource}>\n Add data source\n </LinkButton>\n );\n\n return <CallToActionCard callToActionElement={ctaElement} className={cardStyles} footer={footer} message={message} />;\n};\n","import { css } from '@emotion/css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\nimport { useToggle, useWindowSize } from 'react-use';\n\nimport { applyFieldOverrides, DataFrame, GrafanaTheme2, SplitOpen } from '@grafana/data';\nimport { config, reportInteraction } from '@grafana/runtime';\nimport { useStyles2, useTheme2, PanelChrome } from '@grafana/ui';\n\nimport { NodeGraph } from '../../../plugins/panel/nodeGraph';\nimport { useCategorizeFrames } from '../../../plugins/panel/nodeGraph/useCategorizeFrames';\nimport { StoreState } from '../../../types';\nimport { useLinks } from '../utils/links';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n warningText: css`\n label: warningText;\n display: flex;\n align-items: center;\n font-size: ${theme.typography.bodySmall.fontSize};\n color: ${theme.colors.text.secondary};\n `,\n});\n\ninterface OwnProps {\n // Edges and Nodes are separate frames\n dataFrames: DataFrame[];\n exploreId: string;\n // When showing the node graph together with trace view we do some changes so it works better.\n withTraceView?: boolean;\n datasourceType: string;\n splitOpenFn: SplitOpen;\n}\n\ntype Props = OwnProps & ConnectedProps<typeof connector>;\n\nexport function UnconnectedNodeGraphContainer(props: Props) {\n const { dataFrames, range, splitOpenFn, withTraceView, datasourceType } = props;\n const getLinks = useLinks(range, splitOpenFn);\n const theme = useTheme2();\n const styles = useStyles2(getStyles);\n\n // This is implicit dependency that is needed for links to work. At some point when replacing variables in the link\n // it requires field to have a display property which is added by the overrides even though we don't add any field\n // overrides in explore.\n const frames = applyFieldOverrides({\n fieldConfig: {\n defaults: {},\n overrides: [],\n },\n data: dataFrames,\n // We don't need proper replace here as it is only used in getLinks and we use getFieldLinks\n replaceVariables: (value) => value,\n theme,\n });\n\n const { nodes } = useCategorizeFrames(frames);\n const [collapsed, toggleCollapsed] = useToggle(true);\n\n const toggled = () => {\n toggleCollapsed();\n reportInteraction('grafana_traces_node_graph_panel_clicked', {\n datasourceType: datasourceType,\n grafana_version: config.buildInfo.version,\n isExpanded: !open,\n });\n };\n\n // Calculate node graph height based on window and top position, with some padding\n const { height: windowHeight } = useWindowSize();\n const containerRef = useRef<HTMLDivElement>(null);\n const [top, setTop] = useState(250);\n useEffect(() => {\n if (containerRef.current) {\n const { top } = containerRef.current.getBoundingClientRect();\n setTop(top);\n }\n }, [containerRef]);\n const height = windowHeight - top - 32;\n\n const countWarning =\n withTraceView && nodes[0]?.length > 1000 ? (\n <span className={styles.warningText}> ({nodes[0].length} nodes, can be slow to load)</span>\n ) : null;\n\n return (\n <PanelChrome\n title={`Node graph`}\n titleItems={countWarning}\n // We allow collapsing this only when it is shown together with trace view.\n collapsible={!!withTraceView}\n collapsed={withTraceView ? collapsed : false}\n onToggleCollapse={withTraceView ? toggled : undefined}\n >\n <div\n ref={containerRef}\n style={\n withTraceView\n ? { height: 500 }\n : {\n minHeight: 600,\n height,\n }\n }\n >\n <NodeGraph dataFrames={frames} getLinks={getLinks} />\n </div>\n </PanelChrome>\n );\n}\n\nfunction mapStateToProps(state: StoreState, { exploreId }: OwnProps) {\n return {\n range: state.explore.panes[exploreId]!.range,\n };\n}\n\nconst connector = connect(mapStateToProps, {});\nexport const NodeGraphContainer = connector(UnconnectedNodeGraphContainer);\n","import { createSelector } from '@reduxjs/toolkit';\nimport React, { useCallback, useMemo } from 'react';\n\nimport { CoreApp } from '@grafana/data';\nimport { reportInteraction } from '@grafana/runtime';\nimport { DataQuery } from '@grafana/schema';\nimport { getNextRefIdChar } from 'app/core/utils/query';\nimport { useDispatch, useSelector } from 'app/types';\n\nimport { getDatasourceSrv } from '../plugins/datasource_srv';\nimport { QueryEditorRows } from '../query/components/QueryEditorRows';\n\nimport { changeQueries, runQueries } from './state/query';\nimport { getExploreItemSelector } from './state/selectors';\n\ninterface Props {\n exploreId: string;\n}\n\nconst makeSelectors = (exploreId: string) => {\n const exploreItemSelector = getExploreItemSelector(exploreId);\n return {\n getQueries: createSelector(exploreItemSelector, (s) => s!.queries),\n getQueryResponse: createSelector(exploreItemSelector, (s) => s!.queryResponse),\n getHistory: createSelector(exploreItemSelector, (s) => s!.history),\n getEventBridge: createSelector(exploreItemSelector, (s) => s!.eventBridge),\n getDatasourceInstanceSettings: createSelector(\n exploreItemSelector,\n (s) => getDatasourceSrv().getInstanceSettings(s!.datasourceInstance?.uid)!\n ),\n };\n};\n\nexport const QueryRows = ({ exploreId }: Props) => {\n const dispatch = useDispatch();\n const { getQueries, getDatasourceInstanceSettings, getQueryResponse, getHistory, getEventBridge } = useMemo(\n () => makeSelectors(exploreId),\n [exploreId]\n );\n\n const queries = useSelector(getQueries);\n const dsSettings = useSelector(getDatasourceInstanceSettings);\n const queryResponse = useSelector(getQueryResponse);\n const history = useSelector(getHistory);\n const eventBridge = useSelector(getEventBridge);\n\n const onRunQueries = useCallback(() => {\n dispatch(runQueries({ exploreId }));\n }, [dispatch, exploreId]);\n\n const onChange = useCallback(\n (newQueries: DataQuery[]) => {\n dispatch(changeQueries({ exploreId, queries: newQueries }));\n },\n [dispatch, exploreId]\n );\n\n const onAddQuery = useCallback(\n (query: DataQuery) => {\n onChange([...queries, { ...query, refId: getNextRefIdChar(queries) }]);\n },\n [onChange, queries]\n );\n\n const onQueryCopied = () => {\n reportInteraction('grafana_explore_query_row_copy');\n };\n\n const onQueryRemoved = () => {\n reportInteraction('grafana_explore_query_row_remove');\n };\n\n const onQueryToggled = (queryStatus?: boolean) => {\n reportInteraction('grafana_query_row_toggle', queryStatus === undefined ? {} : { queryEnabled: queryStatus });\n };\n\n return (\n <QueryEditorRows\n dsSettings={dsSettings}\n queries={queries}\n onQueriesChange={onChange}\n onAddQuery={onAddQuery}\n onRunQueries={onRunQueries}\n onQueryCopied={onQueryCopied}\n onQueryRemoved={onQueryRemoved}\n onQueryToggled={onQueryToggled}\n data={queryResponse}\n app={CoreApp.Explore}\n history={history}\n eventBus={eventBridge}\n />\n );\n};\n","import { css } from '@emotion/css';\nimport { cloneDeep } from 'lodash';\nimport React, { useEffect, useId, useRef, useState } from 'react';\nimport { useWindowSize } from 'react-use';\nimport { VariableSizeList as List } from 'react-window';\n\nimport { DataFrame, Field as DataFrameField } from '@grafana/data/';\nimport { reportInteraction } from '@grafana/runtime/src';\nimport { Field, Switch } from '@grafana/ui/';\n\nimport { ItemLabels } from './ItemLabels';\nimport RawListItem from './RawListItem';\nimport {\n getRawPrometheusListItemsFromDataFrame,\n RawPrometheusListItemEmptyValue,\n} from './utils/getRawPrometheusListItemsFromDataFrame';\n\nexport type instantQueryRawVirtualizedListData = { Value: string; __name__: string; [index: string]: string };\n\nexport interface RawListContainerProps {\n tableResult: DataFrame;\n}\n\nconst styles = {\n wrapper: css`\n height: 100%;\n overflow: scroll;\n `,\n switchWrapper: css`\n display: flex;\n flex-direction: row;\n margin-bottom: 0;\n `,\n switchLabel: css`\n margin-left: 15px;\n margin-bottom: 0;\n `,\n switch: css`\n margin-left: 10px;\n `,\n resultCount: css`\n margin-bottom: 4px;\n `,\n header: css`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 0;\n font-size: 12px;\n line-height: 1.25;\n `,\n};\n\nconst mobileWidthThreshold = 480;\nconst numberOfColumnsBeforeExpandedViewIsDefault = 2;\n\n/**\n * The container that provides the virtualized list to the child components\n * @param props\n * @constructor\n */\nconst RawListContainer = (props: RawListContainerProps) => {\n const { tableResult } = props;\n const dataFrame = cloneDeep(tableResult);\n const listRef = useRef<List | null>(null);\n\n const valueLabels = dataFrame.fields.filter((field) => field.name.includes('Value'));\n const items = getRawPrometheusListItemsFromDataFrame(dataFrame);\n const { width } = useWindowSize();\n const [isExpandedView, setIsExpandedView] = useState(\n width <= mobileWidthThreshold || valueLabels.length > numberOfColumnsBeforeExpandedViewIsDefault\n );\n\n const onContentClick = () => {\n setIsExpandedView(!isExpandedView);\n const props = {\n isExpanded: !isExpandedView,\n };\n reportInteraction('grafana_explore_prometheus_instant_query_ui_raw_toggle_expand', props);\n };\n\n useEffect(() => {\n // After the expanded view has updated, tell the list to re-render\n listRef.current?.resetAfterIndex(0, true);\n }, [isExpandedView]);\n\n const calculateInitialHeight = (length: number): number => {\n const maxListHeight = 600;\n const shortListLength = 10;\n\n if (length < shortListLength) {\n let sum = 0;\n for (let i = 0; i < length; i++) {\n sum += getListItemHeight(i, true);\n }\n\n return Math.min(maxListHeight, sum);\n }\n\n return maxListHeight;\n };\n\n const getListItemHeight = (itemIndex: number, isExpandedView: boolean) => {\n const singleLineHeight = 32;\n const additionalLineHeight = 22;\n if (!isExpandedView) {\n return singleLineHeight;\n }\n const item = items[itemIndex];\n\n // Height of 1.5 lines, plus the number of non-value attributes times the height of additional lines\n return 1.5 * singleLineHeight + (Object.keys(item).length - valueLabels.length) * additionalLineHeight;\n };\n\n const switchId = `isExpandedView ${useId()}`;\n\n return (\n <section>\n <header className={styles.header}>\n <Field className={styles.switchWrapper} label={`Expand results`} htmlFor={'isExpandedView'}>\n <div className={styles.switch}>\n <Switch onChange={onContentClick} id={switchId} value={isExpandedView} label={`Expand results`} />\n </div>\n </Field>\n\n <div className={styles.resultCount}>Result series: {items.length}</div>\n </header>\n\n <div role={'table'}>\n {\n <>\n {/* Show the value headings above all the values, but only if we're in the contracted view */}\n {valueLabels.length > 1 && !isExpandedView && (\n <ItemLabels valueLabels={valueLabels} expanded={isExpandedView} />\n )}\n <List\n ref={listRef}\n itemCount={items.length}\n className={styles.wrapper}\n itemSize={(index) => getListItemHeight(index, isExpandedView)}\n height={calculateInitialHeight(items.length)}\n width=\"100%\"\n >\n {({ index, style }) => {\n let filteredValueLabels: DataFrameField[] | undefined;\n if (isExpandedView) {\n filteredValueLabels = valueLabels.filter((valueLabel) => {\n const itemWithValue = items[index][valueLabel.name];\n return itemWithValue && itemWithValue !== RawPrometheusListItemEmptyValue;\n });\n }\n\n return (\n <div role=\"row\" style={{ ...style, overflow: 'hidden' }}>\n <RawListItem\n isExpandedView={isExpandedView}\n valueLabels={filteredValueLabels}\n totalNumberOfValues={valueLabels.length}\n listKey={items[index].__name__}\n listItemData={items[index]}\n />\n </div>\n );\n }}\n </List>\n </>\n }\n </div>\n </section>\n );\n};\n\nexport default RawListContainer;\n","import { css } from '@emotion/css';\nimport React, { PureComponent } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { applyFieldOverrides, DataFrame, SelectableValue, SplitOpen } from '@grafana/data';\nimport { getTemplateSrv, reportInteraction } from '@grafana/runtime';\nimport { TimeZone } from '@grafana/schema';\nimport { RadioButtonGroup, Table, AdHocFilterItem, PanelChrome } from '@grafana/ui';\nimport { config } from 'app/core/config';\nimport { PANEL_BORDER } from 'app/core/constants';\nimport { StoreState, TABLE_RESULTS_STYLE } from 'app/types';\nimport { ExploreItemState, TABLE_RESULTS_STYLES, TableResultsStyle } from 'app/types/explore';\n\nimport { MetaInfoText } from '../MetaInfoText';\nimport RawListContainer from '../PrometheusListView/RawListContainer';\nimport { exploreDataLinkPostProcessorFactory } from '../utils/links';\n\ninterface RawPrometheusContainerProps {\n ariaLabel?: string;\n exploreId: string;\n width: number;\n timeZone: TimeZone;\n onCellFilterAdded?: (filter: AdHocFilterItem) => void;\n showRawPrometheus?: boolean;\n splitOpenFn: SplitOpen;\n}\n\ninterface PrometheusContainerState {\n resultsStyle: TableResultsStyle;\n}\n\nfunction mapStateToProps(state: StoreState, { exploreId }: RawPrometheusContainerProps) {\n const explore = state.explore;\n const item: ExploreItemState = explore.panes[exploreId]!;\n const { tableResult, rawPrometheusResult, range, queryResponse } = item;\n const rawPrometheusFrame: DataFrame[] = rawPrometheusResult ? [rawPrometheusResult] : [];\n const result = (tableResult?.length ?? 0) > 0 && rawPrometheusResult ? tableResult : rawPrometheusFrame;\n const loading = queryResponse.state;\n\n return { loading, tableResult: result, range };\n}\n\nconst connector = connect(mapStateToProps, {});\n\ntype Props = RawPrometheusContainerProps & ConnectedProps<typeof connector>;\n\nexport class RawPrometheusContainer extends PureComponent<Props, PrometheusContainerState> {\n constructor(props: Props) {\n super(props);\n\n // If resultsStyle is undefined we won't render the toggle, and the default table will be rendered\n if (props.showRawPrometheus) {\n this.state = {\n resultsStyle: TABLE_RESULTS_STYLE.raw,\n };\n }\n }\n\n onChangeResultsStyle = (resultsStyle: TableResultsStyle) => {\n this.setState({ resultsStyle });\n };\n\n getTableHeight() {\n const { tableResult } = this.props;\n\n if (!tableResult || tableResult.length === 0) {\n return 200;\n }\n\n // tries to estimate table height\n return Math.max(Math.min(600, tableResult[0].length * 35) + 35);\n }\n\n renderLabel = () => {\n const spacing = css({\n display: 'flex',\n justifyContent: 'space-between',\n flex: '1',\n });\n const ALL_GRAPH_STYLE_OPTIONS: Array<SelectableValue<TableResultsStyle>> = TABLE_RESULTS_STYLES.map((style) => ({\n value: style,\n // capital-case it and switch `_` to ` `\n label: style[0].toUpperCase() + style.slice(1).replace(/_/, ' '),\n }));\n\n return (\n <div className={spacing}>\n <RadioButtonGroup\n onClick={() => {\n const props = {\n state:\n this.state.resultsStyle === TABLE_RESULTS_STYLE.table\n ? TABLE_RESULTS_STYLE.raw\n : TABLE_RESULTS_STYLE.table,\n };\n reportInteraction('grafana_explore_prometheus_instant_query_ui_toggle_clicked', props);\n }}\n size=\"sm\"\n options={ALL_GRAPH_STYLE_OPTIONS}\n value={this.state?.resultsStyle}\n onChange={this.onChangeResultsStyle}\n />\n </div>\n );\n };\n\n render() {\n const { loading, onCellFilterAdded, tableResult, width, splitOpenFn, range, ariaLabel, timeZone } = this.props;\n const height = this.getTableHeight();\n const tableWidth = width - config.theme.panelPadding * 2 - PANEL_BORDER;\n\n let dataFrames = tableResult;\n\n const dataLinkPostProcessor = exploreDataLinkPostProcessorFactory(splitOpenFn, range);\n\n if (dataFrames?.length) {\n dataFrames = applyFieldOverrides({\n data: dataFrames,\n timeZone,\n theme: config.theme2,\n replaceVariables: getTemplateSrv().replace.bind(getTemplateSrv()),\n fieldConfig: {\n defaults: {},\n overrides: [],\n },\n dataLinkPostProcessor,\n });\n }\n\n const frames = dataFrames?.filter(\n (frame: DataFrame | undefined): frame is DataFrame => !!frame && frame.length !== 0\n );\n\n const title = this.state.resultsStyle === TABLE_RESULTS_STYLE.raw ? 'Raw' : 'Table';\n const label = this.state?.resultsStyle !== undefined ? this.renderLabel() : 'Table';\n\n // Render table as default if resultsStyle is not set.\n const renderTable = !this.state?.resultsStyle || this.state?.resultsStyle === TABLE_RESULTS_STYLE.table;\n\n return (\n <PanelChrome title={title} actions={label} loadingState={loading}>\n {frames?.length && (\n <>\n {renderTable && (\n <Table\n ariaLabel={ariaLabel}\n data={frames[0]}\n width={tableWidth}\n height={height}\n onCellFilterAdded={onCellFilterAdded}\n />\n )}\n {this.state?.resultsStyle === TABLE_RESULTS_STYLE.raw && <RawListContainer tableResult={frames[0]} />}\n </>\n )}\n {!frames?.length && <MetaInfoText metaItems={[{ value: '0 series returned' }]} />}\n </PanelChrome>\n );\n }\n}\n\nexport default connector(RawPrometheusContainer);\n","import React, { CSSProperties } from 'react';\nimport Transition, { ExitHandler } from 'react-transition-group/Transition';\n\ninterface Props {\n duration: number;\n children: JSX.Element;\n in: boolean;\n unmountOnExit?: boolean;\n onExited?: ExitHandler<HTMLDivElement>;\n}\n\nexport const FadeIn = (props: Props) => {\n const defaultStyle: CSSProperties = {\n transition: `opacity ${props.duration}ms linear`,\n opacity: 0,\n };\n\n const transitionStyles: { [str: string]: CSSProperties } = {\n exited: { opacity: 0, display: 'none' },\n entering: { opacity: 0 },\n entered: { opacity: 1 },\n exiting: { opacity: 0 },\n };\n\n return (\n <Transition\n in={props.in}\n timeout={props.duration}\n unmountOnExit={props.unmountOnExit || false}\n onExited={props.onExited}\n >\n {(state) => (\n <div\n style={{\n ...defaultStyle,\n ...transitionStyles[state],\n }}\n >\n {props.children}\n </div>\n )}\n </Transition>\n );\n};\n","import React from 'react';\n\nimport { DataQueryError } from '@grafana/data';\nimport { Alert } from '@grafana/ui';\nimport { FadeIn } from 'app/core/components/Animations/FadeIn';\n\nexport interface ErrorContainerProps {\n queryError?: DataQueryError;\n}\n\nexport const ErrorContainer = (props: ErrorContainerProps) => {\n const { queryError } = props;\n const showError = queryError ? true : false;\n const duration = showError ? 100 : 10;\n const title = queryError ? 'Query error' : 'Unknown error';\n const message = queryError?.message || queryError?.data?.message || null;\n\n return (\n <FadeIn in={showError} duration={duration}>\n <Alert severity=\"error\" title={title} topSpacing={2}>\n {message}\n </Alert>\n </FadeIn>\n );\n};\n","import React from 'react';\n\nimport { LoadingState } from '@grafana/data';\nimport { useSelector } from 'app/types';\n\nimport { ErrorContainer } from './ErrorContainer';\n\ninterface Props {\n exploreId: string;\n}\nexport function ResponseErrorContainer(props: Props) {\n const queryResponse = useSelector((state) => state.explore.panes[props.exploreId]!.queryResponse);\n const queryError = queryResponse?.state === LoadingState.Error ? queryResponse?.error : undefined;\n\n // Errors with ref ids are shown below the corresponding query\n if (queryError?.refId) {\n return null;\n }\n\n return <ErrorContainer queryError={queryError} />;\n}\n","import { css, cx } from '@emotion/css';\nimport React, { useCallback, useState } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\nimport { useAsync } from 'react-use';\n\nimport { GrafanaTheme2, DataSourceApi } from '@grafana/data';\nimport { config, getDataSourceSrv, reportInteraction, getAppEvents } from '@grafana/runtime';\nimport { DataQuery } from '@grafana/schema';\nimport { TextArea, Button, IconButton, useStyles2, LoadingPlaceholder } from '@grafana/ui';\nimport { notifyApp } from 'app/core/actions';\nimport { createSuccessNotification } from 'app/core/copy/appNotification';\nimport { Trans, t } from 'app/core/internationalization';\nimport { copyStringToClipboard } from 'app/core/utils/explore';\nimport { createUrlFromRichHistory, createQueryText } from 'app/core/utils/richHistory';\nimport { createAndCopyShortLink } from 'app/core/utils/shortLinks';\nimport { changeDatasource } from 'app/features/explore/state/datasource';\nimport { starHistoryItem, commentHistoryItem, deleteHistoryItem } from 'app/features/explore/state/history';\nimport { setQueries } from 'app/features/explore/state/query';\nimport { dispatch } from 'app/store/store';\nimport { StoreState } from 'app/types';\nimport { ShowConfirmModalEvent } from 'app/types/events';\nimport { RichHistoryQuery } from 'app/types/explore';\n\nfunction mapStateToProps(state: StoreState, { exploreId }: { exploreId: string }) {\n const explore = state.explore;\n const { datasourceInstance } = explore.panes[exploreId]!;\n return {\n exploreId,\n datasourceInstance,\n };\n}\n\nconst mapDispatchToProps = {\n changeDatasource,\n deleteHistoryItem,\n commentHistoryItem,\n starHistoryItem,\n setQueries,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\ninterface OwnProps<T extends DataQuery = DataQuery> {\n queryHistoryItem: RichHistoryQuery<T>;\n}\n\nexport type Props<T extends DataQuery = DataQuery> = ConnectedProps<typeof connector> & OwnProps<T>;\n\nconst getStyles = (theme: GrafanaTheme2) => {\n /* Hard-coded value so all buttons and icons on right side of card are aligned */\n const rightColumnWidth = '240px';\n const rightColumnContentWidth = '170px';\n\n /* If datasource was removed, card will have inactive color */\n const cardColor = theme.colors.background.secondary;\n\n return {\n queryCard: css`\n position: relative;\n display: flex;\n flex-direction: column;\n border: 1px solid ${theme.colors.border.weak};\n margin: ${theme.spacing(1)} 0;\n background-color: ${cardColor};\n border-radius: ${theme.shape.radius.default};\n .starred {\n color: ${theme.v1.palette.orange};\n }\n `,\n cardRow: css`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ${theme.spacing(1)};\n border-bottom: none;\n :first-of-type {\n border-bottom: 1px solid ${theme.colors.border.weak};\n padding: ${theme.spacing(0.5, 1)};\n }\n img {\n height: ${theme.typography.fontSize}px;\n max-width: ${theme.typography.fontSize}px;\n margin-right: ${theme.spacing(1)};\n }\n `,\n queryActionButtons: css`\n max-width: ${rightColumnContentWidth};\n display: flex;\n justify-content: flex-end;\n font-size: ${theme.typography.size.base};\n button {\n margin-left: ${theme.spacing(1)};\n }\n `,\n queryContainer: css`\n font-weight: ${theme.typography.fontWeightMedium};\n width: calc(100% - ${rightColumnWidth});\n `,\n updateCommentContainer: css`\n width: calc(100% + ${rightColumnWidth});\n margin-top: ${theme.spacing(1)};\n `,\n comment: css`\n overflow-wrap: break-word;\n font-size: ${theme.typography.bodySmall.fontSize};\n font-weight: ${theme.typography.fontWeightRegular};\n margin-top: ${theme.spacing(0.5)};\n `,\n commentButtonRow: css`\n > * {\n margin-top: ${theme.spacing(1)};\n margin-right: ${theme.spacing(1)};\n }\n `,\n textArea: css`\n width: 100%;\n `,\n runButton: css`\n max-width: ${rightColumnContentWidth};\n display: flex;\n justify-content: flex-end;\n button {\n height: auto;\n padding: ${theme.spacing(0.5, 2)};\n line-height: 1.4;\n span {\n white-space: normal !important;\n }\n }\n `,\n loader: css`\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${theme.colors.background.secondary};\n `,\n };\n};\n\nexport function RichHistoryCard(props: Props) {\n const {\n queryHistoryItem,\n commentHistoryItem,\n starHistoryItem,\n deleteHistoryItem,\n changeDatasource,\n exploreId,\n datasourceInstance,\n setQueries,\n } = props;\n\n const [activeUpdateComment, setActiveUpdateComment] = useState(false);\n const [comment, setComment] = useState<string | undefined>(queryHistoryItem.comment);\n const { value: historyCardData, loading } = useAsync(async () => {\n let datasourceInstance: DataSourceApi | undefined;\n try {\n datasourceInstance = await getDataSourceSrv().get(queryHistoryItem.datasourceUid);\n } catch (e) {}\n\n return {\n datasourceInstance,\n queries: await Promise.all(\n queryHistoryItem.queries.map(async (query) => {\n let datasource;\n if (datasourceInstance?.meta.mixed) {\n try {\n datasource = await getDataSourceSrv().get(query.datasource);\n } catch (e) {}\n } else {\n datasource = datasourceInstance;\n }\n\n return {\n query,\n datasource,\n };\n })\n ),\n };\n }, [queryHistoryItem.datasourceUid, queryHistoryItem.queries]);\n\n const styles = useStyles2(getStyles);\n\n const onRunQuery = async () => {\n const queriesToRun = queryHistoryItem.queries;\n const differentDataSource = queryHistoryItem.datasourceUid !== datasourceInstance?.uid;\n if (differentDataSource) {\n await changeDatasource({ exploreId, datasource: queryHistoryItem.datasourceUid });\n }\n setQueries(exploreId, queriesToRun);\n\n reportInteraction('grafana_explore_query_history_run', {\n queryHistoryEnabled: config.queryHistoryEnabled,\n differentDataSource,\n });\n };\n\n const onCopyQuery = async () => {\n const datasources = [...queryHistoryItem.queries.map((query) => query.datasource?.type || 'unknown')];\n reportInteraction('grafana_explore_query_history_copy_query', {\n datasources,\n mixed: Boolean(historyCardData?.datasourceInstance?.meta.mixed),\n });\n\n if (loading || !historyCardData) {\n return;\n }\n\n const queriesText = historyCardData.queries\n .map((query) => {\n return createQueryText(query.query, query.datasource);\n })\n .join('\\n');\n\n copyStringToClipboard(queriesText);\n dispatch(\n notifyApp(\n createSuccessNotification(t('explore.rich-history-notification.query-copied', 'Query copied to clipboard'))\n )\n );\n };\n\n const onCreateShortLink = async () => {\n const link = createUrlFromRichHistory(queryHistoryItem);\n await createAndCopyShortLink(link);\n };\n\n const onDeleteQuery = () => {\n const performDelete = (queryId: string) => {\n deleteHistoryItem(queryId);\n dispatch(\n notifyApp(createSuccessNotification(t('explore.rich-history-notification.query-deleted', 'Query deleted')))\n );\n reportInteraction('grafana_explore_query_history_deleted', {\n queryHistoryEnabled: config.queryHistoryEnabled,\n });\n };\n\n // For starred queries, we want confirmation. For non-starred, we don't.\n if (queryHistoryItem.starred) {\n getAppEvents().publish(\n new ShowConfirmModalEvent({\n title: t('explore.rich-history-card.delete-query-confirmation-title', 'Delete'),\n text: t(\n 'explore.rich-history-card.delete-starred-query-confirmation-text',\n 'Are you sure you want to permanently delete your starred query?'\n ),\n yesText: t('explore.rich-history-card.confirm-delete', 'Delete'),\n icon: 'trash-alt',\n onConfirm: () => performDelete(queryHistoryItem.id),\n })\n );\n } else {\n performDelete(queryHistoryItem.id);\n }\n };\n\n const onStarrQuery = () => {\n starHistoryItem(queryHistoryItem.id, !queryHistoryItem.starred);\n reportInteraction('grafana_explore_query_history_starred', {\n queryHistoryEnabled: config.queryHistoryEnabled,\n newValue: !queryHistoryItem.starred,\n });\n };\n\n const toggleActiveUpdateComment = () => setActiveUpdateComment(!activeUpdateComment);\n\n const onUpdateComment = () => {\n commentHistoryItem(queryHistoryItem.id, comment);\n setActiveUpdateComment(false);\n reportInteraction('grafana_explore_query_history_commented', {\n queryHistoryEnabled: config.queryHistoryEnabled,\n });\n };\n\n const onCancelUpdateComment = () => {\n setActiveUpdateComment(false);\n setComment(queryHistoryItem.comment);\n };\n\n const onKeyDown = (keyEvent: React.KeyboardEvent) => {\n if (keyEvent.key === 'Enter' && (keyEvent.shiftKey || keyEvent.ctrlKey)) {\n onUpdateComment();\n }\n\n if (keyEvent.key === 'Escape') {\n onCancelUpdateComment();\n }\n };\n\n const updateComment = (\n <div\n className={styles.updateCommentContainer}\n aria-label={\n comment\n ? t('explore.rich-history-card.update-comment-form', 'Update comment form')\n : t('explore.rich-history-card.add-comment-form', 'Add comment form')\n }\n >\n <TextArea\n onKeyDown={onKeyDown}\n value={comment}\n placeholder={\n comment\n ? undefined\n : t('explore.rich-history-card.optional-description', 'An optional description of what the query does.')\n }\n onChange={(e) => setComment(e.currentTarget.value)}\n className={styles.textArea}\n />\n <div className={styles.commentButtonRow}>\n <Button onClick={onUpdateComment}>\n <Trans i18nKey=\"explore.rich-history-card.save-comment\">Save comment</Trans>\n </Button>\n <Button variant=\"secondary\" onClick={onCancelUpdateComment}>\n <Trans i18nKey=\"explore.rich-history-card.cancel\">Cancel</Trans>\n </Button>\n </div>\n </div>\n );\n\n const queryActionButtons = (\n <div className={styles.queryActionButtons}>\n <IconButton\n name=\"comment-alt\"\n onClick={toggleActiveUpdateComment}\n tooltip={\n queryHistoryItem.comment?.length > 0\n ? t('explore.rich-history-card.edit-comment-tooltip', 'Edit comment')\n : t('explore.rich-history-card.add-comment-tooltip', 'Add comment')\n }\n />\n <IconButton\n name=\"copy\"\n onClick={onCopyQuery}\n tooltip={t('explore.rich-history-card.copy-query-tooltip', 'Copy query to clipboard')}\n />\n {historyCardData?.datasourceInstance && (\n <IconButton\n name=\"share-alt\"\n onClick={onCreateShortLink}\n tooltip={\n <Trans i18nKey=\"explore.rich-history-card.copy-shortened-link-tooltip\">\n Copy shortened link to clipboard\n </Trans>\n }\n />\n )}\n <IconButton\n name=\"trash-alt\"\n title={t('explore.rich-history-card.delete-query-title', 'Delete query')}\n tooltip={t('explore.rich-history-card.delete-query-tooltip', 'Delete query')}\n onClick={onDeleteQuery}\n />\n <IconButton\n name={queryHistoryItem.starred ? 'favorite' : 'star'}\n iconType={queryHistoryItem.starred ? 'mono' : 'default'}\n onClick={onStarrQuery}\n tooltip={\n queryHistoryItem.starred\n ? t('explore.rich-history-card.unstar-query-tooltip', 'Unstar query')\n : t('explore.rich-history-card.star-query-tooltip', 'Star query')\n }\n />\n </div>\n );\n\n return (\n <div className={styles.queryCard}>\n <div className={styles.cardRow}>\n <DatasourceInfo dsApi={historyCardData?.datasourceInstance} size=\"sm\" />\n\n {queryActionButtons}\n </div>\n <div className={cx(styles.cardRow)}>\n <div className={styles.queryContainer}>\n {historyCardData?.queries.map((q, i) => {\n return <Query query={q} key={`${q}-${i}`} showDsInfo={historyCardData?.datasourceInstance?.meta.mixed} />;\n })}\n {!activeUpdateComment && queryHistoryItem.comment && (\n <div\n aria-label={t('explore.rich-history-card.query-comment-label', 'Query comment')}\n className={styles.comment}\n >\n {queryHistoryItem.comment}\n </div>\n )}\n {activeUpdateComment && updateComment}\n </div>\n {!activeUpdateComment && (\n <div className={styles.runButton}>\n <Button\n variant=\"secondary\"\n onClick={onRunQuery}\n disabled={\n !historyCardData?.datasourceInstance || historyCardData.queries.some((query) => !query.datasource)\n }\n >\n {datasourceInstance?.uid === queryHistoryItem.datasourceUid ? (\n <Trans i18nKey=\"explore.rich-history-card.run-query-button\">Run query</Trans>\n ) : (\n <Trans i18nKey=\"explore.rich-history-card.switch-datasource-button\">\n Switch data source and run query\n </Trans>\n )}\n </Button>\n </div>\n )}\n </div>\n {loading && (\n <LoadingPlaceholder\n text={t('explore.rich-history-card.loading-text', 'loading...')}\n className={styles.loader}\n />\n )}\n </div>\n );\n}\n\nconst getQueryStyles = (theme: GrafanaTheme2) => ({\n queryRow: css`\n border-top: 1px solid ${theme.colors.border.weak};\n display: flex;\n flex-direction: row;\n padding: 4px 0px;\n gap: 4px;\n :first-child {\n border-top: none;\n }\n `,\n dsInfoContainer: css`\n display: flex;\n align-items: center;\n `,\n queryText: css`\n word-break: break-all;\n `,\n});\n\ninterface QueryProps {\n query: {\n query: DataQuery;\n datasource?: DataSourceApi;\n };\n /** Show datasource info (icon+name) alongside the query text */\n showDsInfo?: boolean;\n}\n\nconst Query = ({ query, showDsInfo = false }: QueryProps) => {\n const styles = useStyles2(getQueryStyles);\n\n return (\n <div className={styles.queryRow}>\n {showDsInfo && (\n <div className={styles.dsInfoContainer}>\n <DatasourceInfo dsApi={query.datasource} size=\"md\" />\n {': '}\n </div>\n )}\n <span aria-label={t('explore.rich-history-card.query-text-label', 'Query text')} className={styles.queryText}>\n {createQueryText(query.query, query.datasource)}\n </span>\n </div>\n );\n};\n\nconst getDsInfoStyles = (size: 'sm' | 'md') => (theme: GrafanaTheme2) => css`\n display: flex;\n align-items: center;\n font-size: ${theme.typography[size === 'sm' ? 'bodySmall' : 'body'].fontSize};\n font-weight: ${theme.typography.fontWeightMedium};\n white-space: nowrap;\n`;\n\nfunction DatasourceInfo({ dsApi, size }: { dsApi?: DataSourceApi; size: 'sm' | 'md' }) {\n const getStyles = useCallback((theme: GrafanaTheme2) => getDsInfoStyles(size)(theme), [size]);\n const styles = useStyles2(getStyles);\n\n return (\n <div className={styles}>\n <img\n src={dsApi?.meta.info.logos.small || 'public/img/icn-datasource.svg'}\n alt={dsApi?.type || t('explore.rich-history-card.datasource-not-exist', 'Data source does not exist anymore')}\n aria-label={t('explore.rich-history-card.datasource-icon-label', 'Data source icon')}\n />\n <div aria-label={t('explore.rich-history-card.datasource-name-label', 'Data source name')}>\n {dsApi?.name || t('explore.rich-history-card.datasource-not-exist', 'Data source does not exist anymore')}\n </div>\n </div>\n );\n}\n\nexport default connector(RichHistoryCard);\n","import { css } from '@emotion/css';\nimport React, { useEffect } from 'react';\n\nimport { GrafanaTheme2, SelectableValue } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { Button, FilterInput, MultiSelect, RangeSlider, Select, useStyles2 } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\nimport {\n createDatasourcesList,\n mapNumbertoTimeInSlider,\n mapQueriesToHeadings,\n SortOrder,\n RichHistorySearchFilters,\n RichHistorySettings,\n} from 'app/core/utils/richHistory';\nimport { RichHistoryQuery } from 'app/types/explore';\n\nimport { getSortOrderOptions } from './RichHistory';\nimport RichHistoryCard from './RichHistoryCard';\n\nexport interface RichHistoryQueriesTabProps {\n queries: RichHistoryQuery[];\n totalQueries: number;\n loading: boolean;\n activeDatasourceInstance: string;\n updateFilters: (filtersToUpdate?: Partial<RichHistorySearchFilters>) => void;\n clearRichHistoryResults: () => void;\n loadMoreRichHistory: () => void;\n richHistorySettings: RichHistorySettings;\n richHistorySearchFilters?: RichHistorySearchFilters;\n exploreId: string;\n height: number;\n}\n\nconst getStyles = (theme: GrafanaTheme2, height: number) => {\n return {\n container: css`\n display: flex;\n `,\n labelSlider: css`\n font-size: ${theme.typography.bodySmall.fontSize};\n &:last-of-type {\n margin-top: ${theme.spacing(3)};\n }\n &:first-of-type {\n font-weight: ${theme.typography.fontWeightMedium};\n margin-bottom: ${theme.spacing(2)};\n }\n `,\n containerContent: css`\n /* 134px is based on the width of the Query history tabs bar, so the content is aligned to right side of the tab */\n width: calc(100% - 134px);\n `,\n containerSlider: css`\n width: 129px;\n margin-right: ${theme.spacing(1)};\n `,\n fixedSlider: css`\n position: fixed;\n `,\n slider: css`\n bottom: 10px;\n height: ${height - 180}px;\n width: 129px;\n padding: ${theme.spacing(1)} 0;\n `,\n selectors: css`\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n `,\n filterInput: css`\n margin-bottom: ${theme.spacing(1)};\n `,\n multiselect: css`\n width: 100%;\n margin-bottom: ${theme.spacing(1)};\n `,\n sort: css`\n width: 170px;\n `,\n sessionName: css`\n display: flex;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: ${theme.spacing(3)};\n h4 {\n margin: 0 10px 0 0;\n }\n `,\n heading: css`\n font-size: ${theme.typography.h4.fontSize};\n margin: ${theme.spacing(2, 0.25, 1, 0.25)};\n `,\n footer: css`\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: ${theme.typography.fontWeightLight};\n font-size: ${theme.typography.bodySmall.fontSize};\n a {\n font-weight: ${theme.typography.fontWeightMedium};\n margin-left: ${theme.spacing(0.25)};\n }\n `,\n queries: css`\n font-size: ${theme.typography.bodySmall.fontSize};\n font-weight: ${theme.typography.fontWeightRegular};\n margin-left: ${theme.spacing(0.5)};\n `,\n };\n};\n\nexport function RichHistoryQueriesTab(props: RichHistoryQueriesTabProps) {\n const {\n queries,\n totalQueries,\n loading,\n richHistorySearchFilters,\n updateFilters,\n clearRichHistoryResults,\n loadMoreRichHistory,\n richHistorySettings,\n exploreId,\n height,\n activeDatasourceInstance,\n } = props;\n\n const styles = useStyles2(getStyles, height);\n\n const listOfDatasources = createDatasourcesList();\n\n useEffect(() => {\n const datasourceFilters =\n !richHistorySettings.activeDatasourceOnly && richHistorySettings.lastUsedDatasourceFilters\n ? richHistorySettings.lastUsedDatasourceFilters\n : [activeDatasourceInstance];\n const filters: RichHistorySearchFilters = {\n search: '',\n sortOrder: SortOrder.Descending,\n datasourceFilters,\n from: 0,\n to: richHistorySettings.retentionPeriod,\n starred: false,\n };\n updateFilters(filters);\n\n return () => {\n clearRichHistoryResults();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!richHistorySearchFilters) {\n return (\n <span>\n <Trans i18nKey=\"explore.rich-history-queries-tab.loading\">Loading...</Trans>;\n </span>\n );\n }\n\n /* mappedQueriesToHeadings is an object where query headings (stringified dates/data sources)\n * are keys and arrays with queries that belong to that headings are values.\n */\n const mappedQueriesToHeadings = mapQueriesToHeadings(queries, richHistorySearchFilters.sortOrder);\n const sortOrderOptions = getSortOrderOptions();\n const partialResults = queries.length && queries.length !== totalQueries;\n\n return (\n <div className={styles.container}>\n <div className={styles.containerSlider}>\n <div className={styles.fixedSlider}>\n <div className={styles.labelSlider}>\n <Trans i18nKey=\"explore.rich-history-queries-tab.filter-history\">Filter history</Trans>\n </div>\n <div className={styles.labelSlider}>{mapNumbertoTimeInSlider(richHistorySearchFilters.from)}</div>\n <div className={styles.slider}>\n <RangeSlider\n tooltipAlwaysVisible={false}\n min={0}\n max={richHistorySettings.retentionPeriod}\n value={[richHistorySearchFilters.from, richHistorySearchFilters.to]}\n orientation=\"vertical\"\n formatTooltipResult={mapNumbertoTimeInSlider}\n reverse={true}\n onAfterChange={(value) => {\n updateFilters({ from: value![0], to: value![1] });\n }}\n />\n </div>\n <div className={styles.labelSlider}>{mapNumbertoTimeInSlider(richHistorySearchFilters.to)}</div>\n </div>\n </div>\n\n <div className={styles.containerContent} data-testid=\"query-history-queries-tab\">\n <div className={styles.selectors}>\n {!richHistorySettings.activeDatasourceOnly && (\n <MultiSelect\n className={styles.multiselect}\n options={listOfDatasources.map((ds) => {\n return { value: ds.name, label: ds.name };\n })}\n value={richHistorySearchFilters.datasourceFilters}\n placeholder={t(\n 'explore.rich-history-queries-tab.filter-placeholder',\n 'Filter queries for data sources(s)'\n )}\n aria-label={t('explore.rich-history-queries-tab.filter-aria-label', 'Filter queries for data sources(s)')}\n onChange={(options: SelectableValue[]) => {\n updateFilters({ datasourceFilters: options.map((option) => option.value) });\n }}\n />\n )}\n <div className={styles.filterInput}>\n <FilterInput\n escapeRegex={false}\n placeholder={t('explore.rich-history-queries-tab.search-placeholder', 'Search queries')}\n value={richHistorySearchFilters.search}\n onChange={(search: string) => updateFilters({ search })}\n />\n </div>\n <div\n aria-label={t('explore.rich-history-queries-tab.sort-aria-label', 'Sort queries')}\n className={styles.sort}\n >\n <Select\n value={sortOrderOptions.filter((order) => order.value === richHistorySearchFilters.sortOrder)}\n options={sortOrderOptions}\n placeholder={t('explore.rich-history-queries-tab.sort-placeholder', 'Sort queries by')}\n onChange={(e: SelectableValue<SortOrder>) => updateFilters({ sortOrder: e.value })}\n />\n </div>\n </div>\n\n {loading && (\n <span>\n <Trans i18nKey=\"explore.rich-history-queries-tab.loading-results\">Loading results...</Trans>\n </span>\n )}\n\n {!loading &&\n Object.keys(mappedQueriesToHeadings).map((heading) => {\n return (\n <div key={heading}>\n <div className={styles.heading}>\n {heading}{' '}\n <span className={styles.queries}>\n {partialResults ? (\n <Trans\n i18nKey=\"explore.rich-history-queries-tab.displaying-partial-queries\"\n defaults=\"Displaying {{ count }} queries\"\n values={{ count: mappedQueriesToHeadings[heading].length }}\n />\n ) : (\n <Trans\n i18nKey=\"explore.rich-history-queries-tab.displaying-queries\"\n defaults=\"{{ count }} queries\"\n values={{ count: mappedQueriesToHeadings[heading].length }}\n />\n )}\n </span>\n </div>\n {mappedQueriesToHeadings[heading].map((q) => {\n return <RichHistoryCard queryHistoryItem={q} key={q.id} exploreId={exploreId} />;\n })}\n </div>\n );\n })}\n {partialResults ? (\n <div>\n <Trans\n i18nKey=\"explore.rich-history-queries-tab.showing-queries\"\n defaults=\"Showing {{ shown }} of {{ total }} <0>Load more</0>\"\n values={{ shown: queries.length, total: totalQueries }}\n components={[\n <Button onClick={loadMoreRichHistory} key=\"loadMoreButton\">\n Load more\n </Button>,\n ]}\n />\n </div>\n ) : null}\n <div className={styles.footer}>\n {!config.queryHistoryEnabled\n ? t(\n 'explore.rich-history-queries-tab.history-local',\n 'The history is local to your browser and is not shared with others.'\n )\n : ''}\n </div>\n </div>\n </div>\n );\n}\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2, SelectableValue } from '@grafana/data';\nimport { getAppEvents } from '@grafana/runtime';\nimport { useStyles2, Select, Button, Field, InlineField, InlineSwitch, Alert } from '@grafana/ui';\nimport { notifyApp } from 'app/core/actions';\nimport { createSuccessNotification } from 'app/core/copy/appNotification';\nimport { MAX_HISTORY_ITEMS } from 'app/core/history/RichHistoryLocalStorage';\nimport { Trans, t } from 'app/core/internationalization';\nimport { dispatch } from 'app/store/store';\n\nimport { supportedFeatures } from '../../../core/history/richHistoryStorageProvider';\nimport { ShowConfirmModalEvent } from '../../../types/events';\n\nexport interface RichHistorySettingsProps {\n retentionPeriod: number;\n starredTabAsFirstTab: boolean;\n activeDatasourceOnly: boolean;\n onChangeRetentionPeriod: (option: SelectableValue<number>) => void;\n toggleStarredTabAsFirstTab: () => void;\n toggleactiveDatasourceOnly: () => void;\n deleteRichHistory: () => void;\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n container: css`\n font-size: ${theme.typography.bodySmall.fontSize};\n `,\n spaceBetween: css`\n margin-bottom: ${theme.spacing(3)};\n `,\n input: css`\n max-width: 200px;\n `,\n bold: css`\n font-weight: ${theme.typography.fontWeightBold};\n `,\n bottomMargin: css`\n margin-bottom: ${theme.spacing(1)};\n `,\n };\n};\n\nconst retentionPeriodOptions = [\n { value: 2, label: t('explore.rich-history-settings-tab.retention-period.2-days', '2 days') },\n { value: 5, label: t('explore.rich-history-settings-tab.retention-period.5-days', '5 days') },\n { value: 7, label: t('explore.rich-history-settings-tab.retention-period.1-week', '1 week') },\n { value: 14, label: t('explore.rich-history-settings-tab.retention-period.2-weeks', '2 weeks') },\n];\n\nexport function RichHistorySettingsTab(props: RichHistorySettingsProps) {\n const {\n retentionPeriod,\n starredTabAsFirstTab,\n activeDatasourceOnly,\n onChangeRetentionPeriod,\n toggleStarredTabAsFirstTab,\n toggleactiveDatasourceOnly,\n deleteRichHistory,\n } = props;\n const styles = useStyles2(getStyles);\n const selectedOption = retentionPeriodOptions.find((v) => v.value === retentionPeriod);\n\n const onDelete = () => {\n getAppEvents().publish(\n new ShowConfirmModalEvent({\n title: t('explore.rich-history-settings-tab.delete-title', 'Delete'),\n text: t(\n 'explore.rich-history-settings-tab.delete-confirm-text',\n 'Are you sure you want to permanently delete your query history?'\n ),\n yesText: t('explore.rich-history-settings-tab.delete-confirm', 'Delete'),\n icon: 'trash-alt',\n onConfirm: () => {\n deleteRichHistory();\n dispatch(\n notifyApp(\n createSuccessNotification(\n t('explore.rich-history-settings-tab.query-history-deleted', 'Query history deleted')\n )\n )\n );\n },\n })\n );\n };\n\n return (\n <div className={styles.container}>\n {supportedFeatures().changeRetention ? (\n <Field\n label={t('explore.rich-history-settings-tab.history-time-span', 'History time span')}\n description={t(\n 'explore.rich-history-settings-tab.history-time-span-description',\n 'Select the period of time for which Grafana will save your query history. Up to {{MAX_HISTORY_ITEMS}} entries will be stored.',\n { MAX_HISTORY_ITEMS }\n )}\n >\n <div className={styles.input}>\n <Select value={selectedOption} options={retentionPeriodOptions} onChange={onChangeRetentionPeriod}></Select>\n </div>\n </Field>\n ) : (\n <Alert severity=\"info\" title={t('explore.rich-history-settings-tab.history-time-span', 'History time span')}>\n {t(\n 'explore.rich-history-settings-tab.alert-info',\n \"Grafana will keep entries up to {{optionLabel}}.Starred entries won't be deleted.\",\n {\n optionLabel: selectedOption?.label,\n }\n )}\n </Alert>\n )}\n <InlineField\n label={t(\n 'explore.rich-history-settings-tab.change-default-tab',\n 'Change the default active tab from “Query history” to “Starred”'\n )}\n className={styles.spaceBetween}\n >\n <InlineSwitch\n id=\"explore-query-history-settings-default-active-tab\"\n value={starredTabAsFirstTab}\n onChange={toggleStarredTabAsFirstTab}\n />\n </InlineField>\n {supportedFeatures().onlyActiveDataSource && (\n <InlineField\n label={t(\n 'explore.rich-history-settings-tab.only-show-active-datasource',\n 'Only show queries for data source currently active in Explore'\n )}\n className={styles.spaceBetween}\n >\n <InlineSwitch\n id=\"explore-query-history-settings-data-source-behavior\"\n value={activeDatasourceOnly}\n onChange={toggleactiveDatasourceOnly}\n />\n </InlineField>\n )}\n {supportedFeatures().clearHistory && (\n <div>\n <div className={styles.bold}>\n <Trans i18nKey=\"explore.rich-history-settings-tab.clear-query-history\">Clear query history</Trans>\n </div>\n <div className={styles.bottomMargin}>\n <Trans i18nKey=\"explore.rich-history-settings-tab.clear-history-info\">\n Delete all of your query history, permanently.\n </Trans>\n </div>\n <Button variant=\"destructive\" onClick={onDelete}>\n <Trans i18nKey=\"explore.rich-history-settings-tab.clear-query-history-button\">Clear query history</Trans>\n </Button>\n </div>\n )}\n </div>\n );\n}\n","import { css } from '@emotion/css';\nimport React, { useEffect } from 'react';\n\nimport { GrafanaTheme2, SelectableValue } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { useStyles2, Select, MultiSelect, FilterInput, Button } from '@grafana/ui';\nimport { Trans, t } from 'app/core/internationalization';\nimport {\n createDatasourcesList,\n SortOrder,\n RichHistorySearchFilters,\n RichHistorySettings,\n} from 'app/core/utils/richHistory';\nimport { RichHistoryQuery } from 'app/types/explore';\n\nimport { getSortOrderOptions } from './RichHistory';\nimport RichHistoryCard from './RichHistoryCard';\n\nexport interface RichHistoryStarredTabProps {\n queries: RichHistoryQuery[];\n totalQueries: number;\n loading: boolean;\n activeDatasourceInstance: string;\n updateFilters: (filtersToUpdate: Partial<RichHistorySearchFilters>) => void;\n clearRichHistoryResults: () => void;\n loadMoreRichHistory: () => void;\n richHistorySearchFilters?: RichHistorySearchFilters;\n richHistorySettings: RichHistorySettings;\n exploreId: string;\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n container: css`\n display: flex;\n `,\n containerContent: css`\n width: 100%;\n `,\n selectors: css`\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n `,\n multiselect: css`\n width: 100%;\n margin-bottom: ${theme.spacing(1)};\n `,\n filterInput: css`\n margin-bottom: ${theme.spacing(1)};\n `,\n sort: css`\n width: 170px;\n `,\n footer: css`\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: ${theme.typography.fontWeightLight};\n font-size: ${theme.typography.bodySmall.fontSize};\n a {\n font-weight: ${theme.typography.fontWeightMedium};\n margin-left: ${theme.spacing(0.25)};\n }\n `,\n };\n};\n\nexport function RichHistoryStarredTab(props: RichHistoryStarredTabProps) {\n const {\n updateFilters,\n clearRichHistoryResults,\n loadMoreRichHistory,\n activeDatasourceInstance,\n richHistorySettings,\n queries,\n totalQueries,\n loading,\n richHistorySearchFilters,\n exploreId,\n } = props;\n\n const styles = useStyles2(getStyles);\n\n const listOfDatasources = createDatasourcesList();\n\n useEffect(() => {\n const datasourceFilters =\n richHistorySettings.activeDatasourceOnly && richHistorySettings.lastUsedDatasourceFilters\n ? richHistorySettings.lastUsedDatasourceFilters\n : [activeDatasourceInstance];\n const filters: RichHistorySearchFilters = {\n search: '',\n sortOrder: SortOrder.Descending,\n datasourceFilters,\n from: 0,\n to: richHistorySettings.retentionPeriod,\n starred: true,\n };\n updateFilters(filters);\n return () => {\n clearRichHistoryResults();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!richHistorySearchFilters) {\n return (\n <span>\n <Trans i18nKey=\"explore.rich-history-starred-tab.loading\">Loading...</Trans>;\n </span>\n );\n }\n\n const sortOrderOptions = getSortOrderOptions();\n\n return (\n <div className={styles.container}>\n <div className={styles.containerContent}>\n <div className={styles.selectors}>\n {!richHistorySettings.activeDatasourceOnly && (\n <MultiSelect\n className={styles.multiselect}\n options={listOfDatasources.map((ds) => {\n return { value: ds.name, label: ds.name };\n })}\n value={richHistorySearchFilters.datasourceFilters}\n placeholder={t(\n 'explore.rich-history-starred-tab.filter-queries-placeholder',\n 'Filter queries for data sources(s)'\n )}\n aria-label={t(\n 'explore.rich-history-starred-tab.filter-queries-aria-label',\n 'Filter queries for data sources(s)'\n )}\n onChange={(options: SelectableValue[]) => {\n updateFilters({ datasourceFilters: options.map((option) => option.value) });\n }}\n />\n )}\n <div className={styles.filterInput}>\n <FilterInput\n escapeRegex={false}\n placeholder={t('explore.rich-history-starred-tab.search-queries-placeholder', 'Search queries')}\n value={richHistorySearchFilters.search}\n onChange={(search: string) => updateFilters({ search })}\n />\n </div>\n <div\n aria-label={t('explore.rich-history-starred-tab.sort-queries-aria-label', 'Sort queries')}\n className={styles.sort}\n >\n <Select\n value={sortOrderOptions.filter((order) => order.value === richHistorySearchFilters.sortOrder)}\n options={sortOrderOptions}\n placeholder={t('explore.rich-history-starred-tab.sort-queries-placeholder', 'Sort queries by')}\n onChange={(e: SelectableValue<SortOrder>) => updateFilters({ sortOrder: e.value })}\n />\n </div>\n </div>\n {loading && (\n <span>\n <Trans i18nKey=\"explore.rich-history-starred-tab.loading-results\">Loading results...</Trans>\n </span>\n )}\n {!loading &&\n queries.map((q) => {\n return <RichHistoryCard queryHistoryItem={q} key={q.id} exploreId={exploreId} />;\n })}\n {queries.length && queries.length !== totalQueries ? (\n <div>\n <Trans\n i18nKey=\"explore.rich-history-starred-tab.showing-queries\"\n defaults=\"Showing {{ shown }} of {{ total }} <0>Load more</0>\"\n values={{ shown: queries.length, total: totalQueries }}\n components={[\n <Button onClick={loadMoreRichHistory} key=\"loadMoreButton\">\n Load more\n </Button>,\n ]}\n />\n </div>\n ) : null}\n <div className={styles.footer}>\n {!config.queryHistoryEnabled\n ? t(\n 'explore.rich-history-starred-tab.local-history-message',\n 'The history is local to your browser and is not shared with others.'\n )\n : ''}\n </div>\n </div>\n </div>\n );\n}\n","import { debounce } from 'lodash';\nimport React, { useState, useEffect } from 'react';\n\nimport { SelectableValue } from '@grafana/data';\nimport { TabbedContainer, TabConfig } from '@grafana/ui';\nimport { t } from 'app/core/internationalization';\nimport { SortOrder, RichHistorySearchFilters, RichHistorySettings } from 'app/core/utils/richHistory';\nimport { RichHistoryQuery } from 'app/types/explore';\n\nimport { supportedFeatures } from '../../../core/history/richHistoryStorageProvider';\n\nimport { RichHistoryQueriesTab } from './RichHistoryQueriesTab';\nimport { RichHistorySettingsTab } from './RichHistorySettingsTab';\nimport { RichHistoryStarredTab } from './RichHistoryStarredTab';\n\nexport enum Tabs {\n RichHistory = 'Query history',\n Starred = 'Starred',\n Settings = 'Settings',\n}\n\nexport const getSortOrderOptions = () =>\n [\n { label: t('explore.rich-history.newest-first', 'Newest first'), value: SortOrder.Descending },\n { label: t('explore.rich-history.oldest-first', 'Oldest first'), value: SortOrder.Ascending },\n { label: t('explore.rich-history.datasource-a-z', 'Data source A-Z'), value: SortOrder.DatasourceAZ },\n { label: t('explore.rich-history.datasource-z-a', 'Data source Z-A'), value: SortOrder.DatasourceZA },\n ].filter((option) => supportedFeatures().availableFilters.includes(option.value));\n\nexport interface RichHistoryProps {\n richHistory: RichHistoryQuery[];\n richHistoryTotal?: number;\n richHistorySettings: RichHistorySettings;\n richHistorySearchFilters?: RichHistorySearchFilters;\n updateHistorySettings: (settings: RichHistorySettings) => void;\n updateHistorySearchFilters: (exploreId: string, filters: RichHistorySearchFilters) => void;\n loadRichHistory: (exploreId: string) => void;\n loadMoreRichHistory: (exploreId: string) => void;\n clearRichHistoryResults: (exploreId: string) => void;\n deleteRichHistory: () => void;\n activeDatasourceInstance: string;\n firstTab: Tabs;\n exploreId: string;\n height: number;\n onClose: () => void;\n}\n\nexport function RichHistory(props: RichHistoryProps) {\n const {\n richHistory,\n richHistoryTotal,\n height,\n exploreId,\n deleteRichHistory,\n onClose,\n firstTab,\n activeDatasourceInstance,\n } = props;\n\n const [loading, setLoading] = useState(false);\n\n const updateSettings = (settingsToUpdate: Partial<RichHistorySettings>) => {\n props.updateHistorySettings({ ...props.richHistorySettings, ...settingsToUpdate });\n };\n\n const updateFilters = (filtersToUpdate?: Partial<RichHistorySearchFilters>) => {\n const filters = {\n ...props.richHistorySearchFilters!,\n ...filtersToUpdate,\n page: 1, // always load fresh results when updating filters\n };\n props.updateHistorySearchFilters(props.exploreId, filters);\n loadRichHistory();\n };\n\n const loadRichHistory = debounce(() => {\n props.loadRichHistory(props.exploreId);\n setLoading(true);\n }, 300);\n\n const onChangeRetentionPeriod = (retentionPeriod: SelectableValue<number>) => {\n if (retentionPeriod.value !== undefined) {\n updateSettings({ retentionPeriod: retentionPeriod.value });\n }\n };\n\n const toggleStarredTabAsFirstTab = () =>\n updateSettings({ starredTabAsFirstTab: !props.richHistorySettings.starredTabAsFirstTab });\n\n const toggleActiveDatasourceOnly = () =>\n updateSettings({ activeDatasourceOnly: !props.richHistorySettings.activeDatasourceOnly });\n\n useEffect(() => {\n setLoading(false);\n }, [richHistory]);\n\n const QueriesTab: TabConfig = {\n label: t('explore.rich-history.query-history', 'Query history'),\n value: Tabs.RichHistory,\n content: (\n <RichHistoryQueriesTab\n queries={richHistory}\n totalQueries={richHistoryTotal || 0}\n loading={loading}\n updateFilters={updateFilters}\n clearRichHistoryResults={() => props.clearRichHistoryResults(props.exploreId)}\n loadMoreRichHistory={() => props.loadMoreRichHistory(props.exploreId)}\n activeDatasourceInstance={activeDatasourceInstance}\n richHistorySettings={props.richHistorySettings}\n richHistorySearchFilters={props.richHistorySearchFilters}\n exploreId={exploreId}\n height={height}\n />\n ),\n icon: 'history',\n };\n\n const StarredTab: TabConfig = {\n label: t('explore.rich-history.starred', 'Starred'),\n value: Tabs.Starred,\n content: (\n <RichHistoryStarredTab\n queries={richHistory}\n totalQueries={richHistoryTotal || 0}\n loading={loading}\n activeDatasourceInstance={activeDatasourceInstance}\n updateFilters={updateFilters}\n clearRichHistoryResults={() => props.clearRichHistoryResults(props.exploreId)}\n loadMoreRichHistory={() => props.loadMoreRichHistory(props.exploreId)}\n richHistorySettings={props.richHistorySettings}\n richHistorySearchFilters={props.richHistorySearchFilters}\n exploreId={exploreId}\n />\n ),\n icon: 'star',\n };\n\n const SettingsTab: TabConfig = {\n label: t('explore.rich-history.settings', 'Settings'),\n value: Tabs.Settings,\n content: (\n <RichHistorySettingsTab\n retentionPeriod={props.richHistorySettings.retentionPeriod}\n starredTabAsFirstTab={props.richHistorySettings.starredTabAsFirstTab}\n activeDatasourceOnly={props.richHistorySettings.activeDatasourceOnly}\n onChangeRetentionPeriod={onChangeRetentionPeriod}\n toggleStarredTabAsFirstTab={toggleStarredTabAsFirstTab}\n toggleactiveDatasourceOnly={toggleActiveDatasourceOnly}\n deleteRichHistory={deleteRichHistory}\n />\n ),\n icon: 'sliders-v-alt',\n };\n\n let tabs = [QueriesTab, StarredTab, SettingsTab];\n return (\n <TabbedContainer\n tabs={tabs}\n onClose={onClose}\n defaultTab={firstTab}\n closeIconTooltip={t('explore.rich-history.close-tooltip', 'Close query history')}\n />\n );\n}\n","// Libraries\nimport React, { useEffect, useState } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { config, reportInteraction } from '@grafana/runtime';\nimport { useTheme2 } from '@grafana/ui';\nimport { Trans } from 'app/core/internationalization';\n// Types\nimport { ExploreItemState, StoreState } from 'app/types';\n\n// Components, enums\nimport { ExploreDrawer } from '../ExploreDrawer';\nimport {\n deleteRichHistory,\n initRichHistory,\n loadRichHistory,\n loadMoreRichHistory,\n clearRichHistoryResults,\n updateHistorySettings,\n updateHistorySearchFilters,\n} from '../state/history';\n\nimport { RichHistory, Tabs } from './RichHistory';\n\n//Actions\n\nfunction mapStateToProps(state: StoreState, { exploreId }: { exploreId: string }) {\n const explore = state.explore;\n const item: ExploreItemState = explore.panes[exploreId]!;\n const richHistorySearchFilters = item.richHistorySearchFilters;\n const richHistorySettings = explore.richHistorySettings;\n const { datasourceInstance } = item;\n const firstTab = richHistorySettings?.starredTabAsFirstTab ? Tabs.Starred : Tabs.RichHistory;\n const { richHistory, richHistoryTotal } = item;\n return {\n richHistory,\n richHistoryTotal,\n firstTab,\n activeDatasourceInstance: datasourceInstance!.name,\n richHistorySettings,\n richHistorySearchFilters,\n };\n}\n\nconst mapDispatchToProps = {\n initRichHistory,\n loadRichHistory,\n loadMoreRichHistory,\n clearRichHistoryResults,\n updateHistorySettings,\n updateHistorySearchFilters,\n deleteRichHistory,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\ninterface OwnProps {\n width: number;\n exploreId: string;\n onClose: () => void;\n}\nexport type Props = ConnectedProps<typeof connector> & OwnProps;\n\nexport function RichHistoryContainer(props: Props) {\n const theme = useTheme2();\n const [height, setHeight] = useState(theme.components.horizontalDrawer.defaultHeight);\n\n const {\n richHistory,\n richHistoryTotal,\n width,\n firstTab,\n activeDatasourceInstance,\n exploreId,\n deleteRichHistory,\n initRichHistory,\n loadRichHistory,\n loadMoreRichHistory,\n clearRichHistoryResults,\n richHistorySettings,\n updateHistorySettings,\n richHistorySearchFilters,\n updateHistorySearchFilters,\n onClose,\n } = props;\n\n useEffect(() => {\n initRichHistory();\n reportInteraction('grafana_explore_query_history_opened', {\n queryHistoryEnabled: config.queryHistoryEnabled,\n });\n }, [initRichHistory]);\n\n if (!richHistorySettings) {\n return (\n <span>\n <Trans i18nKey=\"explore.rich-history-container.loading\">Loading...</Trans>\n </span>\n );\n }\n\n return (\n <ExploreDrawer\n width={width}\n onResize={(_e, _dir, ref) => {\n setHeight(Number(ref.style.height.slice(0, -2)));\n }}\n >\n <RichHistory\n richHistory={richHistory}\n richHistoryTotal={richHistoryTotal}\n firstTab={firstTab}\n activeDatasourceInstance={activeDatasourceInstance}\n exploreId={exploreId}\n onClose={onClose}\n height={height}\n deleteRichHistory={deleteRichHistory}\n richHistorySettings={richHistorySettings}\n richHistorySearchFilters={richHistorySearchFilters}\n updateHistorySettings={updateHistorySettings}\n updateHistorySearchFilters={updateHistorySearchFilters}\n loadRichHistory={loadRichHistory}\n loadMoreRichHistory={loadMoreRichHistory}\n clearRichHistoryResults={clearRichHistoryResults}\n />\n </ExploreDrawer>\n );\n}\n\nexport default connector(RichHistoryContainer);\n","import { css } from '@emotion/css';\nimport React from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { Components } from '@grafana/e2e-selectors';\nimport { ToolbarButton, useTheme2 } from '@grafana/ui';\nimport { t, Trans } from 'app/core/internationalization';\n\ntype Props = {\n addQueryRowButtonDisabled?: boolean;\n addQueryRowButtonHidden?: boolean;\n richHistoryRowButtonHidden?: boolean;\n richHistoryButtonActive?: boolean;\n queryInspectorButtonActive?: boolean;\n\n onClickAddQueryRowButton: () => void;\n onClickRichHistoryButton: () => void;\n onClickQueryInspectorButton: () => void;\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n containerMargin: css({\n display: 'flex',\n flexWrap: 'wrap',\n gap: theme.spacing(1),\n marginTop: theme.spacing(2),\n }),\n };\n};\n\nexport function SecondaryActions(props: Props) {\n const theme = useTheme2();\n const styles = getStyles(theme);\n return (\n <div className={styles.containerMargin}>\n {!props.addQueryRowButtonHidden && (\n <ToolbarButton\n variant=\"canvas\"\n aria-label={t('explore.secondary-actions.query-add-button-aria-label', 'Add query')}\n onClick={props.onClickAddQueryRowButton}\n disabled={props.addQueryRowButtonDisabled}\n icon=\"plus\"\n >\n <Trans i18nKey=\"explore.secondary-actions.query-add-button\">Add query</Trans>\n </ToolbarButton>\n )}\n {!props.richHistoryRowButtonHidden && (\n <ToolbarButton\n variant={props.richHistoryButtonActive ? 'active' : 'canvas'}\n aria-label={t('explore.secondary-actions.query-history-button-aria-label', 'Query history')}\n onClick={props.onClickRichHistoryButton}\n data-testid={Components.QueryTab.queryHistoryButton}\n icon=\"history\"\n >\n <Trans i18nKey=\"explore.secondary-actions.query-history-button\">Query history</Trans>\n </ToolbarButton>\n )}\n <ToolbarButton\n variant={props.queryInspectorButtonActive ? 'active' : 'canvas'}\n aria-label={t('explore.secondary-actions.query-inspector-button-aria-label', 'Query inspector')}\n onClick={props.onClickQueryInspectorButton}\n icon=\"info-circle\"\n >\n <Trans i18nKey=\"explore.secondary-actions.query-inspector-button\">Query inspector</Trans>\n </ToolbarButton>\n </div>\n );\n}\n","import { css } from '@emotion/css';\nimport React, { PureComponent } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { applyFieldOverrides, SplitOpen, DataFrame, LoadingState, FieldType } from '@grafana/data';\nimport { getTemplateSrv } from '@grafana/runtime';\nimport { TimeZone } from '@grafana/schema';\nimport { Table, AdHocFilterItem, PanelChrome, withTheme2, Themeable2 } from '@grafana/ui';\nimport { config } from 'app/core/config';\nimport { t, Trans } from 'app/core/internationalization';\nimport {\n hasDeprecatedParentRowIndex,\n migrateFromParentRowIndexToNestedFrames,\n} from 'app/plugins/panel/table/migrations';\nimport { StoreState } from 'app/types';\nimport { ExploreItemState } from 'app/types/explore';\n\nimport { MetaInfoText } from '../MetaInfoText';\nimport { selectIsWaitingForData } from '../state/query';\nimport { exploreDataLinkPostProcessorFactory } from '../utils/links';\n\ninterface TableContainerProps extends Themeable2 {\n ariaLabel?: string;\n exploreId: string;\n width: number;\n timeZone: TimeZone;\n onCellFilterAdded?: (filter: AdHocFilterItem) => void;\n splitOpenFn: SplitOpen;\n}\n\nfunction mapStateToProps(state: StoreState, { exploreId }: TableContainerProps) {\n const explore = state.explore;\n const item: ExploreItemState = explore.panes[exploreId]!;\n const { tableResult, range } = item;\n const loadingInState = selectIsWaitingForData(exploreId);\n const loading = tableResult && tableResult.length > 0 ? false : loadingInState;\n return { loading, tableResult, range };\n}\n\nconst connector = connect(mapStateToProps, {});\n\ntype Props = TableContainerProps & ConnectedProps<typeof connector>;\n\nexport class TableContainer extends PureComponent<Props> {\n hasSubFrames = (data: DataFrame) => data.fields.some((f) => f.type === FieldType.nestedFrames);\n\n getTableHeight(rowCount: number, hasSubFrames: boolean) {\n if (rowCount === 0) {\n return 200;\n }\n // tries to estimate table height, with a min of 300 and a max of 600\n // if there are multiple tables, there is no min\n return Math.min(600, Math.max(rowCount * 36, hasSubFrames ? 300 : 0) + 40 + 46);\n }\n\n getTableTitle(dataFrames: DataFrame[] | null, data: DataFrame, i: number) {\n let name = data.name;\n if (!name && (dataFrames?.length ?? 0) > 1) {\n name = data.refId || `${i}`;\n }\n\n return name ? (\n <Trans i18nKey=\"explore.table.title-with-name\">Table - {{ name }}</Trans>\n ) : (\n t('explore.table.title', 'Table')\n );\n }\n\n render() {\n const { loading, onCellFilterAdded, tableResult, width, splitOpenFn, range, ariaLabel, timeZone, theme } =\n this.props;\n\n let dataFrames = hasDeprecatedParentRowIndex(tableResult)\n ? migrateFromParentRowIndexToNestedFrames(tableResult)\n : tableResult;\n const dataLinkPostProcessor = exploreDataLinkPostProcessorFactory(splitOpenFn, range);\n\n if (dataFrames?.length) {\n dataFrames = applyFieldOverrides({\n data: dataFrames,\n timeZone,\n theme: config.theme2,\n replaceVariables: getTemplateSrv().replace.bind(getTemplateSrv()),\n fieldConfig: {\n defaults: {},\n overrides: [],\n },\n dataLinkPostProcessor,\n });\n }\n\n const frames = dataFrames?.filter(\n (frame: DataFrame | undefined): frame is DataFrame => !!frame && frame.length !== 0\n );\n\n return (\n <>\n {frames && frames.length === 0 && (\n <PanelChrome title={t('explore.table.title', 'Table')} width={width} height={200}>\n {() => <MetaInfoText metaItems={[{ value: t('explore.table.no-data', '0 series returned') }]} />}\n </PanelChrome>\n )}\n {frames && frames.length > 0 && (\n <div className={css({ display: 'flex', flexDirection: 'column', gap: theme.spacing(1) })}>\n {frames.map((data, i) => (\n <PanelChrome\n key={data.refId || `table-${i}`}\n title={this.getTableTitle(dataFrames, data, i)}\n width={width}\n height={this.getTableHeight(data.length, this.hasSubFrames(data))}\n loadingState={loading ? LoadingState.Loading : undefined}\n >\n {(innerWidth, innerHeight) => (\n <Table\n ariaLabel={ariaLabel}\n data={data}\n width={innerWidth}\n height={innerHeight}\n onCellFilterAdded={onCellFilterAdded}\n />\n )}\n </PanelChrome>\n ))}\n </div>\n )}\n </>\n );\n }\n}\n\nexport const TableContainerWithTheme = withTheme2(TableContainer);\n\nexport default withTheme2(connector(TableContainer));\n","import React, { useMemo } from 'react';\n\nimport { DataFrame, SplitOpen } from '@grafana/data';\nimport { PanelChrome } from '@grafana/ui';\nimport { StoreState, useSelector } from 'app/types';\n\nimport { TraceView } from './TraceView';\nimport { transformDataFrames } from './utils/transform';\n\ninterface Props {\n dataFrames: DataFrame[];\n splitOpenFn: SplitOpen;\n exploreId: string;\n scrollElement?: Element;\n}\n\nexport function TraceViewContainer(props: Props) {\n // At this point we only show single trace\n const frame = props.dataFrames[0];\n const { dataFrames, splitOpenFn, exploreId, scrollElement } = props;\n const traceProp = useMemo(() => transformDataFrames(frame), [frame]);\n const datasource = useSelector(\n (state: StoreState) => state.explore.panes[props.exploreId]?.datasourceInstance ?? undefined\n );\n\n if (!traceProp) {\n return null;\n }\n\n return (\n <PanelChrome padding=\"none\" title=\"Trace\">\n <TraceView\n exploreId={exploreId}\n dataFrames={dataFrames}\n splitOpenFn={splitOpenFn}\n scrollElement={scrollElement}\n traceProp={traceProp}\n datasource={datasource}\n />\n </PanelChrome>\n );\n}\n","import { css, cx } from '@emotion/css';\nimport { get, groupBy } from 'lodash';\nimport memoizeOne from 'memoize-one';\nimport React from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\nimport AutoSizer, { HorizontalSize } from 'react-virtualized-auto-sizer';\n\nimport {\n AbsoluteTimeRange,\n DataFrame,\n EventBus,\n GrafanaTheme2,\n hasToggleableQueryFiltersSupport,\n LoadingState,\n QueryFixAction,\n RawTimeRange,\n SplitOpenOptions,\n SupplementaryQueryType,\n} from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { getDataSourceSrv, reportInteraction } from '@grafana/runtime';\nimport { DataQuery } from '@grafana/schema';\nimport {\n AdHocFilterItem,\n CustomScrollbar,\n ErrorBoundaryAlert,\n PanelContainer,\n Themeable2,\n withTheme2,\n} from '@grafana/ui';\nimport { FILTER_FOR_OPERATOR, FILTER_OUT_OPERATOR } from '@grafana/ui/src/components/Table/types';\nimport { supportedFeatures } from 'app/core/history/richHistoryStorageProvider';\nimport { MIXED_DATASOURCE_NAME } from 'app/plugins/datasource/mixed/MixedDataSource';\nimport { getNodeGraphDataFrames } from 'app/plugins/panel/nodeGraph/utils';\nimport { StoreState } from 'app/types';\n\nimport { getTimeZone } from '../profile/state/selectors';\n\nimport { ContentOutline } from './ContentOutline/ContentOutline';\nimport { ContentOutlineContextProvider } from './ContentOutline/ContentOutlineContext';\nimport { ContentOutlineItem } from './ContentOutline/ContentOutlineItem';\nimport { CorrelationHelper } from './CorrelationHelper';\nimport { CustomContainer } from './CustomContainer';\nimport ExploreQueryInspector from './ExploreQueryInspector';\nimport { ExploreToolbar } from './ExploreToolbar';\nimport { FlameGraphExploreContainer } from './FlameGraph/FlameGraphExploreContainer';\nimport { GraphContainer } from './Graph/GraphContainer';\nimport LogsContainer from './Logs/LogsContainer';\nimport { LogsSamplePanel } from './Logs/LogsSamplePanel';\nimport { NoData } from './NoData';\nimport { NoDataSourceCallToAction } from './NoDataSourceCallToAction';\nimport { NodeGraphContainer } from './NodeGraph/NodeGraphContainer';\nimport { QueryRows } from './QueryRows';\nimport RawPrometheusContainer from './RawPrometheus/RawPrometheusContainer';\nimport { ResponseErrorContainer } from './ResponseErrorContainer';\nimport RichHistoryContainer from './RichHistory/RichHistoryContainer';\nimport { SecondaryActions } from './SecondaryActions';\nimport TableContainer from './Table/TableContainer';\nimport { TraceViewContainer } from './TraceView/TraceViewContainer';\nimport { changeSize } from './state/explorePane';\nimport { splitOpen } from './state/main';\nimport {\n addQueryRow,\n modifyQueries,\n scanStart,\n scanStopAction,\n selectIsWaitingForData,\n setQueries,\n setSupplementaryQueryEnabled,\n} from './state/query';\nimport { isSplit } from './state/selectors';\nimport { updateTimeRange } from './state/time';\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n exploreMain: css({\n label: 'exploreMain',\n // Is needed for some transition animations to work.\n position: 'relative',\n marginTop: '21px',\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1),\n }),\n queryContainer: css({\n label: 'queryContainer',\n padding: theme.spacing(1),\n }),\n exploreContainer: css({\n label: 'exploreContainer',\n display: 'flex',\n flexDirection: 'column',\n paddingRight: theme.spacing(2),\n marginBottom: theme.spacing(2),\n }),\n left: css({\n marginBottom: theme.spacing(2),\n }),\n wrapper: css({\n position: 'absolute',\n top: 0,\n left: theme.spacing(2),\n right: 0,\n bottom: 0,\n display: 'flex',\n }),\n };\n};\n\nexport interface ExploreProps extends Themeable2 {\n exploreId: string;\n theme: GrafanaTheme2;\n eventBus: EventBus;\n}\n\nenum ExploreDrawer {\n RichHistory,\n QueryInspector,\n}\n\ninterface ExploreState {\n openDrawer?: ExploreDrawer;\n contentOutlineVisible: boolean;\n}\n\nexport type Props = ExploreProps & ConnectedProps<typeof connector>;\n\n/**\n * Explore provides an area for quick query iteration for a given datasource.\n * Once a datasource is selected it populates the query section at the top.\n * When queries are run, their results are being displayed in the main section.\n * The datasource determines what kind of query editor it brings, and what kind\n * of results viewers it supports. The state is managed entirely in Redux.\n *\n * SPLIT VIEW\n *\n * Explore can have two Explore areas side-by-side. This is handled in `Wrapper.tsx`.\n * Since there can be multiple Explores (e.g., left and right) each action needs\n * the `exploreId` as first parameter so that the reducer knows which Explore state\n * is affected.\n *\n * DATASOURCE REQUESTS\n *\n * A click on Run Query creates transactions for all DataQueries for all expanded\n * result viewers. New runs are discarding previous runs. Upon completion a transaction\n * saves the result. The result viewers construct their data from the currently existing\n * transactions.\n *\n * The result viewers determine some of the query options sent to the datasource, e.g.,\n * `format`, to indicate eventual transformations by the datasources' result transformers.\n */\n\nexport class Explore extends React.PureComponent<Props, ExploreState> {\n scrollElement: HTMLDivElement | undefined;\n graphEventBus: EventBus;\n logsEventBus: EventBus;\n memoizedGetNodeGraphDataFrames = memoizeOne(getNodeGraphDataFrames);\n\n constructor(props: Props) {\n super(props);\n this.state = {\n openDrawer: undefined,\n contentOutlineVisible: false,\n };\n this.graphEventBus = props.eventBus.newScopedBus('graph', { onlyLocal: false });\n this.logsEventBus = props.eventBus.newScopedBus('logs', { onlyLocal: false });\n }\n\n onChangeTime = (rawRange: RawTimeRange) => {\n const { updateTimeRange, exploreId } = this.props;\n updateTimeRange({ exploreId, rawRange });\n };\n\n // Use this in help pages to set page to a single query\n onClickExample = (query: DataQuery) => {\n this.props.setQueries(this.props.exploreId, [query]);\n };\n\n onCellFilterAdded = (filter: AdHocFilterItem) => {\n const { value, key, operator } = filter;\n if (operator === FILTER_FOR_OPERATOR) {\n this.onClickFilterLabel(key, value);\n }\n\n if (operator === FILTER_OUT_OPERATOR) {\n this.onClickFilterOutLabel(key, value);\n }\n };\n\n onContentOutlineToogle = () => {\n this.setState((state) => {\n reportInteraction('explore_toolbar_contentoutline_clicked', {\n item: 'outline',\n type: state.contentOutlineVisible ? 'close' : 'open',\n });\n return {\n contentOutlineVisible: !state.contentOutlineVisible,\n };\n });\n };\n\n /**\n * Used by Logs details.\n * Returns true if all queries have the filter, otherwise false.\n * TODO: In the future, we would like to return active filters based the query that produced the log line.\n * @alpha\n */\n isFilterLabelActive = async (key: string, value: string | number, refId?: string) => {\n const query = this.props.queries.find((q) => q.refId === refId);\n if (!query) {\n return false;\n }\n const ds = await getDataSourceSrv().get(query.datasource);\n if (hasToggleableQueryFiltersSupport(ds) && ds.queryHasFilter(query, { key, value: value.toString() })) {\n return true;\n }\n return false;\n };\n\n /**\n * Used by Logs details.\n */\n onClickFilterLabel = (key: string, value: string | number, frame?: DataFrame) => {\n this.onModifyQueries(\n {\n type: 'ADD_FILTER',\n options: { key, value: value.toString() },\n frame,\n },\n frame?.refId\n );\n };\n\n /**\n * Used by Logs details.\n */\n onClickFilterOutLabel = (key: string, value: string | number, frame?: DataFrame) => {\n this.onModifyQueries(\n {\n type: 'ADD_FILTER_OUT',\n options: { key, value: value.toString() },\n frame,\n },\n frame?.refId\n );\n };\n\n /**\n * Used by Logs Popover Menu.\n */\n onClickFilterValue = (value: string | number, refId?: string) => {\n this.onModifyQueries({ type: 'ADD_STRING_FILTER', options: { value: value.toString() } }, refId);\n };\n\n /**\n * Used by Logs Popover Menu.\n */\n onClickFilterOutValue = (value: string | number, refId?: string) => {\n this.onModifyQueries({ type: 'ADD_STRING_FILTER_OUT', options: { value: value.toString() } }, refId);\n };\n\n onClickAddQueryRowButton = () => {\n const { exploreId, queryKeys } = this.props;\n this.props.addQueryRow(exploreId, queryKeys.length);\n };\n\n /**\n * Used by Logs details.\n */\n onModifyQueries = (action: QueryFixAction, refId?: string) => {\n const modifier = async (query: DataQuery, modification: QueryFixAction) => {\n // This gives Logs Details support to modify the query that produced the log line.\n // If not present, all queries are modified.\n if (refId && refId !== query.refId) {\n return query;\n }\n const { datasource } = query;\n if (datasource == null) {\n return query;\n }\n const ds = await getDataSourceSrv().get(datasource);\n const toggleableFilters = ['ADD_FILTER', 'ADD_FILTER_OUT'];\n if (hasToggleableQueryFiltersSupport(ds) && toggleableFilters.includes(modification.type)) {\n return ds.toggleQueryFilter(query, {\n type: modification.type === 'ADD_FILTER' ? 'FILTER_FOR' : 'FILTER_OUT',\n options: modification.options ?? {},\n frame: modification.frame,\n });\n }\n if (ds.modifyQuery) {\n return ds.modifyQuery(query, modification);\n } else {\n return query;\n }\n };\n this.props.modifyQueries(this.props.exploreId, action, modifier);\n };\n\n onResize = (size: HorizontalSize) => {\n this.props.changeSize(this.props.exploreId, size);\n };\n\n onStartScanning = () => {\n // Scanner will trigger a query\n this.props.scanStart(this.props.exploreId);\n };\n\n onStopScanning = () => {\n this.props.scanStopAction({ exploreId: this.props.exploreId });\n };\n\n onUpdateTimeRange = (absoluteRange: AbsoluteTimeRange) => {\n const { exploreId, updateTimeRange } = this.props;\n updateTimeRange({ exploreId, absoluteRange });\n };\n\n toggleShowRichHistory = () => {\n this.setState((state) => {\n return {\n openDrawer: state.openDrawer === ExploreDrawer.RichHistory ? undefined : ExploreDrawer.RichHistory,\n };\n });\n };\n\n toggleShowQueryInspector = () => {\n this.setState((state) => {\n return {\n openDrawer: state.openDrawer === ExploreDrawer.QueryInspector ? undefined : ExploreDrawer.QueryInspector,\n };\n });\n };\n\n onSplitOpen = (panelType: string) => {\n return async (options?: SplitOpenOptions) => {\n this.props.splitOpen(options);\n if (options && this.props.datasourceInstance) {\n const target = (await getDataSourceSrv().get(options.datasourceUid)).type;\n const source =\n this.props.datasourceInstance.uid === MIXED_DATASOURCE_NAME\n ? get(this.props.queries, '0.datasource.type')\n : this.props.datasourceInstance.type;\n const tracking = {\n origin: 'panel',\n panelType,\n source,\n target,\n exploreId: this.props.exploreId,\n };\n reportInteraction('grafana_explore_split_view_opened', tracking);\n }\n };\n };\n\n renderEmptyState(exploreContainerStyles: string) {\n return (\n <div className={cx(exploreContainerStyles)}>\n <NoDataSourceCallToAction />\n </div>\n );\n }\n\n renderNoData() {\n return <NoData />;\n }\n\n renderCustom(width: number) {\n const { timeZone, queryResponse, absoluteRange, eventBus } = this.props;\n\n const groupedByPlugin = groupBy(queryResponse?.customFrames, 'meta.preferredVisualisationPluginId');\n\n return Object.entries(groupedByPlugin).map(([pluginId, frames], index) => {\n return (\n <ContentOutlineItem title={pluginId} icon=\"plug\" key={index}>\n <CustomContainer\n key={index}\n timeZone={timeZone}\n pluginId={pluginId}\n frames={frames}\n state={queryResponse.state}\n absoluteRange={absoluteRange}\n height={400}\n width={width}\n splitOpenFn={this.onSplitOpen(pluginId)}\n eventBus={eventBus}\n />\n </ContentOutlineItem>\n );\n });\n }\n\n renderGraphPanel(width: number) {\n const { graphResult, absoluteRange, timeZone, queryResponse, showFlameGraph } = this.props;\n\n return (\n <ContentOutlineItem title=\"Graph\" icon=\"graph-bar\">\n <GraphContainer\n data={graphResult!}\n height={showFlameGraph ? 180 : 400}\n width={width}\n absoluteRange={absoluteRange}\n timeZone={timeZone}\n onChangeTime={this.onUpdateTimeRange}\n annotations={queryResponse.annotations}\n splitOpenFn={this.onSplitOpen('graph')}\n loadingState={queryResponse.state}\n eventBus={this.graphEventBus}\n />\n </ContentOutlineItem>\n );\n }\n\n renderTablePanel(width: number) {\n const { exploreId, timeZone } = this.props;\n return (\n <ContentOutlineItem title=\"Table\" icon=\"table\">\n <TableContainer\n ariaLabel={selectors.pages.Explore.General.table}\n width={width}\n exploreId={exploreId}\n onCellFilterAdded={this.onCellFilterAdded}\n timeZone={timeZone}\n splitOpenFn={this.onSplitOpen('table')}\n />\n </ContentOutlineItem>\n );\n }\n\n renderRawPrometheus(width: number) {\n const { exploreId, datasourceInstance, timeZone } = this.props;\n return (\n <ContentOutlineItem title=\"Raw Prometheus\" icon=\"gf-prometheus\">\n <RawPrometheusContainer\n showRawPrometheus={true}\n ariaLabel={selectors.pages.Explore.General.table}\n width={width}\n exploreId={exploreId}\n onCellFilterAdded={datasourceInstance?.modifyQuery ? this.onCellFilterAdded : undefined}\n timeZone={timeZone}\n splitOpenFn={this.onSplitOpen('table')}\n />\n </ContentOutlineItem>\n );\n }\n\n renderLogsPanel(width: number) {\n const { exploreId, syncedTimes, theme, queryResponse } = this.props;\n const spacing = parseInt(theme.spacing(2).slice(0, -2), 10);\n // Need to make ContentOutlineItem a flex container so the gap works\n const logsContentOutlineWrapper = css({\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(1),\n });\n return (\n <ContentOutlineItem title=\"Logs\" icon=\"gf-logs\" className={logsContentOutlineWrapper}>\n <LogsContainer\n exploreId={exploreId}\n loadingState={queryResponse.state}\n syncedTimes={syncedTimes}\n width={width - spacing}\n onClickFilterLabel={this.onClickFilterLabel}\n onClickFilterOutLabel={this.onClickFilterOutLabel}\n onStartScanning={this.onStartScanning}\n onStopScanning={this.onStopScanning}\n eventBus={this.logsEventBus}\n splitOpenFn={this.onSplitOpen('logs')}\n scrollElement={this.scrollElement}\n isFilterLabelActive={this.isFilterLabelActive}\n onClickFilterValue={this.onClickFilterValue}\n onClickFilterOutValue={this.onClickFilterOutValue}\n />\n </ContentOutlineItem>\n );\n }\n\n renderLogsSamplePanel() {\n const { logsSample, timeZone, setSupplementaryQueryEnabled, exploreId, datasourceInstance, queries } = this.props;\n\n return (\n <ContentOutlineItem title=\"Logs Sample\" icon=\"gf-logs\">\n <LogsSamplePanel\n queryResponse={logsSample.data}\n timeZone={timeZone}\n enabled={logsSample.enabled}\n queries={queries}\n datasourceInstance={datasourceInstance}\n splitOpen={this.onSplitOpen('logsSample')}\n setLogsSampleEnabled={(enabled: boolean) =>\n setSupplementaryQueryEnabled(exploreId, enabled, SupplementaryQueryType.LogsSample)\n }\n />\n </ContentOutlineItem>\n );\n }\n\n renderNodeGraphPanel() {\n const { exploreId, showTrace, queryResponse, datasourceInstance } = this.props;\n const datasourceType = datasourceInstance ? datasourceInstance?.type : 'unknown';\n\n return (\n <ContentOutlineItem title=\"Node Graph\" icon=\"code-branch\">\n <NodeGraphContainer\n dataFrames={this.memoizedGetNodeGraphDataFrames(queryResponse.series)}\n exploreId={exploreId}\n withTraceView={showTrace}\n datasourceType={datasourceType}\n splitOpenFn={this.onSplitOpen('nodeGraph')}\n />\n </ContentOutlineItem>\n );\n }\n\n renderFlameGraphPanel() {\n const { queryResponse } = this.props;\n return (\n <ContentOutlineItem title=\"Flame Graph\" icon=\"fire\">\n <FlameGraphExploreContainer dataFrames={queryResponse.flameGraphFrames} />\n </ContentOutlineItem>\n );\n }\n\n renderTraceViewPanel() {\n const { queryResponse, exploreId } = this.props;\n const dataFrames = queryResponse.series.filter((series) => series.meta?.preferredVisualisationType === 'trace');\n\n return (\n // If there is no data (like 404) we show a separate error so no need to show anything here\n dataFrames.length && (\n <ContentOutlineItem title=\"Traces\" icon=\"file-alt\">\n <TraceViewContainer\n exploreId={exploreId}\n dataFrames={dataFrames}\n splitOpenFn={this.onSplitOpen('traceView')}\n scrollElement={this.scrollElement}\n />\n </ContentOutlineItem>\n )\n );\n }\n\n render() {\n const {\n datasourceInstance,\n exploreId,\n graphResult,\n queryResponse,\n isLive,\n theme,\n showMetrics,\n showTable,\n showRawPrometheus,\n showLogs,\n showTrace,\n showCustom,\n showNodeGraph,\n showFlameGraph,\n timeZone,\n showLogsSample,\n correlationEditorDetails,\n correlationEditorHelperData,\n } = this.props;\n const { openDrawer, contentOutlineVisible } = this.state;\n const styles = getStyles(theme);\n const showPanels = queryResponse && queryResponse.state !== LoadingState.NotStarted;\n const showRichHistory = openDrawer === ExploreDrawer.RichHistory;\n const richHistoryRowButtonHidden = !supportedFeatures().queryHistoryAvailable;\n const showQueryInspector = openDrawer === ExploreDrawer.QueryInspector;\n const showNoData =\n queryResponse.state === LoadingState.Done &&\n [\n queryResponse.logsFrames,\n queryResponse.graphFrames,\n queryResponse.nodeGraphFrames,\n queryResponse.flameGraphFrames,\n queryResponse.tableFrames,\n queryResponse.rawPrometheusFrames,\n queryResponse.traceFrames,\n queryResponse.customFrames,\n ].every((e) => e.length === 0);\n\n let correlationsBox = undefined;\n const isCorrelationsEditorMode = correlationEditorDetails?.editorMode;\n const showCorrelationHelper = Boolean(isCorrelationsEditorMode || correlationEditorDetails?.correlationDirty);\n if (showCorrelationHelper && correlationEditorHelperData !== undefined) {\n correlationsBox = <CorrelationHelper exploreId={exploreId} correlations={correlationEditorHelperData} />;\n }\n\n return (\n <ContentOutlineContextProvider>\n <ExploreToolbar\n exploreId={exploreId}\n onChangeTime={this.onChangeTime}\n onContentOutlineToogle={this.onContentOutlineToogle}\n isContentOutlineOpen={contentOutlineVisible}\n />\n <div\n style={{\n position: 'relative',\n height: '100%',\n paddingLeft: theme.spacing(2),\n }}\n >\n <div className={styles.wrapper}>\n {contentOutlineVisible && (\n <div className={styles.left}>\n <ContentOutline scroller={this.scrollElement} panelId={`content-outline-container-${exploreId}`} />\n </div>\n )}\n <CustomScrollbar\n testId={selectors.pages.Explore.General.scrollView}\n scrollRefCallback={(scrollElement) => (this.scrollElement = scrollElement || undefined)}\n hideHorizontalTrack\n >\n <div className={styles.exploreContainer}>\n {datasourceInstance ? (\n <>\n <ContentOutlineItem title=\"Queries\" icon=\"arrow\">\n <PanelContainer className={styles.queryContainer}>\n {correlationsBox}\n <QueryRows exploreId={exploreId} />\n <SecondaryActions\n // do not allow people to add queries with potentially different datasources in correlations editor mode\n addQueryRowButtonDisabled={\n isLive || (isCorrelationsEditorMode && datasourceInstance.meta.mixed)\n }\n // We cannot show multiple traces at the same time right now so we do not show add query button.\n //TODO:unification\n addQueryRowButtonHidden={false}\n richHistoryRowButtonHidden={richHistoryRowButtonHidden}\n richHistoryButtonActive={showRichHistory}\n queryInspectorButtonActive={showQueryInspector}\n onClickAddQueryRowButton={this.onClickAddQueryRowButton}\n onClickRichHistoryButton={this.toggleShowRichHistory}\n onClickQueryInspectorButton={this.toggleShowQueryInspector}\n />\n <ResponseErrorContainer exploreId={exploreId} />\n </PanelContainer>\n </ContentOutlineItem>\n <AutoSizer onResize={this.onResize} disableHeight>\n {({ width }) => {\n if (width === 0) {\n return null;\n }\n\n return (\n <main className={cx(styles.exploreMain)} style={{ width }}>\n <ErrorBoundaryAlert>\n {showPanels && (\n <>\n {showMetrics && graphResult && (\n <ErrorBoundaryAlert>{this.renderGraphPanel(width)}</ErrorBoundaryAlert>\n )}\n {showRawPrometheus && (\n <ErrorBoundaryAlert>{this.renderRawPrometheus(width)}</ErrorBoundaryAlert>\n )}\n {showTable && <ErrorBoundaryAlert>{this.renderTablePanel(width)}</ErrorBoundaryAlert>}\n {showLogs && <ErrorBoundaryAlert>{this.renderLogsPanel(width)}</ErrorBoundaryAlert>}\n {showNodeGraph && (\n <ErrorBoundaryAlert>{this.renderNodeGraphPanel()}</ErrorBoundaryAlert>\n )}\n {showFlameGraph && (\n <ErrorBoundaryAlert>{this.renderFlameGraphPanel()}</ErrorBoundaryAlert>\n )}\n {showTrace && <ErrorBoundaryAlert>{this.renderTraceViewPanel()}</ErrorBoundaryAlert>}\n {showLogsSample && (\n <ErrorBoundaryAlert>{this.renderLogsSamplePanel()}</ErrorBoundaryAlert>\n )}\n {showCustom && <ErrorBoundaryAlert>{this.renderCustom(width)}</ErrorBoundaryAlert>}\n {showNoData && <ErrorBoundaryAlert>{this.renderNoData()}</ErrorBoundaryAlert>}\n </>\n )}\n {showRichHistory && (\n <RichHistoryContainer\n width={width}\n exploreId={exploreId}\n onClose={this.toggleShowRichHistory}\n />\n )}\n {showQueryInspector && (\n <ExploreQueryInspector\n exploreId={exploreId}\n width={width}\n onClose={this.toggleShowQueryInspector}\n timeZone={timeZone}\n isMixed={datasourceInstance.meta.mixed || false}\n />\n )}\n </ErrorBoundaryAlert>\n </main>\n );\n }}\n </AutoSizer>\n </>\n ) : (\n this.renderEmptyState(styles.exploreContainer)\n )}\n </div>\n </CustomScrollbar>\n </div>\n </div>\n </ContentOutlineContextProvider>\n );\n }\n}\n\nfunction mapStateToProps(state: StoreState, { exploreId }: ExploreProps) {\n const explore = state.explore;\n const { syncedTimes } = explore;\n const item = explore.panes[exploreId]!;\n\n const timeZone = getTimeZone(state.user);\n const {\n datasourceInstance,\n queryKeys,\n queries,\n isLive,\n graphResult,\n tableResult,\n logsResult,\n showLogs,\n showMetrics,\n showTable,\n showTrace,\n showCustom,\n absoluteRange,\n queryResponse,\n showNodeGraph,\n showFlameGraph,\n showRawPrometheus,\n supplementaryQueries,\n correlationEditorHelperData,\n } = item;\n\n const loading = selectIsWaitingForData(exploreId)(state);\n const logsSample = supplementaryQueries[SupplementaryQueryType.LogsSample];\n // We want to show logs sample only if there are no log results and if there is already graph or table result\n const showLogsSample = !!(logsSample.dataProvider !== undefined && !logsResult && (graphResult || tableResult));\n\n return {\n datasourceInstance,\n queryKeys,\n queries,\n isLive,\n graphResult,\n logsResult: logsResult ?? undefined,\n absoluteRange,\n queryResponse,\n syncedTimes,\n timeZone,\n showLogs,\n showMetrics,\n showTable,\n showTrace,\n showCustom,\n showNodeGraph,\n showRawPrometheus,\n showFlameGraph,\n splitted: isSplit(state),\n loading,\n logsSample,\n showLogsSample,\n correlationEditorHelperData,\n correlationEditorDetails: explore.correlationEditorDetails,\n };\n}\n\nconst mapDispatchToProps = {\n changeSize,\n modifyQueries,\n scanStart,\n scanStopAction,\n setQueries,\n updateTimeRange,\n addQueryRow,\n splitOpen,\n setSupplementaryQueryEnabled,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\nexport default withTheme2(connector(Explore));\n","import { css } from '@emotion/css';\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { connect } from 'react-redux';\n\nimport { EventBusSrv } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { CustomScrollbar } from '@grafana/ui';\nimport { stopQueryState } from 'app/core/utils/explore';\nimport { StoreState, useSelector } from 'app/types';\n\nimport Explore from './Explore';\nimport { getExploreItemSelector } from './state/selectors';\n\nconst containerStyles = css({\n label: 'explorePaneContainer',\n display: 'flex',\n flexDirection: 'column',\n minWidth: '600px',\n height: '100%',\n});\n\ninterface Props {\n exploreId: string;\n}\n\n/*\n Connected components subscribe to the store before function components (using hooks) and can react to store changes. Thus, this connector function is called before the parent component (ExplorePage) is rerendered.\n This means that child components' mapStateToProps will be executed with a zombie `exploreId` that is not present anymore in the store if the pane gets closed.\n By connecting this component and returning the pane we workaround the zombie children issue here instead of modifying every children.\n This is definitely not the ideal solution and we should in the future invest more time in exploring other approaches to better handle this scenario, potentially by refactoring panels to be function components \n (therefore immune to this behaviour), or by forbidding them to access the store directly and instead pass them all the data they need via props or context.\n\n You can read more about this issue here: https://react-redux.js.org/api/hooks#stale-props-and-zombie-children\n*/\nfunction ExplorePaneContainerUnconnected({ exploreId }: Props) {\n useStopQueries(exploreId);\n const eventBus = useRef(new EventBusSrv());\n const ref = useRef(null);\n\n useEffect(() => {\n const bus = eventBus.current;\n return () => bus.removeAllListeners();\n }, []);\n\n return (\n <CustomScrollbar hideVerticalTrack>\n <div className={containerStyles} ref={ref} data-testid={selectors.pages.Explore.General.container}>\n <Explore exploreId={exploreId} eventBus={eventBus.current} />\n </div>\n </CustomScrollbar>\n );\n}\n\nfunction mapStateToProps(state: StoreState, props: Props) {\n const pane = state.explore.panes[props.exploreId];\n\n return { pane };\n}\n\nconst connector = connect(mapStateToProps);\n\nexport const ExplorePaneContainer = connector(ExplorePaneContainerUnconnected);\n\nfunction useStopQueries(exploreId: string) {\n const paneSelector = useMemo(() => getExploreItemSelector(exploreId), [exploreId]);\n const paneRef = useRef<ReturnType<typeof paneSelector>>();\n paneRef.current = useSelector(paneSelector);\n\n useEffect(() => {\n return () => {\n stopQueryState(paneRef.current?.querySubscription);\n };\n }, []);\n}\n","import { useEffect, useRef } from 'react';\n\nimport { NavModel } from '@grafana/data';\nimport { Branding } from 'app/core/components/Branding/Branding';\nimport { useNavModel } from 'app/core/hooks/useNavModel';\nimport { getDatasourceSrv } from 'app/features/plugins/datasource_srv';\nimport { ExploreQueryParams } from 'app/types';\n\nimport { isFulfilled, hasKey } from './utils';\n\nexport function useExplorePageTitle(params: ExploreQueryParams) {\n const navModel = useRef<NavModel>();\n navModel.current = useNavModel('explore');\n const dsService = useRef(getDatasourceSrv());\n\n useEffect(() => {\n if (!params.panes || typeof params.panes !== 'string') {\n return;\n }\n\n let panesObject: unknown;\n try {\n panesObject = JSON.parse(params.panes);\n } catch {\n return;\n }\n\n if (typeof panesObject !== 'object' || panesObject === null) {\n return;\n }\n\n Promise.allSettled(\n Object.values(panesObject).map((pane) => {\n if (\n !pane ||\n typeof pane !== 'object' ||\n !hasKey('datasource', pane) ||\n !pane.datasource ||\n typeof pane.datasource !== 'string'\n ) {\n return Promise.reject();\n }\n\n return dsService.current.get(pane.datasource);\n })\n )\n .then((results) => results.filter(isFulfilled).map((result) => result.value))\n .then((datasources) => {\n if (!navModel.current) {\n return;\n }\n\n const names = datasources.map((ds) => ds.name);\n\n if (names.length === 0) {\n global.document.title = `${navModel.current.main.text} - ${Branding.AppTitle}`;\n return;\n }\n\n global.document.title = `${navModel.current.main.text} - ${names.join(' | ')} - ${Branding.AppTitle}`;\n });\n }, [params.panes]);\n}\n","import { useEffect } from 'react';\nimport { Unsubscribable } from 'rxjs';\n\nimport { getAppEvents } from '@grafana/runtime';\nimport { useGrafana } from 'app/core/context/GrafanaContext';\nimport { useDispatch } from 'app/types';\nimport { AbsoluteTimeEvent, CopyTimeEvent, PasteTimeEvent, ShiftTimeEvent, ZoomOutEvent } from 'app/types/events';\n\nimport {\n copyTimeRangeToClipboard,\n makeAbsoluteTime,\n pasteTimeRangeFromClipboard,\n shiftTime,\n zoomOut,\n} from '../state/time';\n\nexport function useKeyboardShortcuts() {\n const { keybindings } = useGrafana();\n const dispatch = useDispatch();\n\n useEffect(() => {\n keybindings.setupTimeRangeBindings(false);\n\n const tearDown: Unsubscribable[] = [];\n\n tearDown.push(\n getAppEvents().subscribe(AbsoluteTimeEvent, () => {\n dispatch(makeAbsoluteTime());\n })\n );\n\n tearDown.push(\n getAppEvents().subscribe(ShiftTimeEvent, (event) => {\n dispatch(shiftTime(event.payload.direction));\n })\n );\n\n tearDown.push(\n getAppEvents().subscribe(ZoomOutEvent, (event) => {\n dispatch(zoomOut(event.payload.scale));\n })\n );\n\n tearDown.push(\n getAppEvents().subscribe(CopyTimeEvent, () => {\n dispatch(copyTimeRangeToClipboard());\n })\n );\n\n tearDown.push(\n getAppEvents().subscribe(PasteTimeEvent, () => {\n dispatch(pasteTimeRangeFromClipboard());\n })\n );\n\n return () => {\n tearDown.forEach((u) => u.unsubscribe());\n };\n }, [dispatch, keybindings]);\n}\n","import { inRange } from 'lodash';\nimport { useState } from 'react';\nimport { useWindowSize } from 'react-use';\n\nimport { useDispatch, useSelector } from 'app/types';\n\nimport { splitSizeUpdateAction } from '../state/main';\nimport { isSplit, selectPanesEntries } from '../state/selectors';\n\nexport const useSplitSizeUpdater = (minWidth: number) => {\n const dispatch = useDispatch();\n const { width: windowWidth } = useWindowSize();\n const panes = useSelector(selectPanesEntries);\n const hasSplit = useSelector(isSplit);\n const [rightPaneWidthRatio, setRightPaneWidthRatio] = useState(0.5);\n\n const exploreState = useSelector((state) => state.explore);\n\n const updateSplitSize = (size: number) => {\n const evenSplitWidth = windowWidth / 2;\n const areBothSimilar = inRange(size, evenSplitWidth - 100, evenSplitWidth + 100);\n if (areBothSimilar) {\n dispatch(splitSizeUpdateAction({ largerExploreId: undefined }));\n } else {\n dispatch(\n splitSizeUpdateAction({\n largerExploreId: size > evenSplitWidth ? panes[1][0] : panes[0][0],\n })\n );\n }\n\n setRightPaneWidthRatio(size / windowWidth);\n };\n\n let widthCalc = 0;\n if (hasSplit) {\n if (!exploreState.evenSplitPanes && exploreState.maxedExploreId) {\n widthCalc = exploreState.maxedExploreId === panes[1][0] ? windowWidth - minWidth : minWidth;\n } else if (exploreState.evenSplitPanes) {\n widthCalc = Math.floor(windowWidth / 2);\n } else if (rightPaneWidthRatio !== undefined) {\n widthCalc = windowWidth * rightPaneWidthRatio;\n }\n }\n\n return { updateSplitSize, widthCalc };\n};\n","import { useEffect } from 'react';\n\nimport { useGrafana } from 'app/core/context/GrafanaContext';\n\n/**\n * timeSrv (which is used internally) on init reads `from` and `to` param from the URL and updates itself\n * using those value regardless of what is passed to the init method.\n * The updated value is then used by Explore to get the range for each pane.\n * This means that if `from` and `to` parameters are present in the URL,\n * it would be impossible to change the time range in Explore.\n * We are only doing this on mount for 2 reasons:\n * 1: Doing it on update means we'll enter a render loop.\n * 2: when parsing time in Explore (before feeding it to timeSrv) we make sure `from` is before `to` inside\n * each pane state in order to not trigger un URL update from timeSrv.\n */\nexport function useTimeSrvFix() {\n const { location } = useGrafana();\n\n useEffect(() => {\n const searchParams = location.getSearchObject();\n if (searchParams.from || searchParams.to) {\n location.partial({ from: undefined, to: undefined }, true);\n }\n }, [location]);\n}\n","import { css, cx } from '@emotion/css';\nimport React, { useEffect } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { ErrorBoundaryAlert, useStyles2, useTheme2 } from '@grafana/ui';\nimport { SplitPaneWrapper } from 'app/core/components/SplitPaneWrapper/SplitPaneWrapper';\nimport { useGrafana } from 'app/core/context/GrafanaContext';\nimport { useNavModel } from 'app/core/hooks/useNavModel';\nimport { GrafanaRouteComponentProps } from 'app/core/navigation/types';\nimport { useSelector } from 'app/types';\nimport { ExploreQueryParams } from 'app/types/explore';\n\nimport { CorrelationEditorModeBar } from './CorrelationEditorModeBar';\nimport { ExploreActions } from './ExploreActions';\nimport { ExplorePaneContainer } from './ExplorePaneContainer';\nimport { useExplorePageTitle } from './hooks/useExplorePageTitle';\nimport { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts';\nimport { useSplitSizeUpdater } from './hooks/useSplitSizeUpdater';\nimport { useStateSync } from './hooks/useStateSync';\nimport { useTimeSrvFix } from './hooks/useTimeSrvFix';\nimport { isSplit, selectCorrelationDetails, selectPanesEntries } from './state/selectors';\n\nconst MIN_PANE_WIDTH = 200;\n\nexport default function ExplorePage(props: GrafanaRouteComponentProps<{}, ExploreQueryParams>) {\n const styles = useStyles2(getStyles);\n const theme = useTheme2();\n useTimeSrvFix();\n useStateSync(props.queryParams);\n // We want to set the title according to the URL and not to the state because the URL itself may lag\n // (due to how useStateSync above works) by a few milliseconds.\n // When a URL is pushed to the history, the browser also saves the title of the page and\n // if we were to update the URL on state change, the title would not match the URL.\n // Ultimately the URL is the single source of truth from which state is derived, the page title is not different\n useExplorePageTitle(props.queryParams);\n const { chrome } = useGrafana();\n const navModel = useNavModel('explore');\n const { updateSplitSize, widthCalc } = useSplitSizeUpdater(MIN_PANE_WIDTH);\n\n const panes = useSelector(selectPanesEntries);\n const hasSplit = useSelector(isSplit);\n const correlationDetails = useSelector(selectCorrelationDetails);\n const showCorrelationEditorBar = config.featureToggles.correlations && (correlationDetails?.editorMode || false);\n\n useEffect(() => {\n //This is needed for breadcrumbs and topnav.\n //We should probably abstract this out at some point\n chrome.update({ sectionNav: navModel });\n }, [chrome, navModel]);\n\n useKeyboardShortcuts();\n\n return (\n <div\n className={cx(styles.pageScrollbarWrapper, {\n [styles.correlationsEditorIndicator]: showCorrelationEditorBar,\n })}\n >\n <ExploreActions />\n {showCorrelationEditorBar && <CorrelationEditorModeBar panes={panes} />}\n <SplitPaneWrapper\n splitOrientation=\"vertical\"\n paneSize={widthCalc}\n minSize={MIN_PANE_WIDTH}\n maxSize={MIN_PANE_WIDTH * -1}\n primary=\"second\"\n splitVisible={hasSplit}\n parentStyle={showCorrelationEditorBar ? { height: `calc(100% - ${theme.spacing(6)}` } : {}} // button = 4, padding = 1 x 2\n paneStyle={{ overflow: 'auto', display: 'flex', flexDirection: 'column' }}\n onDragFinished={(size) => size && updateSplitSize(size)}\n >\n {panes.map(([exploreId]) => {\n return (\n <ErrorBoundaryAlert key={exploreId} style=\"page\">\n <ExplorePaneContainer exploreId={exploreId} />\n </ErrorBoundaryAlert>\n );\n })}\n </SplitPaneWrapper>\n </div>\n );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n return {\n pageScrollbarWrapper: css({\n width: '100%',\n flexGrow: 1,\n minHeight: 0,\n height: '100%',\n position: 'relative',\n }),\n correlationsEditorIndicator: css({\n borderLeft: `4px solid ${theme.colors.primary.main}`,\n borderRight: `4px solid ${theme.colors.primary.main}`,\n borderBottom: `4px solid ${theme.colors.primary.main}`,\n overflow: 'scroll',\n }),\n };\n};\n","import { useEffect, useRef } from 'react';\nvar useInterval = function (callback, delay) {\n var savedCallback = useRef(function () { });\n useEffect(function () {\n savedCallback.current = callback;\n });\n useEffect(function () {\n if (delay !== null) {\n var interval_1 = setInterval(function () { return savedCallback.current(); }, delay || 0);\n return function () { return clearInterval(interval_1); };\n }\n return undefined;\n }, [delay]);\n};\nexport default useInterval;\n"],"names":["getSupportedTransTypeDetails","transType","getTransformOptions","transformationType","useBeforeUnload","enabled","message","handler","event","finalEnabled","CorrelationUnsavedChangesModal","onSave","onDiscard","onCancel","Modal","Button","CONSEQUENCES","showModalMessage","action","isActionLeft","dirtyCorrelation","dirtyQueryEditor","messageTemplate","actionStr","consequenceStr","CorrelationEditorModeBar","panes","dispatch","styles","getStyles","correlationDetails","isHelperShowing","saveMessage","setSaveMessage","correlationDirty","queryEditorDirty","modalMessage","exploreId","changeDatasourceUid","useUnmount","pane","resetEditor","closePane","changeDatasourcePostAction","datasourceUid","saveCorrelationPostAction","skipPostConfirmAction","location","Tooltip","Icon","theme","contrastColor","lighterBackgroundColor","colorManipulator","darkerBackgroundColor","disabledColor","ExploreActions","actions","setActions","query","splitted","canWriteCorrelations","keys","exploreSection","actionsArr","hasMixed","config","useScroll","ref","_a","useRafState","state","setState","ContentOutlineContext","ContentOutlineContextProvider","children","outlineItems","setOutlineItems","register","title","icon","id","prevItems","a","b","diff","unregister","item","useContentOutlineContext","ctx","ContentOutlineItemButton","tooltip","className","isActive","rest","buttonStyles","body","renderIcon","ContentOutline","scroller","panelId","expanded","toggleExpanded","useToggle","activeItemId","setActiveItemId","scrollerRef","verticalScroll","scrollIntoView","buttonTitle","scrollValue","el","toggle","activeItem","top","PanelContainer","CustomScrollbar","ContentOutlineItem","LabelWithTooltip","label","tooltipText","Stack","Label","CorrelationTransformationAddModal","fieldList","transformationToEdit","exampleValue","setExampleValue","transformationVars","setTransformationVars","formFieldsVis","setFormFieldsVis","isExpValid","setIsExpValid","validToSave","setValidToSave","getValues","control","watch","exampleVal","transformationTypeDetails","subscription","formValues","expression","isExpressionValid","transKeys","Field","InputControl","onChange","field","Select","value","entry","Input","CorrelationHelper","correlations","panesVals","defaultLabel","loadingLabel","useAsync","setValue","isLabelDescOpen","setIsLabelDescOpen","isTransformOpen","setIsTransformOpen","showTransformationAddModal","setShowTransformationAddModal","transformations","setTransformations","transformationIdxToEdit","setTransformationIdxToEdit","dirty","description","transVarRecords","transformation","key","editTransformations","Alert","Collapse","i","type","mapValue","detailsString","val","Card","IconButton","DeleteButton","_","idx","CustomContainer","width","height","timeZone","pluginId","frames","absoluteRange","splitOpenFn","eventBus","timeRange","plugin","panelContext","useExploreDataLinkPostProcessor","PanelContext","PanelChrome","innerWidth","innerHeight","PanelRenderer","__extends","extendStatics","d","p","__","__assign","t","s","n","rowSizeBase","colSizeBase","edgeBase","Resizer","_super","_this","e","DEFAULT_SIZE","clamp","min","max","snap","size","hasDirection","dir","target","isTouchEvent","isMouseEvent","findClosestSnap","snapArray","snapGap","closestGapIndex","prev","curr","index","gap","getStringSize","getPixelSize","parentSize","ratio","calculateNewMax","maxWidth","maxHeight","minWidth","minHeight","definedProps","baseClassName","Resizable","props","parent","element","base","c","orgWidth","orgHeight","orgPosition","getSize","percent","wrapChanged","wrap","computedStyle","newSize","kind","propsSize","boundsByDirection","direction","widthByDirection","heightByDirection","boundWidth","boundHeight","parent_1","clientX","clientY","scale","resizeRatio","original","_b","lockAspectRatio","lockAspectRatioExtraHeight","lockAspectRatioExtraWidth","newWidth","newHeight","extraHeight","extraWidth","computedMinWidth","computedMaxWidth","computedMinHeight","computedMaxHeight","extraMinWidth","extraMaxWidth","extraMinHeight","extraMaxHeight","lockedMinWidth","lockedMaxWidth","lockedMinHeight","lockedMaxHeight","parent_2","parentRect","targetRect","left","top_1","right","bottom","startResize","flexBasis","parent_3","_c","boundaryMax","newGridWidth","newGridHeight","delta","vw","vh","newState","isResizing","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","handleComponent","resizers","extendsProps","acc","style","Wrapper","ExploreDrawer","onResize","dragStyles","drawerWidth","drawerSlide","ExploreQueryInspector","onClose","queryResponse","isMixed","dataOptions","setDataOptions","dataFrames","errors","statsTab","InspectStatsTab","jsonTab","InspectJSONTab","dataTab","InspectDataTab","queryTab","QueryInspector","tabs","errorTab","InspectErrorTab","TabbedContainer","mapStateToProps","mapDispatchToProps","TimeSyncButton","onClick","isSynced","syncTimesTooltip","ToolbarButton","ExploreTimeControls","range","onChangeTime","from","to","nextTimeRange","adjustedFrom","adjustedTo","fiscalYearStartMonth","syncedTimes","onChangeTimeSync","hideText","onChangeTimeZone","onChangeFiscalYearStartMonth","timeSyncButton","timePickerCommonProps","TimePickerWithHistory","LiveTailButton","start","pause","resume","isLive","isPaused","stop","buttonVariant","onClickMain","ButtonGroup","CSSTransition","defaultMode","ShortLinkButtonMenu","isOpen","setIsOpen","lastSelected","setLastSelected","onCopyLink","shorten","absTime","url","menuOptions","MenuActions","Menu","groupOption","MenuGroup","option","ToolbarButtonRow","Dropdown","AddToDashboard","ToolbarExtensionPoint","selectedExtension","setSelectedExtension","context","useExtensionPointContext","extensions","useExtensionLinks","selectExploreItem","noQueriesInPane","menu","ToolbarExtensionPointMenu","ConfirmNavigationModal","isCorrelationsEditorMode","queries","isLeftPane","datasourceUids","uid","numUniqueIds","useLiveTailControls","RefreshPicker","clear","LiveTailControls","controls","ExploreToolbar","onContentOutlineToogle","isContentOutlineOpen","refreshInterval","datasourceInstance","loading","isLargerPane","showSmallTimePicker","showSmallDataSourcePicker","shouldRotateSplitIcon","refreshPickerLabel","onChangeDatasource","dsSettings","onRunQuery","timezone","onOpenSplitView","onCloseSplitView","onClickResize","fiscalyearStartMonth","onChangeRefreshInterval","navBarActions","SetInterval","AppChromeUpdate","PageToolbar","DataSourcePicker","interaction","name","FlameGraphExploreContainer","view","align","sort","INTERVAL","ElapsedTime","resetKey","humanize","elapsed","setElapsed","useInterval","Time","tinycolor","LiveLogs","onPause","scrollTop","clientHeight","scrollHeight","rowsToRender","nextProps","onResume","onClear","logsRow","logsRowLocalTime","logsRowMessage","getLogRowStyles","row","LogMessageAnsi","LiveLogsWithTheme","InfiniteScroll","loadMoreLogs","rows","scrollElement","sortOrder","upperOutOfRange","setUpperOutOfRange","lowerOutOfRange","setLowerOutOfRange","upperLoading","setUpperLoading","lowerLoading","setLowerLoading","rowsRef","lastScroll","handleScroll","scrollDirection","shouldLoadMore","scrollBottom","newRange","canScrollTop","getVisibleRange","canScrollBottom","hideTopMessage","hideBottomMessage","LoadingIndicator","outOfRangeMessage","ScrollDirection","firstTimeStamp","lastTimeStamp","getPrevRange","visibleRange","currentRange","getNextRange","updateCurrentRange","SCROLLING_THRESHOLD","LogsFeedback","feedbackUrl","MetaInfoItem","MetaInfoText","metaItems","LogsTable","splitOpen","logsSortOrder","dataFrame","columnsWithMeta","logsFrame","tableFrame","setTableFrame","timeIndex","prepareTableFrame","frame","sortedFrame","frameWithOverrides","v","getInitialFieldWidth","isFieldFilterable","getLogsExtractFields","labelFilters","buildLabelFilters","transform","getLabelFiltersTransform","transformedDataFrame","lastValueFrom","transformDataFrame","onCellFilterAdded","filter","operator","onClickFilterLabel","onClickFilterOutLabel","Table","bodyName","timeName","isFieldLokiLabels","isFieldDataplaneLabels","labelFiltersInclude","DownloadFormat","LogsMetaRow","meta","dedupStrategy","dedupCount","displayedFields","clearDetectedFields","hasUnescapedContent","forceEscape","onEscapeNewlines","logRows","downloadLogs","format","download","jsonLogs","blob","fileName","dataFrameMap","transforms","logsMetaItem","r","renderMetaItem","downloadMenu","LogLabels","LogsNavigationPages","pages","currentPageIndex","oldestLogsFirst","formatTime","time","createPageContent","page","Spinner","topContent","bottomContent","LogsNavigation","scrollToTopLogs","clearCache","addResultsToCache","setPages","expectedQueriesRef","expectedRangeRef","rangeSpanRef","onFirstPage","onLastPage","newPage","newPages","sortPages","changeTime","olderLogsButton","indexChange","newerLogsButton","onPageClick","pageNumber","navContainerHeight","LogsColumnSearch","LogsTableEmptyFields","LogsTableNavField","Checkbox","getLogsFieldsStyles","sortLabels","labels","la","lb","LogsTableActiveFields","reorderColumn","valueFilter","toggleColumn","labelKeys","labelName","onDragEnd","result","renderTitle","provided","snapshot","collator","LogsTableAvailableFields","LogsTableMultiSelect","uf","fuzzySearch","haystack","dispatcher","idxs","info","order","haystackOrder","matchesSet","mark","part","matched","infoIdx","debouncedFuzzySearch","LogsTableWrap","logsFrames","updatePanelState","panelState","propsColumns","setColumnsWithMeta","filteredColumnsWithMeta","setFilteredColumnsWithMeta","searchValue","setSearchValue","getLogsTableHeight","panelStateRefId","currentDataFrame","setCurrentDataFrame","f","getColumnsFromProps","fieldNames","previouslySelected","defaultColumns","newFrame","newFiltered","flag","numberOfLogLines","otherFields","labelCardinality","pendingLabelState","normalize","sidebarWidth","setSidebarWidth","tableWidth","columnFilterEvent","columnName","priorActiveCount","column","searchFilterEvent","searchResultCount","clearSelection","isDefaultField","sourceIndex","destinationIndex","source","updateExploreState","newColumnsArray","pa","pb","newColumns","newPanelState","length","active","pendingFilteredLabelState","data","matches","newColumnsWithMeta","numberOfResults","match","search","needle","onSearchInputChange","onFrameSelectorChange","getOnResize","newSidebarWidth","InlineField","total","SupplementaryResultError","SHORT_ERROR_MESSAGE_LIMIT","error","suggestedAction","onSuggestedAction","onRemove","severity","showButton","LogsVolumePanel","onUpdateTimeRange","onHiddenSeriesChanged","allLogsVolumeMaximum","spacing","logsVolumeData","logsVolumeInfo","extraInfo","extraInfoComponent","ExploreGraph","isTimeoutErrorResponse","response","LogsVolumePanelList","onLoadLogsVolume","logVolumes","allLogsVolumeMaximumValue","allLogsVolumeMaximumRange","annotations","maximumValue","sorted","grouped","mergedData","maximumRange","numberOfLogVolumes","containsZoomed","zoomRatio","logsLevelZoomRatio","timeoutError","selectedTimeRange","dataRange","DEDUP_OPTIONS","getDefaultVisualisationType","UnthemedLogs","logsPanelState","node","prevState","newSortOrder","visualisation","payload","showLabels","showTime","wrapLogMessage","prettifyLogMessage","hiddenRawLevels","hiddenLogLevels","level","collapsed","k","urlState","serializedState","baseUrl","dedupedRows","sum","prevProps","visualisationType","allLogs","logRow","prevLog","logsMeta","logsVolumeEnabled","loadLogsVolumeData","scanning","scanRange","showContextToggle","getFieldLinks","logsQueries","getRowContext","getLogRowContextUi","getRowContextQuery","isFlipping","contextOpen","contextRow","tableHeight","hasData","filteredLogs","navigationRange","scanText","LogRowContextModal","options","RadioButtonGroup","InlineFieldRow","dedupType","LogRows","Logs","transitionDuration","transitionDelay","LogsCrossFadeTransition","visible","LogsContainer","updateTimeRange","origRow","ds","cacheFilters","runContextQuery","rowIndex","dsInstances","refId","dsPromises","resolve","instances","q","loadingState","logsSeries","loadSupplementaryQueryData","setSupplementaryQueryEnabled","onStartScanning","onStopScanning","logsVolume","logsResult","clearedAtIndex","supplementaryQueries","LogsSamplePanel","setLogsSampleEnabled","onToggleLogsSampleCollapse","OpenInSplitViewButton","logSampleQueries","onSplitOpen","LogsSamplePanelContent","logs","NoData","css","getCardStyles","NoDataSourceCallToAction","cardStyles","canCreateDataSource","footer","ctaElement","CallToActionCard","UnconnectedNodeGraphContainer","withTraceView","datasourceType","getLinks","nodes","useCategorizeFrames","toggleCollapsed","toggled","windowHeight","useWindowSize","containerRef","setTop","countWarning","NodeGraph","NodeGraphContainer","makeSelectors","exploreItemSelector","QueryRows","getQueries","getDatasourceInstanceSettings","getQueryResponse","getHistory","getEventBridge","history","eventBridge","onRunQueries","newQueries","onAddQuery","onQueryCopied","onQueryRemoved","onQueryToggled","queryStatus","QueryEditorRows","mobileWidthThreshold","numberOfColumnsBeforeExpandedViewIsDefault","tableResult","listRef","valueLabels","items","getRawPrometheusListItemsFromDataFrame","isExpandedView","setIsExpandedView","onContentClick","calculateInitialHeight","getListItemHeight","itemIndex","switchId","Switch","ItemLabels","filteredValueLabels","valueLabel","itemWithValue","RawListItem","rawPrometheusResult","rawPrometheusFrame","RawPrometheusContainer","resultsStyle","ALL_GRAPH_STYLE_OPTIONS","ariaLabel","dataLinkPostProcessor","renderTable","FadeIn","defaultStyle","transitionStyles","Transition","ErrorContainer","queryError","showError","duration","ResponseErrorContainer","explore","rightColumnWidth","rightColumnContentWidth","cardColor","RichHistoryCard","queryHistoryItem","commentHistoryItem","starHistoryItem","deleteHistoryItem","changeDatasource","setQueries","activeUpdateComment","setActiveUpdateComment","comment","setComment","historyCardData","datasource","queriesToRun","differentDataSource","onCopyQuery","datasources","queriesText","onCreateShortLink","link","onDeleteQuery","performDelete","queryId","onStarrQuery","toggleActiveUpdateComment","onUpdateComment","onCancelUpdateComment","onKeyDown","keyEvent","updateComment","TextArea","queryActionButtons","DatasourceInfo","Query","LoadingPlaceholder","getQueryStyles","showDsInfo","getDsInfoStyles","dsApi","RichHistoryQueriesTab","totalQueries","richHistorySearchFilters","updateFilters","clearRichHistoryResults","loadMoreRichHistory","richHistorySettings","activeDatasourceInstance","listOfDatasources","datasourceFilters","filters","mappedQueriesToHeadings","sortOrderOptions","getSortOrderOptions","partialResults","RangeSlider","FilterInput","heading","retentionPeriodOptions","RichHistorySettingsTab","retentionPeriod","starredTabAsFirstTab","activeDatasourceOnly","onChangeRetentionPeriod","toggleStarredTabAsFirstTab","toggleactiveDatasourceOnly","deleteRichHistory","selectedOption","onDelete","RichHistoryStarredTab","Tabs","RichHistory","richHistory","richHistoryTotal","firstTab","setLoading","updateSettings","settingsToUpdate","filtersToUpdate","loadRichHistory","toggleActiveDatasourceOnly","QueriesTab","StarredTab","SettingsTab","RichHistoryContainer","setHeight","initRichHistory","updateHistorySettings","updateHistorySearchFilters","_e","_dir","SecondaryActions","loadingInState","TableContainer","rowCount","hasSubFrames","TableContainerWithTheme","TraceViewContainer","traceProp","TraceView","Explore","rawRange","queryKeys","modifier","modification","toggleableFilters","panelType","tracking","exploreContainerStyles","groupedByPlugin","graphResult","showFlameGraph","GraphContainer","logsContentOutlineWrapper","logsSample","showTrace","series","showMetrics","showTable","showRawPrometheus","showLogs","showCustom","showNodeGraph","showLogsSample","correlationEditorDetails","correlationEditorHelperData","openDrawer","contentOutlineVisible","showPanels","showRichHistory","richHistoryRowButtonHidden","showQueryInspector","showNoData","correlationsBox","ErrorBoundary","containerStyles","ExplorePaneContainerUnconnected","useStopQueries","EventBus","bus","ExplorePaneContainer","paneSelector","paneRef","useExplorePageTitle","params","navModel","useNavModel","dsService","panesObject","results","names","Branding","useKeyboardShortcuts","keybindings","tearDown","u","useSplitSizeUpdater","windowWidth","hasSplit","rightPaneWidthRatio","setRightPaneWidthRatio","exploreState","updateSplitSize","evenSplitWidth","areBothSimilar","widthCalc","useTimeSrvFix","searchParams","MIN_PANE_WIDTH","ExplorePage","useStateSync","chrome","showCorrelationEditorBar","SplitPaneWrapper","callback","delay","savedCallback","interval_1"],"sourceRoot":""} Submit