Fixed export formats for empty project

CHANGELOG.md

@@ -25,6 +25,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Cloud storage content listing when the manifest name contains special characters
   (<https://github.com/opencv/cvat/pull/5873>)
 - Width and height in CVAT dataset format mask annotations (<https://github.com/opencv/cvat/pull/5905>)
+- Empty list of export formats for a project without tasks (<https://github.com/opencv/cvat/pull/5899>)
 
 ### Security
 - TDB

cvat-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cvat-ui",
-  "version": "1.50.1",
+  "version": "1.50.2",
   "description": "CVAT single-page application",
   "main": "src/index.tsx",
   "scripts": {

cvat-ui/src/components/export-dataset/export-dataset-modal.tsx

@@ -1,5 +1,5 @@
 // Copyright (C) 2021-2022 Intel Corporation
-// Copyright (C) 2022 CVAT.ai Corporation
+// Copyright (C) 2022-2023 CVAT.ai Corporation
 //
 // SPDX-License-Identifier: MIT
 
@@ -18,7 +18,10 @@ import Space from 'antd/lib/space';
 import TargetStorageField from 'components/storage/target-storage-field';
 import { CombinedState, StorageLocation } from 'reducers';
 import { exportActions, exportDatasetAsync } from 'actions/export-actions';
-import { getCore, Storage, StorageData } from 'cvat-core-wrapper';
+import {
+    Dumper,
+    getCore, Job, Project, Storage, StorageData, Task,
+} from 'cvat-core-wrapper';
 
 const core = getCore();
 
@@ -56,15 +59,15 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
         location: StorageLocation.LOCAL,
     });
     const [defaultStorageLocation, setDefaultStorageLocation] = useState(StorageLocation.LOCAL);
-    const [defaultStorageCloudId, setDefaultStorageCloudId] = useState<number | null>(null);
+    const [defaultStorageCloudId, setDefaultStorageCloudId] = useState<number>();
     const [helpMessage, setHelpMessage] = useState('');
     const dispatch = useDispatch();
 
     useEffect(() => {
-        if (instance instanceof core.classes.Project) {
+        if (instance instanceof Project) {
             setInstanceType(`project #${instance.id}`);
-        } else if (instance instanceof core.classes.Task || instance instanceof core.classes.Job) {
-            if (instance instanceof core.classes.Task) {
+        } else if (instance instanceof Task || instance instanceof Job) {
+            if (instance instanceof Task) {
                 setInstanceType(`task #${instance.id}`);
             } else {
                 setInstanceType(`job #${instance.id}`);
@@ -79,16 +82,16 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
 
     useEffect(() => {
         if (instance) {
-            if (instance instanceof core.classes.Project || instance instanceof core.classes.Task) {
+            if (instance instanceof Project || instance instanceof Task) {
                 setDefaultStorageLocation(instance.targetStorage?.location || StorageLocation.LOCAL);
-                setDefaultStorageCloudId(instance.targetStorage?.cloudStorageId || null);
+                setDefaultStorageCloudId(instance.targetStorage?.cloudStorageId);
             } else {
                 core.tasks.get({ id: instance.taskId })
                     .then((response: any) => {
                         if (response.length) {
                             const [taskInstance] = response;
                             setDefaultStorageLocation(taskInstance.targetStorage?.location || StorageLocation.LOCAL);
-                            setDefaultStorageCloudId(taskInstance.targetStorage?.cloudStorageId || null);
+                            setDefaultStorageCloudId(taskInstance.targetStorage?.cloudStorageId);
                         }
                     })
                     .catch((error: Error) => {
@@ -104,7 +107,6 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
     }, [instance]);
 
     useEffect(() => {
-        // eslint-disable-next-line prefer-template
         setHelpMessage(`Export to ${(defaultStorageLocation) ? defaultStorageLocation.split('_')[0] : 'local'} ` +
                         `storage ${(defaultStorageCloudId) ? `№${defaultStorageCloudId}` : ''}`);
     }, [defaultStorageLocation, defaultStorageCloudId]);
@@ -129,7 +131,7 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
                         location: defaultStorageLocation,
                         cloudStorageId: defaultStorageCloudId,
                     }) : new Storage(targetStorage),
-                    values.customName ? `${values.customName}.zip` : null,
+                    values.customName ? `${values.customName}.zip` : undefined,
                 ),
             );
             closeModal();
@@ -168,10 +170,13 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
                 >
                     <Select virtual={false} placeholder='Select dataset format' className='cvat-modal-export-select'>
                         {dumpers
-                            .sort((a: any, b: any) => a.name.localeCompare(b.name))
-                            .filter((dumper: any): boolean => dumper.dimension === instance?.dimension)
+                            .sort((a: Dumper, b: Dumper) => a.name.localeCompare(b.name))
+                            .filter(
+                                (dumper: Dumper): boolean => dumper.dimension === instance?.dimension ||
+                                    (instance instanceof Project && instance.dimension === null),
+                            )
                             .map(
-                                (dumper: any): JSX.Element => {
+                                (dumper: Dumper): JSX.Element => {
                                     const pending = (instance && current ? current : [])
                                         .includes(dumper.name);
                                     const disabled = !dumper.enabled || pending;
@@ -192,7 +197,11 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
                     </Select>
                 </Form.Item>
                 <Space>
-                    <Form.Item name='saveImages' className='cvat-modal-export-switch-use-default-storage'>
+                    <Form.Item
+                        className='cvat-modal-export-switch-use-default-storage'
+                        name='saveImages'
+                        valuePropName='checked'
+                    >
                         <Switch className='cvat-modal-export-save-images' />
                     </Form.Item>
                     <Text strong>Save images</Text>
@@ -206,7 +215,7 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
                     />
                 </Form.Item>
                 <TargetStorageField
-                    instanceId={instance?.id}
+                    instanceId={instance ? instance.id : null}
                     switchDescription='Use default settings'
                     switchHelpMessage={helpMessage}
                     useDefaultStorage={useDefaultTargetStorage}
@@ -224,9 +233,9 @@ function ExportDatasetModal(props: StateToProps): JSX.Element {
 }
 
 interface StateToProps {
-    dumpers: any;
-    instance: any;
-    current: any;
+    dumpers: Dumper[];
+    instance: Project | Task | Job | null;
+    current: string[];
 }
 
 function mapStateToProps(state: CombinedState): StateToProps {

cvat-ui/src/components/import-dataset/styles.scss

@@ -31,6 +31,7 @@
     }
 }
 
+.cvat-switch-use-default-storage,
 .cvat-modal-import-switch-use-default-storage,
 .cvat-modal-import-switch-conv-mask-to-poly {
     display: table-cell;

cvat-ui/src/components/storage/storage-with-switch-field.tsx

@@ -54,7 +54,7 @@ export default function StorageWithSwitchField(props: Props): JSX.Element {
                         <Form.Item
                             name={switchName}
                             valuePropName='checked'
-                            className='cvat-settings-switch'
+                            className='cvat-settings-switch cvat-switch-use-default-storage'
                         >
                             <Switch
                                 onChange={(value: boolean) => {

cvat-ui/src/cvat-core-wrapper.ts

@@ -22,6 +22,7 @@ import Issue from 'cvat-core/src/issue';
 import Comment from 'cvat-core/src/comment';
 import User from 'cvat-core/src/user';
 import Organization from 'cvat-core/src/organization';
+import { Dumper } from 'cvat-core/src/annotation-formats';
 
 const cvat: any = _cvat;
 
@@ -55,6 +56,7 @@ export {
     ModelProviders,
     ModelReturnType,
     DimensionType,
+    Dumper,
 };
 
 export type {

tests/cypress/e2e/issues_prs/issue_5381_empty_project_formats.js

@@ -0,0 +1,32 @@
+// Copyright (C) 2023 CVAT.ai Corporation
+//
+// SPDX-License-Identifier: MIT
+
+/// <reference types="cypress" />
+
+const issueId = '5381';
+const project = {
+    name: `Issue ${issueId}`,
+    label: 'Tree',
+    attrName: 'Kind',
+    attrVaue: 'Oak',
+};
+
+context('List of export formats for a project without tasks is not empty', () => {
+    before(() => {
+        cy.visit('auth/login');
+        cy.login();
+        cy.goToProjectsList();
+        cy.createProjects(project.name, project.label, project.attrName, project.attrVaue);
+        cy.goToProjectsList();
+    });
+
+    describe(`Testing issue "${issueId}"`, () => {
+        it('Export formats list is not empty for empty project', () => {
+            cy.projectActions(project.name);
+            cy.get('.cvat-project-actions-menu').contains('Export dataset').click();
+            cy.get('.cvat-modal-export-project').should('be.visible').find('.cvat-modal-export-select').click();
+            cy.get('.cvat-modal-export-option-item').should('have.length.above', 0);
+        });
+    });
+});