import React, { useMemo, useRef } from 'react'; import { Body, ErrorSummary, Link, WarningSummary, css, spacing, } from '@mongodb-js/compass-components'; import type { AnalysisState } from '../../constants/analysis-states'; import { ANALYSIS_STATE_ERROR, ANALYSIS_STATE_TIMEOUT, ANALYSIS_STATE_COMPLETE, } from '../../constants/analysis-states'; import type AppRegistry from 'hadron-app-registry'; const schemaToolbarStyles = css({ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: spacing[3], padding: spacing[3], }); const schemaQueryBarStyles = css({ width: '100%', position: 'relative', }); const schemaToolbarActionBarStyles = css({ width: '100%', display: 'flex', alignItems: 'center', }); const schemaToolbarActionBarRightStyles = css({ flexShrink: 0, flexGrow: 1, display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: spacing[2], paddingLeft: spacing[2], }); const ERROR_WARNING = 'An error occurred during schema analysis'; const INCREASE_MAX_TIME_MS_HINT_MESSAGE = 'Operation exceeded time limit. Please try increasing the maxTimeMS for the query in the filter options.'; const OUTDATED_WARNING_MESSAGE = 'The schema content is outdated and no longer in sync' + ' with the documents view. Press "Analyze" again to see the schema for the' + ' current query.'; const SCHEMA_ANALYSIS_DOCS_LINK = 'https://docs.mongodb.com/compass/current/sampling#sampling'; type SchemaToolbarProps = { analysisState: AnalysisState; errorMessage: string; isOutdated: boolean; localAppRegistry: AppRegistry; onAnalyzeSchemaClicked: () => void; onResetClicked: () => void; sampleSize: number; schemaResultId: string; }; const SchemaToolbar: React.FunctionComponent = ({ analysisState, errorMessage, isOutdated, localAppRegistry, onAnalyzeSchemaClicked, onResetClicked, sampleSize, schemaResultId, }) => { const queryBarRole = localAppRegistry.getRole('Query.QueryBar')![0]; const queryBarRef = useRef<{ component: React.ComponentType; store: any; // Query bar store is not currently typed. }>({ component: queryBarRole.component, store: localAppRegistry.getStore(queryBarRole.storeName!), }); const QueryBarComponent = queryBarRef.current.component; const documentsNoun = useMemo( () => (sampleSize === 1 ? 'document' : 'documents'), [sampleSize] ); return (

{analysisState === ANALYSIS_STATE_COMPLETE && !isOutdated && (

This report is based on a sample of {sampleSize} {documentsNoun}. Learn more

)} {analysisState === ANALYSIS_STATE_ERROR && ( )} {analysisState === ANALYSIS_STATE_TIMEOUT && ( )} {analysisState === ANALYSIS_STATE_COMPLETE && isOutdated && ( )}

); }; export { SchemaToolbar };