diff --git a/packages/compass-data-modeling/src/components/export-diagram-modal.tsx b/packages/compass-data-modeling/src/components/export-diagram-modal.tsx index 6f02559715a..f4c0eb4550c 100644 --- a/packages/compass-data-modeling/src/components/export-diagram-modal.tsx +++ b/packages/compass-data-modeling/src/components/export-diagram-modal.tsx @@ -83,12 +83,12 @@ const ExportDiagramModal = ({ onSelectFormat('diagram')} size="small" description="Importable into Compass and Data Explorer so teammates can collaborate." > - Diagram File + MDM File
diff --git a/packages/compass-data-modeling/src/components/import-diagram-button.tsx b/packages/compass-data-modeling/src/components/import-diagram-button.tsx index 0aa846018ea..1041b19bcf6 100644 --- a/packages/compass-data-modeling/src/components/import-diagram-button.tsx +++ b/packages/compass-data-modeling/src/components/import-diagram-button.tsx @@ -3,6 +3,7 @@ import { Button, type ButtonProps, FileSelector, + Tooltip, } from '@mongodb-js/compass-components'; type ImportDiagramButtonProps = Omit & { @@ -14,22 +15,31 @@ export const ImportDiagramButton = ({ ...buttonProps }: ImportDiagramButtonProps) => { return ( - { - if (files.length === 0) { - return; - } - onImportDiagram(files[0]); - }} - trigger={({ onClick }) => ( - - )} - /> + + { + if (files.length === 0) { + return; + } + onImportDiagram(files[0]); + }} + trigger={({ onClick }) => ( + + )} + /> + + } + > + Only MDM files exported from Compass or Atlas Data Explorer can be + imported. + ); }; diff --git a/packages/compass-e2e-tests/helpers/selectors.ts b/packages/compass-e2e-tests/helpers/selectors.ts index f8cdded0908..b58127bf20e 100644 --- a/packages/compass-e2e-tests/helpers/selectors.ts +++ b/packages/compass-e2e-tests/helpers/selectors.ts @@ -1460,7 +1460,7 @@ export const DataModelExportButton = 'button[aria-label="Export"]'; export const DataModelExportModal = '[data-testid="export-diagram-modal"]'; export const DataModelExportPngOption = `${DataModelExportModal} input[aria-label="PNG"]`; export const DataModelExportJsonOption = `${DataModelExportModal} input[aria-label="JSON"]`; -export const DataModelExportDiagramOption = `${DataModelExportModal} input[aria-label="Diagram File"]`; +export const DataModelExportDiagramOption = `${DataModelExportModal} input[aria-label="MDM File"]`; export const DataModelExportModalConfirmButton = '[data-testid="export-button"]'; export const DataModelsListItem = (diagramName?: string) => {