feat(queryTracker): add search field to statistics tab in query track…

…er [#301]
ytsaurus · Mar 27, 2024 · a6eacdf · a6eacdf
1 parent 14a59b0
commit a6eacdf
Show file tree

Hide file tree

Showing 11 changed files with 298 additions and 531 deletions.
diff --git a/packages/ui/src/ui/components/ElementsTable/ElementsTable.js b/packages/ui/src/ui/components/ElementsTable/ElementsTable.js
@@ -89,6 +89,7 @@ class ElementsTable extends Component {
 
         rowClassName: PropTypes.func,
         colSpan: PropTypes.func,
+        headerClassName: PropTypes.string,
     };
 
     static defaultProps = {

diff --git a/packages/ui/src/ui/components/ElementsTable/ElementsTableHeader.tsx b/packages/ui/src/ui/components/ElementsTable/ElementsTableHeader.tsx
@@ -49,6 +49,7 @@ export interface ElementsTableHeaderProps {
 
     itemHeight?: number;
     selectedIndex?: number;
+    headerClassName?: string;
 }
 
 interface ColumnsItem {
@@ -137,6 +138,7 @@ export default class ElementsTableHeader extends Component<ElementsTableHeaderPr
         itemHeight: PropTypes.number,
         // ROW SELECTION
         selectedIndex: PropTypes.number,
+        headerClassName: PropTypes.string,
     };
 
     constructor(props: ElementsTableHeaderProps) {
@@ -337,7 +339,7 @@ export default class ElementsTableHeader extends Component<ElementsTableHeaderPr
     render() {
         const {columnSet} = this.state;
         const hasGroups = columnSet.hasGroups;
-        const headerClassName = b('head');
+        const headerClassName = b('head', this.props.headerClassName);
 
         return hasGroups ? (
             <thead className={headerClassName}>

diff --git a/packages/ui/src/ui/pages/query-tracker/QueryResults/index.tsx b/packages/ui/src/ui/pages/query-tracker/QueryResults/index.tsx
@@ -96,7 +96,7 @@ export const QueryResults = React.memo(function QueryResults({
                         {category === QueryResultTab.META && <QueryMetaTable query={query} />}
 
                         <NotRenderUntilFirstVisible hide={category !== QueryResultTab.STATISTIC}>
-                            <YQLStatisticsTable query={query} />
+                            <YQLStatisticsTable />
                         </NotRenderUntilFirstVisible>
                         {category === QueryResultTab.PROGRESS && <PlanContainer isActive={true} />}
                     </div>

diff --git a/...pages/query-tracker/QueryResultsView/YQLStatistics/CollapsibleTable/CollapsibleTable.scss b/...pages/query-tracker/QueryResultsView/YQLStatistics/CollapsibleTable/CollapsibleTable.scss
diff --git a/.../pages/query-tracker/QueryResultsView/YQLStatistics/CollapsibleTable/CollapsibleTable.tsx b/.../pages/query-tracker/QueryResultsView/YQLStatistics/CollapsibleTable/CollapsibleTable.tsx