@yugabytedb/perf-advisor-ui 1.0.30 → 1.0.31

package/dist/types.d.ts

@@ -1,10 +1,7 @@
 import { MUIDataTableMeta, MUIDataTableColumn, MUIDataTableOptions } from 'mui-datatables';
 import * as axios from 'axios';
-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 React$1, { FC, ChangeEvent, ReactElement, HTMLAttributes, ReactNode } from 'react';
 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 {
@@ -640,15 +637,7 @@ 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$1 {
+interface CodeBlockProps {
     showCopyButton?: boolean;
     multiBlock?: boolean;
     codeClassName?: string;
@@ -664,24 +653,7 @@ interface CodeBlockProps$1 {
     collapseLabel?: string;
     onCopySuccess?: () => void;
 }
-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 YBCodeBlock: 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">;
 
@@ -692,71 +664,6 @@ 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;
@@ -768,38 +675,6 @@ 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;
@@ -863,25 +738,6 @@ 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;
@@ -914,9 +770,6 @@ 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;
 
@@ -1266,4 +1119,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, 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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yugabytedb/perf-advisor-ui",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "main": "dist/cjs/index.js",
   "types": "dist/types.d.ts",
   "author": "Rajagopalan Madhavan",
@@ -43,6 +43,7 @@
     "@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",