@yugabytedb/perf-advisor-ui 1.0.167 → 1.0.168

package/dist/components/Header/metadata/TableIndexesModal.d.ts

@@ -12,7 +12,6 @@ interface TableIndexesModalProps {
     initialTab?: ModalTab;
     expandIndexName?: string;
 }
-export declare const SCHEMA_STALE_TIME_MS = 60000;
 export declare const ViewSchemaLoader: () => JSX.Element;
 export declare const TableIndexesModal: ({ universeUuid, apiUrl, namespaceName, schemaName, tableName, materializedViewName, open, onClose, initialTab, expandIndexName }: TableIndexesModalProps) => JSX.Element;
 export {};

package/dist/components/Header/metadata/schemaPanels.d.ts

@@ -0,0 +1,106 @@
+import { ReactNode } from 'react';
+import { mui, YBTableColumn } from '@yugabyte-ui-library/core';
+import { IndexAttribute, IndexResponseMetadata, MaterializedViewResponseMetadata, TableResponseMetadata } from '../../../helpers/dtos';
+export declare const ALL_TYPES = "All types";
+export interface IndexRow {
+    name: string;
+    type: string;
+    method: string;
+    columns: string;
+    definition: string;
+    updated: string;
+    whereClause: string;
+    primary: boolean;
+    unique: boolean;
+    constraintIndex: boolean;
+    nullNotDistinct: boolean;
+    tablespaceName: string;
+    attributes: IndexAttribute[];
+}
+export declare const DetailPanel: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<mui.Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<mui.Theme>> & import('@mui/system').MUIStyledCommonProps<mui.Theme>, {}, {}>;
+export declare const Section: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<mui.Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<mui.Theme>> & import('@mui/system').MUIStyledCommonProps<mui.Theme>, {}, {}>;
+export declare const SectionLabel: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<mui.Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<mui.Theme>> & import('@mui/system').MUIStyledCommonProps<mui.Theme>, {}, {}>;
+export declare const SectionValue: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<mui.Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<mui.Theme>> & import('@mui/system').MUIStyledCommonProps<mui.Theme>, {}, {}>;
+export declare const PropsGrid: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<mui.Theme> & Omit<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<mui.Theme>> & import('@mui/system').MUIStyledCommonProps<mui.Theme>, {}, {}>;
+export declare const EmptyState: ({ title, description }: {
+    title: string;
+    description?: ReactNode;
+}) => JSX.Element;
+export declare const TypeFilterSelect: import('@emotion/styled').StyledComponent<{
+    tooltip?: ReactNode;
+    renderValue?: ((value: unknown) => ReactNode) | undefined;
+    menuProps?: Partial<mui.MenuProps> | undefined;
+    size?: "medium" | "large" | "small" | import('@yugabyte-ui-library/core').YBSelectSize | undefined;
+    selectProps?: Partial<mui.SlotProps<import('react').ElementType<mui.SelectProps>, {}, mui.BaseTextFieldProps>> | undefined;
+    dataTestId: string;
+    withoutBorder?: boolean | undefined;
+} & Omit<mui.StandardTextFieldProps, "color" | "placeholder" | "select" | "variant" | "classes" | "FormHelperTextProps" | "SelectProps"> & {
+    children?: ReactNode;
+} & import('@mui/system').MUIStyledCommonProps<mui.Theme>, {}, {}>;
+export declare const COLUMN_TABLE_COLUMNS: YBTableColumn[];
+export declare const TABLE_COLUMN_TABLE_COLUMNS: YBTableColumn[];
+export declare const INDEX_COLUMNS: YBTableColumn[];
+export declare const attributeLabel: (attribute: IndexAttribute) => string;
+export declare const formatColumns: (attributes: IndexAttribute[]) => string;
+export declare const computeTypes: (index: IndexResponseMetadata) => string[];
+export declare const renderTypeTags: (value: unknown) => ReactNode;
+export declare const buildIndexRows: (indexes: IndexResponseMetadata[]) => {
+    types: string[];
+    row: IndexRow;
+}[];
+interface DefinitionBlockProps {
+    text: string;
+    dataTestId?: string;
+}
+export declare const DefinitionBlock: ({ text, dataTestId }: DefinitionBlockProps) => JSX.Element;
+export declare const buildIndexColumnRows: (index: IndexRow) => {
+    name: string;
+    ordering: string;
+}[];
+interface IndexColumnsTableProps {
+    index: IndexRow;
+    withBorder?: boolean;
+    dataTestIdPrefix?: string;
+}
+export declare const IndexColumnsTable: ({ index, withBorder, dataTestIdPrefix }: IndexColumnsTableProps) => JSX.Element;
+interface IndexDetailPanelProps {
+    index: IndexRow;
+    autoScroll?: boolean;
+    dataTestIdPrefix?: string;
+    showSectionLabel?: boolean;
+    showColumns?: boolean;
+}
+export declare const IndexDetailPanel: ({ index, autoScroll, dataTestIdPrefix, showSectionLabel, showColumns }: IndexDetailPanelProps) => JSX.Element;
+export declare const buildTableColumnRows: (tableMeta: TableResponseMetadata) => {
+    name: string;
+    type: string;
+}[];
+interface TableColumnsTableProps {
+    tableMeta: TableResponseMetadata;
+    withBorder?: boolean;
+    dataTestIdPrefix?: string;
+}
+export declare const TableColumnsTable: ({ tableMeta, withBorder, dataTestIdPrefix }: TableColumnsTableProps) => JSX.Element;
+interface TableDefinitionPanelProps {
+    tableMeta: TableResponseMetadata;
+    dataTestIdPrefix?: string;
+    showSectionLabel?: boolean;
+    showColumns?: boolean;
+}
+export declare const TableDefinitionPanel: ({ tableMeta, dataTestIdPrefix, showSectionLabel, showColumns }: TableDefinitionPanelProps) => JSX.Element;
+interface MaterializedViewDefinitionPanelProps {
+    materializedViewMeta: MaterializedViewResponseMetadata;
+    showSectionLabel?: boolean;
+}
+export declare const MaterializedViewDefinitionPanel: ({ materializedViewMeta, showSectionLabel }: MaterializedViewDefinitionPanelProps) => JSX.Element;
+export {};

package/dist/components/Header/metadata/useRelationSchema.d.ts

@@ -0,0 +1,28 @@
+import { IndexResponseMetadata, MaterializedViewResponseMetadata, TableResponseMetadata } from '../../../helpers/dtos';
+export declare const SCHEMA_QUERY_OPTIONS: {
+    readonly staleTime: number;
+    readonly cacheTime: number;
+    readonly refetchOnWindowFocus: false;
+    readonly refetchOnReconnect: false;
+};
+interface UseRelationSchemaParams {
+    universeUuid: string;
+    apiUrl: string;
+    namespaceName: string;
+    schemaName: string;
+    tableName: string;
+    materializedViewName?: string;
+    enabled?: boolean;
+}
+interface UseRelationSchemaResult {
+    tableMeta: TableResponseMetadata | undefined;
+    materializedViewMeta: MaterializedViewResponseMetadata | undefined;
+    indexes: IndexResponseMetadata[];
+    isTableFetching: boolean;
+    isMaterializedViewFetching: boolean;
+    areIndexesLoading: boolean;
+    isTableLoading: boolean;
+    isMaterializedViewLoading: boolean;
+}
+export declare const useRelationSchema: ({ universeUuid, apiUrl, namespaceName, schemaName, tableName, materializedViewName, enabled }: UseRelationSchemaParams) => UseRelationSchemaResult;
+export {};

package/dist/components/Header/metadata/useTabletRelation.d.ts

@@ -1,10 +1,3 @@
-/**
- * A tablet's physical relation resolved into logical YSQL metadata.
- *
- * `isResolved` is false for YCQL and for any relation neither catalog knows about - in that case no
- * definition lookup is possible and callers must not offer one. `isLoading` separates "not yet
- * known" from that, so callers can show progress instead of claiming the relation is unresolvable.
- */
 export interface TabletRelation {
     tableName?: string;
     indexName?: string;
@@ -20,14 +13,5 @@ interface UseTabletRelationParams {
     physicalRelationName?: string;
     enabled: boolean;
 }
-/**
- * Resolves a physical tablet relation to its owning table / index name.
- *
- * A tablet anomaly only carries `tableName` as reported by tablet metadata, which is the physical
- * relation and may well be an index - nothing in the anomaly says which. Since tables and indexes
- * share one PostgreSQL relation namespace, an exact (database, schema, name) hit in either catalog
- * identifies the relation unambiguously, so we probe the table catalog first and fall back to the
- * index catalog. Both are plain metadata reads.
- */
 export declare const useTabletRelation: ({ universeUuid, apiUrl, dbName, schemaName, physicalRelationName, enabled }: UseTabletRelationParams) => TabletRelation;
 export {};

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

@@ -12,10 +12,11 @@ export interface ProcessGraphDataProps {
     queryIdParam: string | null;
     showStandaloneAnomalies: boolean;
     showExplainPlan?: boolean;
+    showSchema?: boolean;
     showPgssRpcStats?: boolean;
     showQueriesExport?: boolean;
     onSelectedIssue?: (troubleshootUuid: string | null, params?: PAUrlParams) => void;
     onSelectedQuery?: (queryId: string | null, params?: QueryPageParams) => void;
     onNavigateToUrl?: (url: string) => void;
 }
-export declare const ProcessGraphData: React.MemoExoticComponent<({ universeUuid, anomalyData, amomalyGraphRequestParams, appName, apiUrl, dbIdParam, isHistoricalQueryView, troubleshootUuid, queryIdParam, showStandaloneAnomalies, showExplainPlan, showPgssRpcStats, showQueriesExport, onSelectedIssue, onSelectedQuery, onNavigateToUrl }: ProcessGraphDataProps) => JSX.Element>;
+export declare const ProcessGraphData: React.MemoExoticComponent<({ universeUuid, anomalyData, amomalyGraphRequestParams, appName, apiUrl, dbIdParam, isHistoricalQueryView, troubleshootUuid, queryIdParam, showStandaloneAnomalies, showExplainPlan, showSchema, showPgssRpcStats, showQueriesExport, onSelectedIssue, onSelectedQuery, onNavigateToUrl }: ProcessGraphDataProps) => JSX.Element>;

package/dist/components/SecondaryDashboard/Schema/QuerySchemaTab.d.ts

@@ -0,0 +1,15 @@
+import { AppName, ClusterDetails } from '../../../helpers/dtos';
+interface QuerySchemaTabProps {
+    appName: AppName;
+    apiUrl: string;
+    universeUuid: string;
+    queryId: string | null;
+    dbId: string | null;
+    dateTimeRange: {
+        startDateTime: Date;
+        endDateTime: Date;
+    };
+    getClusterDetails: () => ClusterDetails;
+}
+export declare const QuerySchemaTab: ({ appName, apiUrl, universeUuid, queryId, dbId, dateTimeRange, getClusterDetails }: QuerySchemaTabProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/Schema/SchemaColumnHeader.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface SchemaColumnHeaderProps {
+    label: string;
+    tooltip: string;
+}
+export declare const SchemaColumnHeader: ({ label, tooltip }: SchemaColumnHeaderProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/Schema/SchemaObjectDetailPanel.d.ts

@@ -0,0 +1,9 @@
+import { SchemaObjectRow } from '../../../helpers/dtos';
+interface SchemaObjectDetailPanelProps {
+    object: SchemaObjectRow;
+    universeUuid: string;
+    apiUrl: string;
+    onOpenIndex: (indexName: string) => void;
+}
+export declare const SchemaObjectDetailPanel: ({ object, universeUuid, apiUrl, onOpenIndex }: SchemaObjectDetailPanelProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/Schema/SchemaObjectSidePanel.d.ts

@@ -0,0 +1,10 @@
+import { SchemaObjectRow } from '../../../helpers/dtos';
+interface SchemaObjectSidePanelProps {
+    object: SchemaObjectRow;
+    indexName?: string;
+    universeUuid: string;
+    apiUrl: string;
+    onClose: () => void;
+}
+export declare const SchemaObjectSidePanel: ({ object, indexName, universeUuid, apiUrl, onClose }: SchemaObjectSidePanelProps) => JSX.Element;
+export {};

package/dist/components/SecondaryDashboard/Schema/schemaUtils.d.ts

@@ -0,0 +1,23 @@
+import { ResolvedRelationType, SchemaObjectRow } from '../../../helpers/dtos';
+export declare const OBJECT_TYPE_LABEL: Record<ResolvedRelationType, string>;
+export declare const buildSchemaObjectLabel: (object: {
+    databaseName: string;
+    schemaName: string;
+    name: string;
+}) => string;
+interface TabletStatsEntity {
+    databaseName?: string;
+    schemaName?: string;
+    physicalRelationName?: string;
+    tableName?: string;
+    indexName?: string;
+    materializedViewName?: string;
+    resolvedRelationType?: ResolvedRelationType;
+    eps?: number;
+    totalEpsRatio?: number;
+    deletedDate?: string;
+}
+export declare const buildSchemaObjects: (entities?: TabletStatsEntity[]) => SchemaObjectRow[];
+export declare const summarizeSchemaObjects: (objects: SchemaObjectRow[]) => string;
+export declare const matchesSchemaFilter: (object: SchemaObjectRow, searchInput: string) => boolean;
+export {};

package/dist/components/SecondaryDashboard/Schema/useQuerySchemaObjects.d.ts

@@ -0,0 +1,22 @@
+import { AxiosError } from 'axios';
+import { ClusterDetails, SchemaObjectRow } from '../../../helpers/dtos';
+interface UseQuerySchemaObjectsParams {
+    universeUuid: string;
+    apiUrl: string;
+    queryId: string | null;
+    dbId: string | null;
+    startTime: string | null;
+    endTime: string | null;
+    getClusterDetails: () => ClusterDetails;
+}
+interface UseQuerySchemaObjectsResult {
+    objects: SchemaObjectRow[];
+    totalTabletCount: number;
+    isTruncated: boolean;
+    isLoading: boolean;
+    isFetching: boolean;
+    isError: boolean;
+    error: AxiosError | null;
+}
+export declare const useQuerySchemaObjects: ({ universeUuid, apiUrl, queryId, dbId, startTime, endTime, getClusterDetails }: UseQuerySchemaObjectsParams) => UseQuerySchemaObjectsResult;
+export {};

package/dist/components/SecondaryDashboard/Schema/useSchemaObjectsUpdatedAt.d.ts

@@ -0,0 +1,9 @@
+import { SchemaObjectRow } from '../../../helpers/dtos';
+interface UseSchemaObjectsUpdatedAtParams {
+    objects: SchemaObjectRow[];
+    universeUuid: string;
+    apiUrl: string;
+    enabled: boolean;
+}
+export declare const useSchemaObjectsUpdatedAt: ({ objects, universeUuid, apiUrl, enabled }: UseSchemaObjectsUpdatedAtParams) => Map<string, string>;
+export {};