IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

QueryEditorRow: Ability to change query name (#29779)

Browse Source 
* QueryEditorRow: Ability to change query name

* Style tweaks

* Updated UX

* Fixed tests

* Added validation messages

* Fixed keyboard navigation

* Updated tests
This commit is contained in:
Torkel Ödegaard
2021-01-07 15:33:15 +01:00
committed by GitHub
parent 4c8735d2ff
commit 1c808be0f3
9 changed files with 319 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/features/dashboard/components/TransformationsEditor/TransformationOperationRow.tsx
View File

@@ -3,7 +3,10 @@ import { DataFrame, DataTransformerConfig, TransformerRegistyItem } from '@grafa
import { HorizontalGroup } from '@grafana/ui';
import { TransformationEditor } from './TransformationEditor';
import { QueryOperationRow } from 'app/core/components/QueryOperationRow/QueryOperationRow';
import {
QueryOperationRow,
QueryOperationRowRenderProps,
} from 'app/core/components/QueryOperationRow/QueryOperationRow';
import { QueryOperationAction } from 'app/core/components/QueryOperationRow/QueryOperationAction';
import { TransformationsEditorTransformation } from './types';
@@ -28,7 +31,7 @@ export const TransformationOperationRow: React.FC<TransformationOperationRowProp
}) => {
const [showDebug, setShowDebug] = useState(false);
const renderActions = ({ isOpen }: { isOpen: boolean }) => {
const renderActions = ({ isOpen }: QueryOperationRowRenderProps) => {
return (
<HorizontalGroup align="center" width="auto">
<QueryOperationAction