@yugabytedb/perf-advisor-ui 1.0.67 → 1.0.69

package/dist/types.d.ts

@@ -1,12 +1,9 @@
-import React, { ReactNode, FC, ReactElement, HTMLAttributes, VFC } from 'react';
+import { MUIDataTableColumnOptions, YBInputProps, YBToggleProps, YBCheckboxProps } from '@yugabyte-ui-library/core';
 import * as axios from 'axios';
-import { ButtonProps, MenuProps, SelectProps, StandardTextFieldProps, CheckboxProps, InputProps, PopperProps, TooltipProps } from '@material-ui/core';
-import { LinkProps } from 'react-router-dom';
+import React, { FC, ReactElement, ReactNode } from 'react';
 import * as _material_ui_core_styles_withStyles from '@material-ui/core/styles/withStyles';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
-import { YBInputProps, YBToggleProps, YBCheckboxProps as YBCheckboxProps$1 } from '@yugabyte-ui-library/core';
 import { FetchNextPageOptions, InfiniteQueryObserverResult } from 'react-query';
-import { MUIDataTableColumn, MUIDataTableOptions } from 'mui-datatables';
 
 interface Universe {
     creationDate: string;
@@ -507,34 +504,10 @@ declare enum AnomalyTypeFilter {
     PERF_ANOMALY = "PERF_ANOMALY",
     INSIGHT = "INSIGHT"
 }
-interface MUIDataTableMeta {
-    rowIndex: number;
-    columnIndex: number;
-    columnData: unknown[];
-    rowData: unknown[];
-    tableData: unknown[][];
-    tableState: unknown;
-}
-interface MUIDataTableColumnMeta {
-    index: number;
-    name: string;
-    label?: string;
-}
-type SortOrder = "asc" | "desc" | "none";
-interface ColumnOptions {
-    display?: boolean | "true" | "false" | "excluded";
-    filter?: boolean;
-    sort?: boolean;
-    customBodyRender?: (value: unknown, tableMeta: MUIDataTableMeta, updateValue: (value: unknown) => void) => ReactNode;
-    customHeadRender?: (columnMeta: MUIDataTableColumnMeta, updateDirection?: (direction: SortOrder) => void, sortOrder?: SortOrder) => ReactNode;
-    setCellProps?: () => Record<string, unknown>;
-    setCellHeaderProps?: () => Record<string, unknown>;
-    hideHeader?: boolean;
-}
 interface Column {
     name: string;
     label?: string;
-    options?: ColumnOptions;
+    options?: MUIDataTableColumnOptions;
 }
 interface GraphAxisData {
     labels: Record<string, string>;
@@ -680,14 +653,6 @@ declare class ApiService {
 }
 declare const PerfAdvisorAPI: ApiService;
 
-type MUIButtonProps = ButtonProps & Partial<LinkProps>;
-interface YBButtonProps extends Omit<MUIButtonProps, 'variant' | 'color' | 'classes'> {
-    variant?: 'primary' | 'secondary' | 'ghost' | 'gradient' | 'pill';
-    showSpinner?: boolean;
-    selected?: boolean;
-}
-declare const YBButton: FC<YBButtonProps>;
-
 interface CodeBlockProps {
     showCopyButton?: boolean;
     multiBlock?: boolean;
@@ -715,53 +680,10 @@ interface YBErrorIndicatorProps {
 }
 declare const YBErrorIndicator: ({ type, uuid, customErrorMessage }: YBErrorIndicatorProps) => JSX.Element;
 
-type YBInputFieldProps$1<T extends FieldValues> = UseControllerProps<T> & YBInputProps;
-declare const YBInputField: <T extends FieldValues>(props: YBInputFieldProps$1<T>) => ReactElement;
-
-type YBSelectProps = {
-    tooltip?: ReactNode;
-    renderValue?: (value: unknown) => ReactNode;
-    menuProps?: Partial<MenuProps>;
-    selectProps?: Partial<SelectProps>;
-} & Omit<StandardTextFieldProps, 'variant' | 'color' | 'classes' | 'select' | 'size' | 'placeholder' | 'FormHelperTextProps' | 'SelectProps'>;
-declare const YBSelect: FC<YBSelectProps>;
-
-declare enum AlertVariant {
-    Info = "info",
-    Warning = "warning",
-    Error = "error",
-    Success = "success",
-    InProgress = "inProgress"
-}
-interface TransitionProps {
-    appear?: number;
-    enter?: number;
-    exit?: number;
-}
-interface AlertProps {
-    open: boolean;
-    text: string | ReactNode;
-    icon?: ReactNode;
-    onClose?: () => void;
-    autoDismiss?: number;
-    width?: number;
-    isToast?: boolean;
-    variant?: AlertVariant;
-    key?: string | number;
-    position?: number;
-    className?: string;
+type YBInputFieldProps$1<T extends FieldValues> = UseControllerProps<T> & YBInputProps & {
     dataTestId?: string;
-    transitionTimeout?: number | TransitionProps;
-}
-declare const YBAlert: FC<AlertProps>;
-
-interface YBCheckboxProps extends CheckboxProps {
-    label: React.ReactNode;
-    labelClassName?: string;
-    showCheckedIcon?: boolean;
-    inputProps?: InputProps['inputProps'];
-}
-declare const YBCheckbox: FC<YBCheckboxProps>;
+};
+declare const YBInputField: <T extends FieldValues>(props: YBInputFieldProps$1<T>) => ReactElement;
 
 interface YBInfinitePaginationProps<T> {
     dataPrefetchFn: (options?: FetchNextPageOptions | undefined) => Promise<InfiniteQueryObserverResult<T, unknown>>;
@@ -799,20 +721,6 @@ interface YBPanelItemProps {
 }
 declare const YBPanelItem: ({ noBackground, className, bodyClassName, children, body, header, title }: YBPanelItemProps) => JSX.Element;
 
-interface CustomTableOptions extends MUIDataTableOptions {
-    customHeader?: ReactNode;
-}
-interface YBTableProps extends HTMLAttributes<unknown> {
-    tableTitle?: ReactNode;
-    selectableRows?: 'single' | 'multiple' | 'none';
-    data: (Record<any, any> | number[] | string[])[];
-    columns: MUIDataTableColumn[];
-    options?: CustomTableOptions;
-    withBorder?: boolean;
-    dataTestId?: string;
-}
-declare const YBTable: ({ tableTitle, selectableRows, withBorder, data, columns, options, className, dataTestId }: YBTableProps) => ReactElement;
-
 type CustomFooterFunction = (count: number, page: number, rowsPerPage: number, changeRowsPerPage: (newPage: string | number) => void, changePage: (newPage: number) => void) => ReactNode;
 declare const getCustomFooterComponent: <T>(fetchNextPage: (options?: FetchNextPageOptions) => Promise<InfiniteQueryObserverResult<T, unknown>>, pageSizeCaptionText: string, dataLength: number, hasNextPage?: boolean) => CustomFooterFunction | undefined;
 
@@ -824,16 +732,7 @@ interface RowItemClasses {
     queryContainerCode: string;
     overrideExpandBtn: string;
 }
-declare const getRowCellComponent: (appName: AppName, currentTablePage: number, displayedRows: any[], classes: any & RowItemClasses, showQuery: boolean, tableColumns: MUIDataTableColumn[], ignoredColumns: string[], startTime: string | null, endTime: string | null, expandedRowIndex: number | null, handleExpandedRowIndex: (index: number | null) => void, onSelectedQuery?: ((queryId: string, params: QueryPageParams) => void) | undefined) => (data: any[], dataIndex: number) => ReactNode;
-
-type YBTooltipProps = {
-    children?: ReactElement;
-    dark?: boolean;
-    PopperProps?: Partial<PopperProps> & {
-        'data-testid'?: string;
-    };
-} & Omit<TooltipProps, 'children'>;
-declare const YBTooltip: VFC<YBTooltipProps>;
+declare const getRowCellComponent: (appName: AppName, currentTablePage: number, displayedRows: any[], classes: any & RowItemClasses, showQuery: boolean, tableColumns: Column[], ignoredColumns: string[], startTime: string | null, endTime: string | null, expandedRowIndex: number | null, handleExpandedRowIndex: (index: number | null) => void, onSelectedQuery?: ((queryId: string, params: QueryPageParams) => void) | undefined) => (data: any[], dataIndex: number) => ReactNode;
 
 type YBInputFieldProps<T extends FieldValues> = UseControllerProps<T> & YBToggleProps;
 declare const YBToggleField: <T extends FieldValues>(props: YBInputFieldProps<T>) => ReactElement;
@@ -851,8 +750,10 @@ interface OutlierSelectorProps {
     outlierType: SplitMode;
     onOutlierTypeSelected: (selectedOption: SplitMode) => void;
     onNumNodesChanged: (numNodes: number) => void;
+    showNumNodesInput?: boolean;
+    showNumNodesSelector?: boolean;
 }
-declare const OutlierSelector: ({ metricOutlierSelectors, selectedNumNodes, outlierType, onOutlierTypeSelected, onNumNodesChanged }: OutlierSelectorProps) => JSX.Element;
+declare const OutlierSelector: ({ metricOutlierSelectors, selectedNumNodes, outlierType, onOutlierTypeSelected, onNumNodesChanged, showNumNodesInput, showNumNodesSelector }: OutlierSelectorProps) => JSX.Element;
 
 interface ClusterRegionSelectorProps$1 {
     selectedItem: string;
@@ -870,7 +771,7 @@ interface ClusterRegionSelectorProps {
 }
 declare const ClusterRegionSelector: ({ selectedItem, primaryClusterToRegionMap, asyncClusterToRegionMap, onClusterRegionSelected }: ClusterRegionSelectorProps) => JSX.Element;
 
-type YBCheckboxFieldProps<T extends FieldValues> = UseControllerProps<T> & YBCheckboxProps$1;
+type YBCheckboxFieldProps<T extends FieldValues> = UseControllerProps<T> & YBCheckboxProps;
 declare const YBCheckboxField: <T extends FieldValues>(props: YBCheckboxFieldProps<T>) => ReactElement;
 
 declare const IN_DEVELOPMENT_MODE: boolean;
@@ -1270,4 +1171,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, AlertVariant, 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, ColumnOptions, 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, YBAlert, YBButton, YBCheckbox, YBCheckboxField, YBCodeBlock, YBErrorIndicator, YBInfinitePagination, YBInputField, YBPagination, YBPanelItem, YBSelect, YBTable, YBThemeWrapper, YBToggleField, YBTooltip, 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, WAIT_EVENT_MAPPING, WaitEventClassification, YBCheckboxField, YBCodeBlock, YBErrorIndicator, YBInfinitePagination, YBInputField, YBPagination, 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.67",
+  "version": "1.0.69",
   "main": "dist/cjs/index.js",
   "types": "dist/types.d.ts",
   "author": "Rajagopalan Madhavan",
@@ -28,7 +28,7 @@
     "eslint-plugin-import": "2.23.4",
     "nodemon": "3.1.10",
     "rollup": "2.79.1",
-    "@yugabyte-ui-library/core": "2.0.9",
+    "@yugabyte-ui-library/core": "2.0.10",
     "rollup-plugin-dts": "4.2.3",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "^4.0.2",