@yugabytedb/perf-advisor-ui 1.0.171 → 1.0.173

package/dist/common/ChartCard/ChartCard.d.ts

@@ -22,9 +22,13 @@ export interface ChartCardProps {
     onExpand?: () => void;
     /** Marks this instance as the fullscreen copy rendered inside ExpandedChartModal. */
     isExpanded?: boolean;
+    /**
+     * Rendered inside a container that already supplies a frame and a title.
+     */
+    embedded?: boolean;
     /** Explicit card height in px. Defaults to the standard in-grid card height. */
     chartHeight?: number;
     onEChartsDateSelect: (start: number, end: number) => void;
     onFilterBarData?: (data: string[]) => void;
 }
-export declare const ChartCard: ({ title, titleInfo, headerRightSlot, data, chartType, isLoading, isError, errorText, metricKey, timezone, config, rescaleYAxisOnLegendToggle, renderError, onExpand, isExpanded, chartHeight, onEChartsDateSelect, onFilterBarData }: ChartCardProps) => JSX.Element;
+export declare const ChartCard: ({ title, titleInfo, headerRightSlot, data, chartType, isLoading, isError, errorText, metricKey, timezone, config, rescaleYAxisOnLegendToggle, renderError, onExpand, isExpanded, embedded, chartHeight, onEChartsDateSelect, onFilterBarData }: ChartCardProps) => JSX.Element;

package/dist/common/ChartCard/ChartCard.styles.d.ts

@@ -4,5 +4,8 @@ export interface ChartCardStyleProps {
     cardHeight?: number;
     /** Fullscreen copy: the dialog provides the frame, so drop the card border. */
     isExpanded?: boolean;
+    /** Rendered inside a container that supplies its own frame and title. */
+    embedded?: boolean;
+    showTitleRow?: boolean;
 }
 export declare const useChartCardStyles: (props: ChartCardStyleProps) => import('@material-ui/styles').ClassNameMap<string>;

package/dist/components/GanttChart/adapters/backgroundJobsAdapter.d.ts

@@ -1,3 +1,3 @@
 import { TransformedBackgroundTasksResponse } from '../../../helpers/dtos';
 import { GanttAdapterResult } from '../types';
-export declare function backgroundJobsAdapter(data: TransformedBackgroundTasksResponse | null | undefined, colorMap: Record<string, string>): GanttAdapterResult;
+export declare function backgroundJobsAdapter(data: TransformedBackgroundTasksResponse | null | undefined, colorMap: Record<string, string>, chartEndTime?: Date): GanttAdapterResult;

package/dist/components/PrimaryDashboard/DetectedAnomalies.d.ts

@@ -10,6 +10,9 @@ export interface IDetectedAnomalies {
     currentTab?: InsightsTabs;
     anomalyGroupsFetchError?: string;
     anomalyGroups: AnomalyResponse | null;
+    includeInsights?: boolean;
+    showIncludeInsights?: boolean;
+    onIncludeInsightsChange?: (includeInsights: boolean) => void;
     onClickShowMoreAnomalies: (category: string) => void;
     fetchAnomalyGroups: UseQueryResult<AnomalyResponse, unknown>;
     onSelectedIssue?: (troubleshootUuid: string, params?: PAUrlParams) => void;

package/dist/components/PrimaryDashboard/useChartData.d.ts

@@ -19,6 +19,7 @@ export interface UseChartDataArgs {
     splitCount: number;
     aggregation: Aggregation;
     deps: unknown[];
+    requestKey?: string;
 }
 export interface UseChartDataResult {
     data: ClusterLoadResponseData[] | null;
@@ -26,4 +27,4 @@ export interface UseChartDataResult {
     isError: boolean;
     errorText: string | undefined;
 }
-export declare const useChartData: ({ apiUrl, universeUuid, startTime, endTime, isAshEnabled, metrics, filters, splitType, splitMode, splitCount, aggregation, deps }: UseChartDataArgs) => UseChartDataResult;
+export declare const useChartData: ({ apiUrl, universeUuid, startTime, endTime, isAshEnabled, metrics, filters, splitType, splitMode, splitCount, aggregation, deps, requestKey }: UseChartDataArgs) => UseChartDataResult;

package/dist/components/SecondaryDashboard/DrilldownView/QPMPlanSelector.d.ts

@@ -1,9 +1,11 @@
 import { ProcessedQueryPlan } from '../../../helpers/utils';
+import { QpmPlanSelection } from '../QPMLoadChart/types';
 interface QPMPlanSelectorProps {
     plans: ProcessedQueryPlan[];
-    selectedIndex: number;
+    value: QpmPlanSelection;
     loading?: boolean;
-    onChange: (index: number) => void;
+    includeAllOption?: boolean;
+    onChange: (selection: QpmPlanSelection) => void;
 }
-export declare const QPMPlanSelector: ({ plans, loading, onChange, selectedIndex }: QPMPlanSelectorProps) => JSX.Element;
+export declare const QPMPlanSelector: ({ plans, loading, onChange, value, includeAllOption }: QPMPlanSelectorProps) => JSX.Element;
 export {};

package/dist/components/SecondaryDashboard/QPMLoadChart/QPMLoadChart.d.ts

@@ -0,0 +1,22 @@
+import { QpmPlanSelection } from './types';
+import { PlanLoadDisabledReason } from '../../../helpers/planLoadText';
+import { ProcessedQueryPlan } from '../../../helpers/utils';
+import { AppName } from '../../../helpers/dtos';
+export interface QPMLoadChartProps {
+    plans: ProcessedQueryPlan[];
+    selection: QpmPlanSelection | null;
+    disabledReason: PlanLoadDisabledReason | null;
+    dateTimeRange: {
+        startDateTime: Date;
+        endDateTime: Date;
+    };
+    universeUuid: string;
+    appName: AppName;
+    apiUrl: string;
+    queryId?: string;
+    dbId?: number;
+    isLoading?: boolean;
+    timezone?: string;
+    onEChartsDateSelect?: (start: number, end: number) => void;
+}
+export declare const QPMLoadChart: ({ plans, selection, disabledReason, dateTimeRange, universeUuid, appName, apiUrl, queryId, dbId, isLoading, timezone, onEChartsDateSelect }: QPMLoadChartProps) => JSX.Element;

package/dist/components/SecondaryDashboard/QPMLoadChart/index.d.ts

@@ -0,0 +1,4 @@
+export { QPMLoadChart } from './QPMLoadChart';
+export type { QPMLoadChartProps } from './QPMLoadChart';
+export type { QpmPlanSelection } from './types';
+export { QPM_ALL_PLANS, QPM_UNATTRIBUTED_PLAN, QPM_GROUP_BY_OPTIONS } from './types';

package/dist/components/SecondaryDashboard/QPMLoadChart/qpmLoadConfig.d.ts

@@ -0,0 +1,8 @@
+import { ChartConfig } from '../../../common/ChartCard';
+import { WaitEventClassification } from '../../../helpers/dtos';
+export interface QpmLoadConfigOptions {
+    colorByName: Record<string, string>;
+    groupBy: WaitEventClassification;
+    isShowAll: boolean;
+}
+export declare const makeQpmLoadConfig: ({ colorByName, groupBy, isShowAll }: QpmLoadConfigOptions) => ChartConfig;

package/dist/components/SecondaryDashboard/QPMLoadChart/types.d.ts

@@ -0,0 +1,9 @@
+import { WaitEventClassification } from '../../../helpers/dtos';
+export declare const QPM_ALL_PLANS = "ALL";
+export type QpmPlanSelection = string;
+export declare const QPM_UNATTRIBUTED_PLAN = "No plan recorded";
+export declare const QPM_UNATTRIBUTED_PLAN_COLOR = "#97A5B0";
+export declare const QPM_GROUP_BY_OPTIONS: ReadonlyArray<{
+    value: WaitEventClassification;
+    label: string;
+}>;

package/dist/components/SecondaryDashboard/QPMLoadChart/useQpmLoadData.d.ts

@@ -0,0 +1,15 @@
+import { UseChartDataResult } from '../../PrimaryDashboard/useChartData';
+import { WaitEventClassification } from '../../../helpers/dtos';
+import { QpmPlanSelection } from './types';
+export interface UseQpmLoadDataArgs {
+    startDateTime: Date;
+    endDateTime: Date;
+    selection: QpmPlanSelection;
+    groupBy: WaitEventClassification;
+    universeUuid: string;
+    apiUrl: string;
+    enabled: boolean;
+    queryId?: string;
+    dbId?: number;
+}
+export declare const useQpmLoadData: ({ startDateTime, endDateTime, selection, groupBy, universeUuid, apiUrl, enabled, queryId, dbId }: UseQpmLoadDataArgs) => UseChartDataResult;