|
1 | 1 | import React, {useEffect, useRef, useState} from 'react'; |
| 2 | +import {useDispatch, useSelector} from 'react-redux'; |
2 | 3 | import cn from 'bem-cn-lite'; |
3 | 4 | import MonacoEditor from 'react-monaco-editor'; |
4 | | -import {Loader, RadioButton} from '@gravity-ui/uikit'; |
5 | 5 | import JSONTree from 'react-json-inspector'; |
6 | | -import {LANGUAGE_S_EXPRESSION_ID} from '../../../../utils/monaco'; |
| 6 | +import 'react-json-inspector/json-inspector.css'; |
| 7 | + |
7 | 8 | import { |
8 | 9 | TextOverflow, |
9 | 10 | getYdbPlanNodeShape, |
10 | 11 | getCompactTopology, |
11 | 12 | getTopology, |
12 | 13 | } from '@gravity-ui/paranoid'; |
13 | | -import {renderExplainNode} from '../../../../utils'; |
14 | | -import {explainVersions} from '../../../../store/reducers/explainQuery'; |
15 | | -import {QueryExecutionStatus} from '../../../../components/QueryExecutionStatus'; |
| 14 | +import {Loader, RadioButton} from '@gravity-ui/uikit'; |
| 15 | + |
16 | 16 | import Divider from '../../../../components/Divider/Divider'; |
17 | 17 | import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton'; |
18 | | -import {PaneVisibilityToggleButtons} from '../../utils/paneVisibilityToggleHelpers'; |
19 | 18 | import Fullscreen from '../../../../components/Fullscreen/Fullscreen'; |
| 19 | +import {QueryExecutionStatus} from '../../../../components/QueryExecutionStatus'; |
20 | 20 |
|
21 | | -import 'react-json-inspector/json-inspector.css'; |
22 | | -import './QueryExplain.scss'; |
23 | | -import {useDispatch, useSelector} from 'react-redux'; |
| 21 | +import {explainVersions} from '../../../../store/reducers/explainQuery'; |
24 | 22 | import {disableFullscreen} from '../../../../store/reducers/fullscreen'; |
25 | 23 |
|
| 24 | +import {renderExplainNode} from '../../../../utils'; |
| 25 | +import {LANGUAGE_S_EXPRESSION_ID} from '../../../../utils/monaco'; |
| 26 | + |
| 27 | +import {PaneVisibilityToggleButtons} from '../../utils/paneVisibilityToggleHelpers'; |
| 28 | + |
| 29 | +import './QueryExplain.scss'; |
| 30 | + |
26 | 31 | const b = cn('kv-query-explain'); |
27 | 32 |
|
28 | 33 | const EDITOR_OPTIONS = { |
|
0 commit comments