Stack: Use the component from grafana/ui (#77543)

* grafana/ui: Move Stack out of unstable

* grafana/ui: Replace imports

* Replace the import from experimental

* Cleanup

* Remove invalid prop

* Add flexGrow

* Remove Stack used in Field

* Remove import
This commit is contained in:
Alex Khomenko
2023-11-06 17:15:52 +01:00
committed by GitHub
parent c0d8a7132e
commit 25779bb6e5
93 changed files with 317 additions and 335 deletions

View File

@@ -1,7 +1,6 @@
import React, { useEffect, useMemo, useState } from 'react';
import { Stack } from '@grafana/experimental';
import { Button, Form, Select } from '@grafana/ui';
import { Button, Form, Select, Stack } from '@grafana/ui';
import { CloseButton } from 'app/core/components/CloseButton/CloseButton';
import { ServiceAccountPicker } from 'app/core/components/Select/ServiceAccountPicker';
import { TeamPicker } from 'app/core/components/Select/TeamPicker';

View File

@@ -3,8 +3,7 @@ import React, { MouseEventHandler } from 'react';
import { DraggableProvided } from 'react-beautiful-dnd';
import { GrafanaTheme2 } from '@grafana/data';
import { Stack } from '@grafana/experimental';
import { Icon, IconButton, useStyles2 } from '@grafana/ui';
import { Icon, IconButton, useStyles2, Stack } from '@grafana/ui';
export interface QueryOperationRowHeaderProps {
actionsElement?: React.ReactNode;
@@ -73,7 +72,7 @@ export const QueryOperationRowHeader = ({
{headerElement}
</div>
<Stack gap={1} alignItems="center" wrap={false}>
<Stack gap={1} alignItems="center">
{actionsElement}
{draggable && (
<div onMouseMove={reportDragMousePosition} {...dragHandleProps}>