\n );\n};\n\nconst TooltipLabel = ({ content, label }: { content: string; label: string }) => (\n \n {fields.map((field, index) => {\n return (\n
{\n const newDerivedFields = [...fields];\n newDerivedFields.splice(index, 1, newField);\n onChange(newDerivedFields);\n }}\n onDelete={() => {\n const newDerivedFields = [...fields];\n newDerivedFields.splice(index, 1);\n onChange(newDerivedFields);\n }}\n validateName={validateName}\n suggestions={[\n {\n value: DataLinkBuiltInVars.valueRaw,\n label: 'Raw value',\n documentation: 'Exact string captured by the regular expression',\n origin: VariableOrigin.Value,\n },\n ]}\n />\n );\n })}\n \n \n\n {fields.length > 0 && (\n \n )}\n
\n\n {showDebug && (\n \n \n
\n )}\n \n \n );\n};\n","import React from 'react';\n\nimport { ConfigDescriptionLink, ConfigSubSection } from '@grafana/experimental';\nimport { config } from '@grafana/runtime';\nimport { Badge, InlineField, InlineFieldRow, Input } from '@grafana/ui';\n\ntype Props = {\n maxLines: string;\n onMaxLinedChange: (value: string) => void;\n predefinedOperations: string;\n onPredefinedOperationsChange: (value: string) => void;\n};\n\nexport const QuerySettings = (props: Props) => {\n const { maxLines, onMaxLinedChange, predefinedOperations, onPredefinedOperationsChange } = props;\n return (\n