@yugabytedb/perf-advisor-ui 1.0.74 → 1.0.76

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import { YBTableColumn, YBInputProps, YBToggleProps, YBCheckboxProps } from '@yugabyte-ui-library/core';
 import * as axios from 'axios';
-import React, { FC, ReactElement, ReactNode } from 'react';
 import * as _material_ui_core_styles_withStyles from '@material-ui/core/styles/withStyles';
+import React, { ReactElement, ReactNode } from 'react';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
 import { FetchNextPageOptions, InfiniteQueryObserverResult } from 'react-query';
 
@@ -607,12 +607,14 @@ declare enum QUERY_KEY {
     fetchAnomalyGroupsByType = "fetchAnomalyGroupsByType",
     fetchAnomalyGroupsById = "fetchAnomalyGroupsById",
     getUniverseMetadata = "getUniverseMetadata",
-    fetchMetricsGraphs = "fetchMetricsGraphs"
+    fetchMetricsGraphs = "fetchMetricsGraphs",
+    fetchLoadDbDataPage = "fetchLoadDbDataPage"
 }
 declare class ApiService {
     fetchAnomalies: (universeUuid: string, startTime?: Date | null, endTime?: Date | null, apiUrl?: string) => Promise<Anomaly[]>;
     fetchAnomaliesPage: (universeUuid: string, pageno: number, apiUrl?: string, records_to_fetch?: number, startTime?: Date | null, endTime?: Date | null, category?: any, searchInput?: string) => Promise<axios.AxiosResponse<Anomaly[]>>;
     fetchQueriesPage: (universeUuid: string, payload: any) => Promise<axios.AxiosResponse<GraphRequestParams[]>>;
+    fetchLoadDbDataPage: (universeUuid: string, payload: any) => Promise<axios.AxiosResponse<GraphRequestParams[]>>;
     fetchQueriesStatsPage: (universeUuid: string, payload: any, getClusterDetails: () => any, filteredLegends: string[]) => Promise<axios.AxiosResponse<GraphRequestParams[]>>;
     fetchNamespaceSchemas: (universeUuid: string, namespaceName: string, apiUrl?: string) => Promise<string[]>;
     fetchQueryStats: (universeUuid: string, payload: any, apiUrl?: string) => Promise<string[]>;
@@ -649,25 +651,7 @@ declare class ApiService {
 }
 declare const PerfAdvisorAPI: ApiService;
 
-interface CodeBlockProps {
-    showCopyButton?: boolean;
-    multiBlock?: boolean;
-    codeClassName?: string;
-    preClassName?: string;
-    lang?: string;
-    containerClassName?: string;
-    text: string | string[] | React.ReactElement | React.ReactElement[];
-    dataTestId?: string;
-    enabledExpandCollapse?: boolean;
-    collapseHeight?: number;
-    copyLabel?: string;
-    showAllLabel?: string;
-    collapseLabel?: string;
-    onCopySuccess?: () => void;
-}
-declare const YBCodeBlock: FC<CodeBlockProps>;
-
-declare const useCodeBlockStyles: (props?: any) => _material_ui_core_styles_withStyles.ClassNameMap<"codeClassName" | "preClassName" | "containerClassName" | "searchBox" | "refreshBtn" | "codeBlock" | "codeBlockSqlView" | "tableHeaderCell" | "rowTableCell" | "tableContainer" | "tableRow" | "queryTableRow" | "queryTableCell" | "queryPreBlock" | "queryPreBlockYBM" | "queryPreBlockWeb" | "queryPreBlockFull" | "queryCodeElement" | "queryCodeElementWeb" | "queryContainerCode" | "defaultActions" | "overrideExpandBtn" | "preQueryBlock" | "queryCellBox">;
+declare const useCodeBlockStyles: (props?: any) => _material_ui_core_styles_withStyles.ClassNameMap<"searchBox" | "containerClassName" | "preClassName" | "codeClassName" | "refreshBtn" | "codeBlock" | "codeBlockSqlView" | "tableHeaderCell" | "rowTableCell" | "tableContainer" | "tableRow" | "queryTableRow" | "queryTableCell" | "queryPreBlock" | "queryPreBlockYBM" | "queryPreBlockWeb" | "queryPreBlockFull" | "queryCodeElement" | "queryCodeElementWeb" | "queryContainerCodeInTable" | "queryContainerCodeInBreadcrumbs" | "codeClassNameInTable" | "preClassNameInTable" | "defaultActions" | "overrideExpandBtn" | "preQueryBlock" | "queryCellBox">;
 
 interface YBErrorIndicatorProps {
     type?: string;
@@ -1132,7 +1116,10 @@ declare const DEFAULT_ERROR_MESSAGES: {
     HISTORICAL_QUERY_DATA_FETCH_ERROR: string;
     CLUSTER_LOAD_FETCH_ERROR: string;
     QUERY_STATS_FETCH_ERROR: string;
+    DB_STATS_FETCH_ERROR: string;
 };
+declare const VISIBLE_QUERY_METADATA_COLUMNS = "visibleQueryMetadataColumns";
+declare const VISIBLE_DB_LOAD_METADATA_COLUMNS = "visibleDbLoadMetadataColumns";
 
 declare function isDefinedNotNull(obj: any): boolean;
 declare function isEmptyArray(arr: any): boolean;
@@ -1156,4 +1143,4 @@ interface YBThemeWrapperProps {
  */
 declare const YBThemeWrapper: React.FC<YBThemeWrapperProps>;
 
-export { ACTIVE_SESSION_HISOTRY_EPS_CLIENT_NODE, ACTIVE_SESSION_HISTORY_EPS_GLOBAL, ACTIVE_SESSION_HISTORY_QUERY_EVENTS, ALL, ALL_REGIONS, ALL_ZONES, ANOMALY_CATEGORY_LIST, ANOMALY_FILTER_DURATION_OPTIONS, ANOMALY_TAG, ANOMALY_TYPE_TO_NAME_MAP, ASH, ASH_GROUPBY_VALUES, AggregatedLineSettings, Aggregation, Anomaly, AnomalyCategory, AnomalyDetails, AnomalyDetectionStatus, AnomalyDetectionStatusText, AnomalyGroup, AnomalyInstance, AnomalyResponse, AnomalyType, AnomalyTypeFilter, AppName, AttachUniversePayload, AuthDetails, BACKGROUND_QUERY_REQUEST_GRAPHS, CATALOG_READ_REQUEST_GRAPH, CATEGORY_HEADER_DATA_MAP, COLORS, CORES, CPU_CORES, CPU_COUNT, CQL_QUERY_REQUEST_GRAPHS, ChartType, ClusterLoadOverallTabs, ClusterLoadResponseData, ClusterLoadSubTabs, ClusterNodeInfo, ClusterNodeListMetadata, ClusterRegionSelector, Column, ConfigureUniverseMetadata, DB_CAPS_TAG_, DB_TAG, DEFAULT_ERROR_MESSAGES, DEFAULT_RECORDS_PER_PAGE, ELLIPSIS, FormattedAnomalyRca, GLOBAL_RUNTIME_CONFIG, GROUP_BY_OPERATIONS, GraphAxisData, GraphFilters, GraphMetadata, GraphRequestParams, GraphResponse, GraphSettings, GraphType, GroupEventsParam, IN_DEVELOPMENT_MODE, InsightsTabs, MAX_OUTLIER_NUM_NODES, METRICS_OUTLIER_DATABASES_STORAGE_KEY, METRICS_OUTLIER_TABLES_STORAGE_KEY, METRICS_SESSION_STORAGE_KEY, METRIC_DB_RESOURCES_WITH_GRAPHS, METRIC_FONT, METRIC_NAMES, METRIC_RESOURCES_WITH_GRAPHS, METRIC_TABLES_RESOURCES_WITH_GRAPHS, METRIC_TABS, METRIC_TABS_DATABASES, METRIC_TABS_TABLES, MIN_OUTLIER_NUM_NODES, MORE, MetadataFields, MetricConsts, MetricMeasure, MetricOrigin, MetricSplitSelector, MetricsAnalysisEntry, MetricsAnalysisEntryProps, NAME_COLOR_MAPPING, NodeData, NodeDataCloudInfo, NodeDataMetrics, NodeDetails, NodeInfo, NodeState, OutlierSelector, PAUrlParams, PerfAdvisorAPI, PerfAdvisorEntry, PrimaryDashboardViewTabs, QUERIES, QUERY_DETAILS, QUERY_KEY, QUERY_TAG, QUERY_TYPE_TAG, QueryPageParams, QueryType, QueryTypeMode, QueryWaitEvents, RCAGuideline, RCA_GANT_CHART, REACT_APP_API_URL, REGION_TAG, REGION_ZONE_TAG, RUNTIME_CONFIG_KEYS, Resources, RowItemClasses$1 as RowItemClasses, RuntimeConfigData, RuntimeConfigType, RuntimeConfigs, SQL_QUERY_REQUEST_GRAPHS, SortDirection, SplitMode, SplitType, TABLET_ID_TAG, TABLET_TAG, TABLE_REQUEST_GRAPHS, TABLE_TAG, TIME_FILTER_LABEL, TIME_FILTER_VALUES, TPFeatureFlags, TYPE, TableInfo, TablePageParams, TroubleshootingRecommendations, URL_TAB_PATH, USER_TAG, Universe, UniverseConfig, UniverseMetadataFields, UniverseQueryData, UniverseQueryStatsData, UpdateMetadataFormFields, UpdateRuntimeConfigFormFields, UrlParams, VIEW_MORE, WAIT_EVENT_MAPPING, WaitEventClassification, YBCheckboxField, YBCodeBlock, YBErrorIndicator, YBInfinitePagination, YBInputField, YBPanelItem, YBThemeWrapper, YBToggleField, ZONE_TAG, ZoneNodeSelector, filterDurations, getCustomFooterComponent, getRowCellComponent, isDefinedNotNull, isEmptyArray, isEmptyObject, isEmptyString, isNonEmptyArray, isNonEmptyObject, isNonEmptyString, isNullOrEmpty, isValidObject, isYAxisGreaterThanThousand, metricOutlierSelectors, metricSplitSelectors, otherSplitSelectors, queryTypeSelectors, removeNullProperties, useCodeBlockStyles };
+export { ACTIVE_SESSION_HISOTRY_EPS_CLIENT_NODE, ACTIVE_SESSION_HISTORY_EPS_GLOBAL, ACTIVE_SESSION_HISTORY_QUERY_EVENTS, ALL, ALL_REGIONS, ALL_ZONES, ANOMALY_CATEGORY_LIST, ANOMALY_FILTER_DURATION_OPTIONS, ANOMALY_TAG, ANOMALY_TYPE_TO_NAME_MAP, ASH, ASH_GROUPBY_VALUES, AggregatedLineSettings, Aggregation, Anomaly, AnomalyCategory, AnomalyDetails, AnomalyDetectionStatus, AnomalyDetectionStatusText, AnomalyGroup, AnomalyInstance, AnomalyResponse, AnomalyType, AnomalyTypeFilter, AppName, AttachUniversePayload, AuthDetails, BACKGROUND_QUERY_REQUEST_GRAPHS, CATALOG_READ_REQUEST_GRAPH, CATEGORY_HEADER_DATA_MAP, COLORS, CORES, CPU_CORES, CPU_COUNT, CQL_QUERY_REQUEST_GRAPHS, ChartType, ClusterLoadOverallTabs, ClusterLoadResponseData, ClusterLoadSubTabs, ClusterNodeInfo, ClusterNodeListMetadata, ClusterRegionSelector, Column, ConfigureUniverseMetadata, DB_CAPS_TAG_, DB_TAG, DEFAULT_ERROR_MESSAGES, DEFAULT_RECORDS_PER_PAGE, ELLIPSIS, FormattedAnomalyRca, GLOBAL_RUNTIME_CONFIG, GROUP_BY_OPERATIONS, GraphAxisData, GraphFilters, GraphMetadata, GraphRequestParams, GraphResponse, GraphSettings, GraphType, GroupEventsParam, IN_DEVELOPMENT_MODE, InsightsTabs, MAX_OUTLIER_NUM_NODES, METRICS_OUTLIER_DATABASES_STORAGE_KEY, METRICS_OUTLIER_TABLES_STORAGE_KEY, METRICS_SESSION_STORAGE_KEY, METRIC_DB_RESOURCES_WITH_GRAPHS, METRIC_FONT, METRIC_NAMES, METRIC_RESOURCES_WITH_GRAPHS, METRIC_TABLES_RESOURCES_WITH_GRAPHS, METRIC_TABS, METRIC_TABS_DATABASES, METRIC_TABS_TABLES, MIN_OUTLIER_NUM_NODES, MORE, MetadataFields, MetricConsts, MetricMeasure, MetricOrigin, MetricSplitSelector, MetricsAnalysisEntry, MetricsAnalysisEntryProps, NAME_COLOR_MAPPING, NodeData, NodeDataCloudInfo, NodeDataMetrics, NodeDetails, NodeInfo, NodeState, OutlierSelector, PAUrlParams, PerfAdvisorAPI, PerfAdvisorEntry, PrimaryDashboardViewTabs, QUERIES, QUERY_DETAILS, QUERY_KEY, QUERY_TAG, QUERY_TYPE_TAG, QueryPageParams, QueryType, QueryTypeMode, QueryWaitEvents, RCAGuideline, RCA_GANT_CHART, REACT_APP_API_URL, REGION_TAG, REGION_ZONE_TAG, RUNTIME_CONFIG_KEYS, Resources, RowItemClasses$1 as RowItemClasses, RuntimeConfigData, RuntimeConfigType, RuntimeConfigs, SQL_QUERY_REQUEST_GRAPHS, SortDirection, SplitMode, SplitType, TABLET_ID_TAG, TABLET_TAG, TABLE_REQUEST_GRAPHS, TABLE_TAG, TIME_FILTER_LABEL, TIME_FILTER_VALUES, TPFeatureFlags, TYPE, TableInfo, TablePageParams, TroubleshootingRecommendations, URL_TAB_PATH, USER_TAG, Universe, UniverseConfig, UniverseMetadataFields, UniverseQueryData, UniverseQueryStatsData, UpdateMetadataFormFields, UpdateRuntimeConfigFormFields, UrlParams, VIEW_MORE, VISIBLE_DB_LOAD_METADATA_COLUMNS, VISIBLE_QUERY_METADATA_COLUMNS, WAIT_EVENT_MAPPING, WaitEventClassification, YBCheckboxField, YBErrorIndicator, YBInfinitePagination, YBInputField, YBPanelItem, YBThemeWrapper, YBToggleField, ZONE_TAG, ZoneNodeSelector, filterDurations, getCustomFooterComponent, getRowCellComponent, isDefinedNotNull, isEmptyArray, isEmptyObject, isEmptyString, isNonEmptyArray, isNonEmptyObject, isNonEmptyString, isNullOrEmpty, isValidObject, isYAxisGreaterThanThousand, metricOutlierSelectors, metricSplitSelectors, otherSplitSelectors, queryTypeSelectors, removeNullProperties, useCodeBlockStyles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yugabytedb/perf-advisor-ui",
-  "version": "1.0.74",
+  "version": "1.0.76",
   "main": "dist/cjs/index.js",
   "types": "dist/types.d.ts",
   "author": "Rajagopalan Madhavan",
@@ -22,7 +22,7 @@
     "@testing-library/user-event": "^13.5.0",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
-    "@yugabyte-ui-library/core": "2.0.13",
+    "@yugabyte-ui-library/core": "2.0.15",
     "concurrently": "9.2.1",
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-import": "2.23.4",
@@ -50,7 +50,6 @@
     "date-fns": "2.30.0",
     "date-fns-tz": "2.0.1",
     "echarts": "5.4.3",
-    "highlight.js": "11.7.0",
     "lodash-es": "4.17.21",
     "prettier": "2.1.0",
     "react": "17.0.2",
@@ -61,8 +60,7 @@
     "react-router-dom": "5.3.3",
     "react-toastify": "7.0.3",
     "typescript": "4.9.3",
-    "vis-timeline": "7.7.3",
-    "web-vitals": "2.1.4"
+    "vis-timeline": "7.7.3"
   },
   "prettier": {
     "printWidth": 100,
@@ -73,7 +71,7 @@
     "@material-ui/core": "4.12.3",
     "@material-ui/icons": "4.11.2",
     "@material-ui/lab": "4.0.0-alpha.58",
-    "@yugabyte-ui-library/core": "2.0.13",
+    "@yugabyte-ui-library/core": "2.0.15",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-query": "3.32.1",