@yugabytedb/perf-advisor-ui 1.0.31 → 1.0.33

package/dist/types.d.ts

@@ -1,7 +1,10 @@
 import { MUIDataTableMeta, MUIDataTableColumn, MUIDataTableOptions } from 'mui-datatables';
 import * as axios from 'axios';
-import React$1, { FC, ChangeEvent, ReactElement, HTMLAttributes, ReactNode } from 'react';
+import React$1, { FC, ReactNode, ReactElement, ChangeEvent, HTMLAttributes, VFC } from 'react';
+import { ButtonProps, StandardTextFieldProps, MenuProps, SelectProps, BoxProps, CheckboxProps, InputProps, DialogProps, DialogContentProps, PopperProps, TooltipProps, SwitchProps, FormControlLabelProps } from '@material-ui/core';
+import { LinkProps } from 'react-router-dom';
 import * as _material_ui_core_styles_withStyles from '@material-ui/core/styles/withStyles';
+import { FieldValues, UseControllerProps } from 'react-hook-form';
 import { FetchNextPageOptions, InfiniteQueryObserverResult } from 'react-query';
 
 interface Universe {
@@ -637,7 +640,15 @@ declare class ApiService {
 }
 declare const PerfAdvisorAPI: ApiService;
 
-interface CodeBlockProps {
+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$1 {
     showCopyButton?: boolean;
     multiBlock?: boolean;
     codeClassName?: string;
@@ -653,7 +664,24 @@ interface CodeBlockProps {
     collapseLabel?: string;
     onCopySuccess?: () => void;
 }
-declare const YBCodeBlock: FC<CodeBlockProps>;
+declare const YBCodeBlock: FC<CodeBlockProps$1>;
+
+interface CodeBlockProps {
+    showCopyButton?: boolean;
+    analyticsEventProps?: Record<string, string>;
+    multiBlock?: boolean;
+    codeClassName?: string;
+    preClassName?: string;
+    lang?: string;
+    containerClassName?: string;
+    text: string | string[] | React$1.ReactElement | React$1.ReactElement[];
+    dataTestId?: string;
+    enabledExpandCollapse?: boolean;
+    showExpandCollapse?: boolean;
+    collapseHeight?: number;
+    appName: AppName;
+}
+declare const YBCodeBlockCopy: FC<CodeBlockProps>;
 
 declare const useCodeBlockStyles: (props?: any) => _material_ui_core_styles_withStyles.ClassNameMap<"searchBox" | "refreshBtn" | "codeBlock" | "codeBlockSqlView" | "tableHeaderCell" | "rowTableCell" | "tableContainer" | "tableRow" | "queryTableRow" | "queryTableCell" | "queryPreBlock" | "queryCodeElement" | "queryContainerCode" | "defaultActions" | "overrideExpandBtn">;
 
@@ -664,6 +692,71 @@ interface YBErrorIndicatorProps {
 }
 declare const YBErrorIndicator: ({ type, uuid, customErrorMessage }: YBErrorIndicatorProps) => JSX.Element;
 
+interface YBLabelProps {
+    className?: string;
+    dataTestId?: string;
+    width?: string;
+}
+declare const YBLabel: FC<YBLabelProps>;
+
+type YBInputProps = {
+    tooltip?: ReactNode;
+} & Omit<StandardTextFieldProps, 'variant' | 'color' | 'classes' | 'size' | 'select' | 'FormHelperTextProps' | 'SelectProps'>;
+declare const YBInput: FC<YBInputProps>;
+
+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>;
+
+interface GenericFailureProps extends BoxProps {
+    text?: string;
+}
+declare const GenericFailure: FC<GenericFailureProps>;
+
+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;
+    dataTestId?: string;
+    transitionTimeout?: number | TransitionProps;
+}
+declare const YBAlert: FC<AlertProps>;
+
+interface YBCheckboxProps extends CheckboxProps {
+    label: React$1.ReactNode;
+    labelClassName?: string;
+    showCheckedIcon?: boolean;
+    inputProps?: InputProps['inputProps'];
+}
+declare const YBCheckbox: FC<YBCheckboxProps>;
+
 interface YBDateTimePickerProps {
     defaultDateTimeValue?: string;
     dateTimeLabel: string;
@@ -675,6 +768,38 @@ interface YBDateTimePickerProps {
 }
 declare const YBDateTimePicker: ({ defaultDateTimeValue, dateTimeLabel, value, errorMsg, onChange, className, disabled }: YBDateTimePickerProps) => JSX.Element;
 
+interface OverrideButtonProps {
+    primary?: YBButtonProps;
+    secondary?: YBButtonProps;
+}
+interface YBModalProps extends DialogProps {
+    title?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    overrideHeight?: string | number;
+    overrideWidth?: string | number;
+    isSidePanel?: boolean;
+    titleSeparator?: boolean;
+    titleIcon?: React$1.ReactNode;
+    actionsInfo?: React$1.ReactNode;
+    onClose?: () => void;
+    onSubmit?: () => void;
+    enableBackdropDismiss?: boolean;
+    submitLabel?: string;
+    submitButtonTooltip?: string | ReactElement;
+    submitTestId?: string;
+    customSubmitButton?: React$1.ReactNode;
+    cancelLabel?: React$1.ReactNode;
+    cancelButtonTooltip?: string;
+    cancelTestId?: string;
+    buttonProps?: OverrideButtonProps;
+    customTitle?: React$1.ReactNode;
+    hideCloseBtn?: boolean;
+    dialogContentProps?: DialogContentProps;
+    formProps?: React$1.HTMLProps<HTMLFormElement>;
+    gradientTag?: string;
+}
+declare const YBModal: FC<YBModalProps>;
+
 interface YBInfinitePaginationProps<T> {
     dataPrefetchFn: (options?: FetchNextPageOptions | undefined) => Promise<InfiniteQueryObserverResult<T, unknown>>;
     page: number;
@@ -738,6 +863,25 @@ interface RowItemClasses {
 }
 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>;
+
+interface YBToggleProps extends SwitchProps {
+    label?: string;
+    formControlLabelProps?: Partial<FormControlLabelProps>;
+    inputProps?: InputProps['inputProps'];
+}
+declare const YBToggle: FC<YBToggleProps>;
+
+type YBInputFieldProps<T extends FieldValues> = UseControllerProps<T> & YBToggleProps;
+declare const YBToggleField: <T extends FieldValues>(props: YBInputFieldProps<T>) => ReactElement;
+
 interface MetricSplitSelectorProps {
     metricSplitSelectors: any;
     anomalyData?: Anomaly | null;
@@ -770,6 +914,9 @@ interface ClusterRegionSelectorProps {
 }
 declare const ClusterRegionSelector: ({ selectedItem, primaryClusterToRegionMap, asyncClusterToRegionMap, onClusterRegionSelected }: ClusterRegionSelectorProps) => JSX.Element;
 
+type YBCheckboxFieldProps<T extends FieldValues> = UseControllerProps<T> & YBCheckboxProps;
+declare const YBCheckboxField: <T extends FieldValues>(props: YBCheckboxFieldProps<T>) => ReactElement;
+
 declare const IN_DEVELOPMENT_MODE: boolean;
 declare const REACT_APP_API_URL: string;
 
@@ -803,6 +950,9 @@ declare const metricSplitSelectors: readonly [{
 }, {
     readonly value: MetricMeasure.OUTLIER_TABLES;
     readonly label: "Outlier Tables";
+}, {
+    readonly value: MetricMeasure.OUTLIER_DB;
+    readonly label: "Outlier Databases";
 }];
 declare const otherSplitSelectors: readonly [{
     readonly value: MetricMeasure.OVERALL;
@@ -1119,4 +1269,4 @@ declare function isYAxisGreaterThanThousand(dataArray: any): boolean;
 declare function divideYAxisByThousand(dataArray: any): any;
 declare function timeFormatXAxis(dataArray: any, timezone: string | undefined): any;
 
-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_COUNT, CQL_QUERY_REQUEST_GRAPHS, ClusterLoadResponseData, ClusterNodeInfo, ClusterNodeListMetadata, ClusterRegionSelector, Column, ColumnOptions, ConfigureUniverseMetadata, DB_TAG, 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, PerfAdvisorAPI, PerfAdvisorEntry, PrimaryDashboardViewTabs, QUERIES, QUERY_DETAILS, QUERY_KEY, QueryPageParams, QueryType, QueryWaitEvents, RCAGuideline, RCA_GANT_CHART, REACT_APP_API_URL, REGION_TAG, RUNTIME_CONFIG_KEYS, Resources, RowItemClasses$1 as RowItemClasses, RuntimeConfigData, RuntimeConfigType, RuntimeConfigs, SQL_QUERY_REQUEST_GRAPHS, SortDirection, SplitMode, SplitType, TABLET_TAG, TABLE_REQUEST_GRAPHS, TABLE_TAG, TIME_FILTER_LABEL, TIME_FILTER_VALUES, TPFeatureFlags, TPUrlParams, TYPE, TableInfo, TablePageParams, TroubleshootingRecommendations, URL_TAB_PATH, USER_TAG, Universe, UniverseConfig, UniverseMetadataFields, UniverseQueryData, UniverseQueryStatsData, UpdateMetadataFormFields, UpdateRuntimeConfigFormFields, UrlParams, VIEW_MORE, WAIT_EVENT_MAPPING, WaitEventClassification, YBCodeBlock, YBDateTimePicker, YBErrorIndicator, YBInfinitePagination, YBPagination, YBPanelItem, YBTable, ZONE_TAG, ZoneNodeSelector, divideYAxisByThousand, filterDurations, getCustomFooterComponent, getRowCellComponent, isDefinedNotNull, isEmptyArray, isEmptyObject, isEmptyString, isNonEmptyArray, isNonEmptyObject, isNonEmptyString, isNullOrEmpty, isValidObject, isYAxisGreaterThanThousand, metricOutlierSelectors, metricSplitSelectors, otherSplitSelectors, removeNullProperties, timeFormatXAxis, 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, 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_COUNT, CQL_QUERY_REQUEST_GRAPHS, ClusterLoadResponseData, ClusterNodeInfo, ClusterNodeListMetadata, ClusterRegionSelector, Column, ColumnOptions, ConfigureUniverseMetadata, DB_TAG, DEFAULT_RECORDS_PER_PAGE, ELLIPSIS, FormattedAnomalyRca, GLOBAL_RUNTIME_CONFIG, GROUP_BY_OPERATIONS, GenericFailure, 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, PerfAdvisorAPI, PerfAdvisorEntry, PrimaryDashboardViewTabs, QUERIES, QUERY_DETAILS, QUERY_KEY, QueryPageParams, QueryType, QueryWaitEvents, RCAGuideline, RCA_GANT_CHART, REACT_APP_API_URL, REGION_TAG, RUNTIME_CONFIG_KEYS, Resources, RowItemClasses$1 as RowItemClasses, RuntimeConfigData, RuntimeConfigType, RuntimeConfigs, SQL_QUERY_REQUEST_GRAPHS, SortDirection, SplitMode, SplitType, TABLET_TAG, TABLE_REQUEST_GRAPHS, TABLE_TAG, TIME_FILTER_LABEL, TIME_FILTER_VALUES, TPFeatureFlags, TPUrlParams, 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, YBCodeBlockCopy, YBDateTimePicker, YBErrorIndicator, YBInfinitePagination, YBInput, YBInputField, YBLabel, YBModal, YBPagination, YBPanelItem, YBSelect, YBTable, YBToggle, YBToggleField, YBTooltip, ZONE_TAG, ZoneNodeSelector, divideYAxisByThousand, filterDurations, getCustomFooterComponent, getRowCellComponent, isDefinedNotNull, isEmptyArray, isEmptyObject, isEmptyString, isNonEmptyArray, isNonEmptyObject, isNonEmptyString, isNullOrEmpty, isValidObject, isYAxisGreaterThanThousand, metricOutlierSelectors, metricSplitSelectors, otherSplitSelectors, removeNullProperties, timeFormatXAxis, useCodeBlockStyles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yugabytedb/perf-advisor-ui",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "main": "dist/cjs/index.js",
   "types": "dist/types.d.ts",
   "author": "Rajagopalan Madhavan",
@@ -43,7 +43,6 @@
     "@types/react-dom": "17.0.3",
     "@types/react-router": "3.0.24",
     "@types/react-router-dom": "5.3.3",
-    "@yugabyte-ui-library/core": "2.0.5",
     "axios": "0.21.3",
     "clsx": "1.1.1",
     "date-fns": "2.30.0",