remove unused imports while linting (#8102)

biome.json

@@ -57,7 +57,8 @@
       "correctness": {
         "noUnusedVariables": "error",
         "noRenderReturnValue": "off",
-        "useHookAtTopLevel": "error"
+        "useHookAtTopLevel": "error",
+        "noUnusedImports": "error"
       },
       "suspicious": {
         "noExplicitAny": "off",

frontend/javascripts/admin/api/mesh.ts

@@ -1,5 +1,4 @@
 import Request from "libs/request";
-import _ from "lodash";
 import type { Vector3, Vector4 } from "oxalis/constants";
 import type { APIDatasetId } from "types/api_flow_types";
 import { doWithToken } from "./token";

frontend/javascripts/admin/auth/accept_invite_view.tsx

@@ -2,7 +2,7 @@ import { Button, Result, Layout, Spin } from "antd";
 import { GiftTwoTone } from "@ant-design/icons";
 import { useHistory } from "react-router-dom";
 import { AsyncButton } from "components/async_clickables";
-import React, { useState } from "react";
+import { useState } from "react";
 import AuthenticationModal from "admin/auth/authentication_modal";
 import { useFetch } from "libs/react_helpers";
 import {

frontend/javascripts/admin/auth/auth_token_view.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { CopyOutlined, SwapOutlined } from "@ant-design/icons";
 import { Input, Button, Col, Row, Spin, Form, Space } from "antd";
 import { getAuthToken, revokeAuthToken } from "admin/admin_rest_api";

frontend/javascripts/admin/auth/change_password_view.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { type RouteComponentProps, withRouter } from "react-router-dom";
 import { Form, Input, Button, Col, Row, Alert } from "antd";
 import { LockOutlined } from "@ant-design/icons";

frontend/javascripts/admin/auth/finish_reset_password_view.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { type RouteComponentProps, withRouter } from "react-router-dom";
 import { Form, Input, Button, Col, Row, Card } from "antd";
 import { LockOutlined } from "@ant-design/icons";

frontend/javascripts/admin/auth/login_form.tsx

@@ -1,7 +1,6 @@
 import { Alert, Button, Form, Input } from "antd";
 import { LockOutlined, MailOutlined } from "@ant-design/icons";
 import { Link } from "react-router-dom";
-import React from "react";
 import { getIsInIframe } from "libs/utils";
 import { loginUser, requestSingleSignOnLogin } from "admin/admin_rest_api";
 import { setActiveUserAction } from "oxalis/model/actions/user_actions";

frontend/javascripts/admin/auth/login_view.tsx

@@ -1,7 +1,6 @@
 import { Card, Col, Row } from "antd";
 import type { RouteComponentProps } from "react-router-dom";
 import { withRouter } from "react-router-dom";
-import React from "react";
 import * as Utils from "libs/utils";
 import window from "libs/window";
 import LoginForm from "./login_form";

frontend/javascripts/admin/auth/registration_form_wkorg.tsx

@@ -1,6 +1,6 @@
 import { Form, Input, Button, Row, Col, Checkbox } from "antd";
 import { UserOutlined, LockOutlined, MailOutlined } from "@ant-design/icons";
-import React, { useRef, memo } from "react";
+import { useRef, memo } from "react";
 import { loginUser } from "admin/admin_rest_api";
 import { setActiveUserAction } from "oxalis/model/actions/user_actions";
 import Request from "libs/request";

frontend/javascripts/admin/auth/registration_view.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import { Spin, Row, Col, Card } from "antd";
 import messages from "messages";

frontend/javascripts/admin/auth/start_reset_password_view.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link, type RouteComponentProps, withRouter } from "react-router-dom";
 import { Form, Input, Button, Col, Row, Card } from "antd";
 import { MailOutlined } from "@ant-design/icons";

frontend/javascripts/admin/auth/verify_email_view.tsx

@@ -1,5 +1,5 @@
 import { Spin } from "antd";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useFetch } from "libs/react_helpers";
 import { requestVerificationMail, verifyEmail } from "admin/admin_rest_api";
 import Toast from "libs/toast";

frontend/javascripts/admin/dataset/composition_wizard/01_select_import_type.tsx

@@ -1,5 +1,4 @@
 import { Button, Radio, type RadioChangeEvent, Space } from "antd";
-import React from "react";
 import type { WizardComponentProps } from "./common";
 
 export default function SelectImportType({

frontend/javascripts/admin/dataset/composition_wizard/02_upload_files.tsx

@@ -8,7 +8,6 @@ import { SoftError } from "libs/utils";
 import _ from "lodash";
 import type { Vector3 } from "oxalis/constants";
 import { parseNml } from "oxalis/model/helpers/nml_helpers";
-import React from "react";
 import {
   tryToFetchDatasetsByName,
   type WizardComponentProps,

frontend/javascripts/admin/dataset/composition_wizard/03_select_datasets.tsx

@@ -3,7 +3,7 @@ import { AsyncButton } from "components/async_clickables";
 import DatasetSelectionComponent, {
   type DatasetSelectionValue,
 } from "dashboard/dataset/dataset_selection_component";
-import React, { useState } from "react";
+import { useState } from "react";
 import { tryToFetchDatasetsByName, type WizardComponentProps } from "./common";
 import { useEffectOnlyOnce } from "libs/react_hooks";
 

frontend/javascripts/admin/dataset/dataset_add_compose_view.tsx

@@ -1,5 +1,5 @@
 import { CardContainer } from "admin/dataset/dataset_components";
-import React, { useState } from "react";
+import { useState } from "react";
 import type { APIDataStore } from "types/api_flow_types";
 import SelectImportType from "./composition_wizard/01_select_import_type";
 import UploadFiles from "./composition_wizard/02_upload_files";

frontend/javascripts/admin/dataset/dataset_url_import.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import DatasetAddRemoteView from "admin/dataset/dataset_add_remote_view";
 import { useFetch } from "libs/react_helpers";
 import { getDatastores } from "admin/admin_rest_api";

frontend/javascripts/admin/organization/organization_edit_view.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { connect } from "react-redux";
 import { Form, Button, Card, Input, Row, Col, Skeleton, Typography, Space } from "antd";
 import {

frontend/javascripts/admin/project/project_create_view.tsx

@@ -1,5 +1,5 @@
 import { Form, Input, Select, Button, Card, InputNumber, Checkbox } from "antd";
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useHistory } from "react-router-dom";
 import { useSelector } from "react-redux";
 import type { APIUser, APITeam } from "types/api_flow_types";

frontend/javascripts/admin/project/transfer_all_tasks_modal.tsx

@@ -1,5 +1,5 @@
 import { Modal, Table, Spin } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import _ from "lodash";
 import type { APIUser, APIProject, APIActiveUser } from "types/api_flow_types";
 import {

frontend/javascripts/admin/scripts/script_create_view.tsx

@@ -2,7 +2,7 @@ import { Form, Input, Select, Button, Card } from "antd";
 import type { RouteComponentProps } from "react-router-dom";
 import { withRouter } from "react-router-dom";
 import { connect } from "react-redux";
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import type { APIUser } from "types/api_flow_types";
 import type { OxalisState } from "oxalis/store";
 import { enforceActiveUser } from "oxalis/model/accessors/user_accessor";

frontend/javascripts/admin/statistic/available_tasks_report_view.tsx

@@ -1,5 +1,5 @@
 import { Spin, Table, Card, Typography, Tooltip, Tag } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import type { APIAvailableTasksReport } from "types/api_flow_types";
 import { getAvailableTasksReport } from "admin/admin_rest_api";
 import { handleGenericError } from "libs/error_handling";

frontend/javascripts/admin/statistic/team_selection_form.tsx

@@ -1,5 +1,4 @@
 import { Row, Col, Form, Button } from "antd";
-import * as React from "react";
 import type { APITeam } from "types/api_flow_types";
 import TeamSelectionComponent from "dashboard/dataset/team_selection_component";
 const FormItem = Form.Item;

frontend/javascripts/admin/statistic/time_tracking_detail_view.tsx

@@ -1,5 +1,4 @@
 import { useFetch } from "libs/react_helpers";
-import React from "react";
 import type { AnnotationTypeFilterEnum } from "./project_and_annotation_type_dropdown";
 import { getTimeTrackingForUserSummedPerAnnotation } from "admin/admin_rest_api";
 import dayjs from "dayjs";

frontend/javascripts/admin/statistic/time_tracking_overview.tsx

@@ -1,8 +1,7 @@
 import { getTeams, getTimeEntries, getTimeTrackingForUserSpans } from "admin/admin_rest_api";
 import { Card, Select, Spin, Button, DatePicker, type TimeRangePickerProps, Table } from "antd";
 import { useFetch } from "libs/react_helpers";
-import _ from "lodash";
-import React, { useState } from "react";
+import { useState } from "react";
 import { DownloadOutlined, FilterOutlined } from "@ant-design/icons";
 import saveAs from "file-saver";
 import { formatMilliseconds } from "libs/format_utils";

frontend/javascripts/admin/task/task_annotation_view.tsx

@@ -12,7 +12,7 @@ import {
   DownOutlined,
 } from "@ant-design/icons";
 import { connect } from "react-redux";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import type { APIUser, APITask, APIAnnotation } from "types/api_flow_types";
 import type { OxalisState } from "oxalis/store";
 import { formatSeconds } from "libs/format_utils";

frontend/javascripts/admin/task/task_create_bulk_view.tsx

@@ -1,5 +1,5 @@
 import { Form, Input, Button, Card, Upload, Spin, Progress, Divider, App } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { InboxOutlined } from "@ant-design/icons";
 import _ from "lodash";
 import type { APITask } from "types/api_flow_types";

frontend/javascripts/admin/task/task_create_view.tsx

@@ -1,6 +1,5 @@
 import { BarsOutlined, ScheduleOutlined } from "@ant-design/icons";
 import { Tabs, type TabsProps } from "antd";
-import React from "react";
 import TaskCreateBulkView from "admin/task/task_create_bulk_view";
 import TaskCreateFormView from "admin/task/task_create_form_view";
 

frontend/javascripts/admin/task/task_search_form.tsx

@@ -1,7 +1,7 @@
 import { Form, Row, Dropdown, Col, Button, Input, Select } from "antd";
 import { DownloadOutlined, DownOutlined, RetweetOutlined } from "@ant-design/icons";
 import { PropTypes } from "@scalableminds/prop-types";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import _ from "lodash";
 import type { APIUser, APIProject, APITaskType } from "types/api_flow_types";
 import { getEditableUsers, getProjects, getTaskTypes } from "admin/admin_rest_api";

frontend/javascripts/admin/tasktype/task_type_create_view.tsx

@@ -3,7 +3,7 @@ import { syncValidator } from "types/validation";
 import { InfoCircleOutlined } from "@ant-design/icons";
 import type { RouteComponentProps } from "react-router-dom";
 import { withRouter } from "react-router-dom";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import _ from "lodash";
 import {
   type APITaskType,

frontend/javascripts/admin/team/create_team_modal_view.tsx

@@ -1,6 +1,5 @@
 import { Modal, Input, Form } from "antd";
 import { TagOutlined } from "@ant-design/icons";
-import * as React from "react";
 import { createTeam } from "admin/admin_rest_api";
 import Shortcut from "libs/shortcut_component";
 const FormItem = Form.Item;

frontend/javascripts/admin/team/edit_team_modal_view.tsx

@@ -2,7 +2,6 @@ import { MinusCircleOutlined, PlusCircleOutlined } from "@ant-design/icons";
 import { getEditableUsers, updateUser } from "admin/admin_rest_api";
 import { Modal, AutoComplete, Input, Spin, Tooltip } from "antd";
 import type { DefaultOptionType } from "antd/lib/select";
-import * as React from "react";
 import { useState } from "react";
 import type { APITeam, APITeamMembership, APIUser } from "types/api_flow_types";
 import { filterTeamMembersOf, renderUsersForTeam } from "./team_list_view";

frontend/javascripts/admin/user/experience_modal_view.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Modal, Tooltip, Table, InputNumber, Tag, Badge } from "antd";
 import { CloseOutlined, DeleteOutlined, RollbackOutlined } from "@ant-design/icons";
 import _ from "lodash";

frontend/javascripts/admin/user/user_selection_component.tsx

@@ -1,5 +1,4 @@
 import { Spin, Select } from "antd";
-import * as React from "react";
 import _ from "lodash";
 import { getUsers } from "admin/admin_rest_api";
 import { useFetch } from "libs/react_helpers";

frontend/javascripts/admin/voxelytics/ai_model_list_view.tsx

@@ -2,8 +2,8 @@ import _ from "lodash";
 import { useState } from "react";
 import { PlusOutlined, SyncOutlined } from "@ant-design/icons";
 import { Table, Button, Modal, Space } from "antd";
-import { getAiModels, getTracingForAnnotationType } from "admin/admin_rest_api";
-import type { AiModel, APIAnnotation, ServerVolumeTracing } from "types/api_flow_types";
+import { getAiModels } from "admin/admin_rest_api";
+import type { AiModel, APIAnnotation } from "types/api_flow_types";
 import FormattedDate from "components/formatted_date";
 import { formatUserName } from "oxalis/model/accessors/user_accessor";
 import { useSelector } from "react-redux";

frontend/javascripts/admin/voxelytics/artifacts_view.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { JSONTree } from "react-json-tree";
 import { Button, Card, message } from "antd";
 import { CopyOutlined, ExportOutlined } from "@ant-design/icons";

frontend/javascripts/admin/voxelytics/dag_view.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 import ReactFlow, {
   MiniMap,
   Background,

frontend/javascripts/admin/voxelytics/log_tab.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { Button, message, Select, Switch } from "antd";
 import chalk from "chalk";
 import Ansi from "ansi-to-react";

frontend/javascripts/admin/voxelytics/statistics_tab.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button, Tooltip } from "antd";
 import { SyncOutlined } from "@ant-design/icons";
 import { getVoxelyticsChunkStatistics } from "admin/admin_rest_api";

frontend/javascripts/admin/voxelytics/task_view.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { JSONTree, type ShouldExpandNodeInitially, type LabelRenderer } from "react-json-tree";
 import { Progress, Tabs, type TabsProps, Tooltip } from "antd";
 import Markdown from "libs/markdown_adapter";

frontend/javascripts/admin/voxelytics/workflow_view.tsx

@@ -1,5 +1,5 @@
 import _ from "lodash";
-import React, { useEffect, useState, useMemo } from "react";
+import { useEffect, useState, useMemo } from "react";
 import { useParams } from "react-router-dom";
 import { useSelector } from "react-redux";
 import {

frontend/javascripts/components/color_picker.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { Popover } from "antd";
 import * as Utils from "libs/utils";
 import { HexColorInput, HexColorPicker } from "react-colorful";

frontend/javascripts/components/credits_footer.tsx

@@ -1,6 +1,5 @@
 import { Layout } from "antd";
 import { Link, type RouteComponentProps, withRouter } from "react-router-dom";
-import * as React from "react";
 const { Footer } = Layout;
 
 const creditsFooter = () => (

frontend/javascripts/components/formatted_date.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import dayjs from "dayjs";
 import FastTooltip from "./fast_tooltip";
 

frontend/javascripts/components/link_button.tsx

@@ -1,5 +1,4 @@
 import { Button, type ButtonProps } from "antd";
-import * as React from "react";
 
 // This component should be used instead of <a href="#" onClick={} />.
 // One advantage of this component is that clicking the link button won't scroll

frontend/javascripts/components/permission_enforcer.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Button, Result, Col, Row } from "antd";
 import { Link } from "react-router-dom";
 

frontend/javascripts/components/stacked_bar_chart.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import _ from "lodash";
 export const colors = {
   finished: "#52c41a",

frontend/javascripts/dashboard/dataset/dataset_selection_component.tsx

@@ -1,6 +1,5 @@
 import { getDatasets } from "admin/admin_rest_api";
 import AsyncSelect from "components/async_select";
-import React from "react";
 
 // Usage of AsyncSelect
 export interface DatasetSelectionValue {

frontend/javascripts/dashboard/dataset/dataset_settings_delete_tab.tsx

@@ -1,5 +1,5 @@
 import { Button } from "antd";
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import type { APIDataset, APIDatasetId } from "types/api_flow_types";
 import { getDataset, deleteDatasetOnDisk } from "admin/admin_rest_api";
 import Toast from "libs/toast";

frontend/javascripts/dashboard/dataset/dataset_settings_metadata_tab.tsx

@@ -1,5 +1,4 @@
 import { Input, Col, Row, DatePicker } from "antd";
-import React from "react";
 import { FormItemWithInfo } from "./helper_components";
 
 export default function DatasetSettingsMetadataTab() {

frontend/javascripts/dashboard/dataset/dataset_settings_viewconfig_tab.tsx

@@ -14,7 +14,7 @@ import {
   Slider,
   Divider,
 } from "antd";
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { Vector3Input } from "libs/vector_input";
 import { validateLayerViewConfigurationObjectJSON, syncValidator } from "types/validation";
 import { getDefaultLayerViewConfiguration } from "types/schemas/dataset_view_configuration.schema";

frontend/javascripts/dashboard/dataset/queries.tsx

@@ -16,7 +16,7 @@ import {
   updateFolder,
 } from "admin/api/folders";
 import Toast from "libs/toast";
-import React, { useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import {
   type APIDatasetId,
   type APIDatasetCompact,

frontend/javascripts/dashboard/folders/details_sidebar.tsx

@@ -14,7 +14,7 @@ import {
   OwningOrganizationRow,
   VoxelSizeRow,
 } from "oxalis/view/right-border-tabs/dataset_info_tab_view";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import type { APIDatasetCompact, Folder } from "types/api_flow_types";
 import { DatasetLayerTags, DatasetTags, TeamTags } from "../advanced_dataset/dataset_table";
 import { useDatasetCollectionContext } from "../dataset/dataset_collection_context";

frontend/javascripts/dashboard/folders/edit_folder_modal.tsx

@@ -4,7 +4,7 @@ import { FormItemWithInfo } from "dashboard/dataset/helper_components";
 import { useFolderQuery } from "dashboard/dataset/queries";
 import TeamSelectionComponent from "dashboard/dataset/team_selection_component";
 import Shortcut from "libs/shortcut_component";
-import React, { useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 
 import type { APITeam } from "types/api_flow_types";
 

frontend/javascripts/dashboard/folders/folder_selection.tsx

@@ -1,6 +1,6 @@
 import _ from "lodash";
 import { TreeSelect } from "antd";
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 
 import { useFolderHierarchyQuery } from "dashboard/dataset/queries";
 import type { FolderItem } from "types/api_flow_types";