Reformat imports (#2622)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

portal-ui/src/screens/Console/Account/Account.tsx

@@ -15,7 +15,15 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Fragment, useEffect, useState } from "react";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  AccountIcon,
+  AddIcon,
+  Button,
+  DeleteIcon,
+  HelpBox,
+  PageHeader,
+  PasswordKeyIcon,
+} from "mds";
 import { useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { Theme } from "@mui/material/styles";
@@ -23,8 +31,6 @@ import createStyles from "@mui/styles/createStyles";
 import Grid from "@mui/material/Grid";
 import api from "../../../common/api";
 import { Box } from "@mui/material";
-
-import { AccountIcon, AddIcon, DeleteIcon, PasswordKeyIcon } from "mds";
 import TableWrapper from "../Common/TableWrapper/TableWrapper";
 import { stringSort } from "../../../utils/sortFunctions";
 import {

portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx

@@ -17,7 +17,14 @@
 import React, { Fragment, useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
 import { useNavigate } from "react-router-dom";
-import { BackLink, Button, PageHeader } from "mds";
+import {
+  BackLink,
+  Button,
+  IAMPoliciesIcon,
+  PageHeader,
+  PasswordKeyIcon,
+  ServiceAccountCredentialsIcon,
+} from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import {
@@ -26,11 +33,6 @@ import {
 } from "../Common/FormComponents/common/styleLibrary";
 import Grid from "@mui/material/Grid";
 import { Box } from "@mui/material";
-import {
-  IAMPoliciesIcon,
-  PasswordKeyIcon,
-  ServiceAccountCredentialsIcon,
-} from "mds";
 import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
 import PageLayout from "../Common/Layout/PageLayout";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";

portal-ui/src/screens/Console/Account/ChangePasswordModal.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { useState } from "react";
-import { Button } from "mds";
+import { Button, ChangePasswordIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -32,7 +32,6 @@ import {
 import { ChangePasswordRequest } from "../Buckets/types";
 import { ErrorResponseHandler } from "../../../common/types";
 import api from "../../../common/api";
-import { ChangePasswordIcon } from "mds";
 import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye";
 import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
 import { setModalErrorSnackMessage } from "../../../systemSlice";

portal-ui/src/screens/Console/Account/ChangeUserPasswordModal.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { useState } from "react";
-import { Button } from "mds";
+import { Button, ChangePasswordIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -33,7 +33,6 @@ import { ChangeUserPasswordRequest } from "../Buckets/types";
 
 import { ErrorResponseHandler } from "../../../common/types";
 import api from "../../../common/api";
-import { ChangePasswordIcon } from "mds";
 import { setModalErrorSnackMessage } from "../../../systemSlice";
 import { useAppDispatch } from "../../../store";
 

portal-ui/src/screens/Console/Account/ServiceAccountPolicy.tsx

@@ -16,7 +16,7 @@
 
 import React, { useEffect, useState } from "react";
 
-import { Button } from "mds";
+import { Button, ChangeAccessPolicyIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -30,7 +30,6 @@ import {
 import { ErrorResponseHandler } from "../../../common/types";
 import api from "../../../common/api";
 import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
-import { ChangeAccessPolicyIcon } from "mds";
 import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
 import { encodeURLString } from "../../../common/utils";
 import { setModalErrorSnackMessage } from "../../../systemSlice";

portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx

@@ -18,14 +18,12 @@ import React, { Fragment, useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import { useParams } from "react-router-dom";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { AddIcon, Button } from "mds";
 import { Paper } from "@mui/material";
 import createStyles from "@mui/styles/createStyles";
 import { ErrorResponseHandler } from "../../../../common/types";
 import TableWrapper from "../../Common/TableWrapper/TableWrapper";
 import api from "../../../../common/api";
-
-import { AddIcon } from "mds";
 import Grid from "@mui/material/Grid";
 import {
   actionsTray,

portal-ui/src/screens/Console/Buckets/BucketDetails/AddAccessRule.tsx

@@ -17,7 +17,7 @@
 import React, { useState } from "react";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import { Grid } from "@mui/material";
-import { Button } from "mds";
+import { AddAccessRuleIcon, Button } from "mds";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
@@ -30,7 +30,6 @@ import {
 import api from "../../../../common/api";
 import { ErrorResponseHandler } from "../../../../common/types";
 import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
-import { AddAccessRuleIcon } from "mds";
 import { setErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";
 

portal-ui/src/screens/Console/Buckets/BucketDetails/AddBucketTagModal.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { useState } from "react";
-import { Button } from "mds";
+import { AddNewTagIcon, Button } from "mds";
 import { Grid } from "@mui/material";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
@@ -29,7 +29,6 @@ import { ErrorResponseHandler } from "../../../../common/types";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import api from "../../../../common/api";
-import { AddNewTagIcon } from "mds";
 import { setModalErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";
 

portal-ui/src/screens/Console/Buckets/BucketDetails/AddEvent.tsx

@@ -17,7 +17,7 @@
 import React, { ChangeEvent, useCallback, useEffect, useState } from "react";
 
 import Grid from "@mui/material/Grid";
-import { Button } from "mds";
+import { Button, EventSubscriptionIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -38,7 +38,6 @@ import { ErrorResponseHandler } from "../../../../common/types";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import AutocompleteWrapper from "../../Common/FormComponents/AutocompleteWrapper/AutocompleteWrapper";
-import { EventSubscriptionIcon } from "mds";
 import { setModalErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";
 

portal-ui/src/screens/Console/Buckets/BucketDetails/AddLifecycleModal.tsx

@@ -16,7 +16,7 @@
 
 import React, { Fragment, useEffect, useState } from "react";
 import get from "lodash/get";
-import { Button } from "mds";
+import { Button, LifecycleConfigIcon } from "mds";
 import { useSelector } from "react-redux";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
@@ -48,7 +48,6 @@ import {
   modalStyleUtils,
   spacingUtils,
 } from "../../Common/FormComponents/common/styleLibrary";
-import { LifecycleConfigIcon } from "mds";
 import InputUnitMenu from "../../Common/FormComponents/InputUnitMenu/InputUnitMenu";
 import { BucketVersioning } from "../types";
 import FormSwitchWrapper from "../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";

portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx

@@ -16,7 +16,7 @@
 
 import React, { useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { BucketReplicationIcon, Button } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { SelectChangeEvent } from "@mui/material";
@@ -38,7 +38,6 @@ import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapp
 import FormSwitchWrapper from "../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
 import { getBytes, k8sScalarUnitsExcluding } from "../../../../common/utils";
 import QueryMultiSelector from "../../Common/FormComponents/QueryMultiSelector/QueryMultiSelector";
-import { BucketReplicationIcon } from "mds";
 import InputUnitMenu from "../../Common/FormComponents/InputUnitMenu/InputUnitMenu";
 
 import { setModalErrorSnackMessage } from "../../../../systemSlice";

portal-ui/src/screens/Console/Buckets/BucketDetails/BucketLifecyclePanel.tsx

@@ -22,7 +22,7 @@ import withStyles from "@mui/styles/withStyles";
 import get from "lodash/get";
 import Grid from "@mui/material/Grid";
 import { LifeCycleItem } from "../types";
-import { AddIcon, HelpBox, TiersIcon } from "mds";
+import { AddIcon, Button, HelpBox, TiersIcon } from "mds";
 import {
   actionsTray,
   searchField,
@@ -42,7 +42,6 @@ import DeleteBucketLifecycleRule from "./DeleteBucketLifecycleRule";
 import { selBucketDetailsLoading } from "./bucketDetailsSlice";
 import { useParams } from "react-router-dom";
 import TooltipWrapper from "../../Common/TooltipWrapper/TooltipWrapper";
-import { Button } from "mds";
 
 const styles = (theme: Theme) =>
   createStyles({

portal-ui/src/screens/Console/Buckets/BucketDetails/BucketReplicationPanel.tsx

@@ -17,7 +17,7 @@
 import React, { Fragment, useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import { Theme } from "@mui/material/styles";
-import { Button, HelpBox } from "mds";
+import { AddIcon, BucketsIcon, Button, HelpBox, TrashIcon } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import Grid from "@mui/material/Grid";
@@ -37,7 +37,6 @@ import {
   SecureComponent,
 } from "../../../../common/SecureComponent";
 import { IAM_SCOPES } from "../../../../common/SecureComponent/permissions";
-import { AddIcon, BucketsIcon, TrashIcon } from "mds";
 import api from "../../../../common/api";
 import TableWrapper from "../../Common/TableWrapper/TableWrapper";
 import PanelTitle from "../../Common/PanelTitle/PanelTitle";

portal-ui/src/screens/Console/Buckets/BucketDetails/EditAccessRule.tsx

@@ -18,7 +18,7 @@ import React, { useState } from "react";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import { Grid } from "@mui/material";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { AddAccessRuleIcon, Button } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import {
@@ -29,7 +29,6 @@ import {
 import api from "../../../../common/api";
 import { ErrorResponseHandler } from "../../../../common/types";
 import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
-import { AddAccessRuleIcon } from "mds";
 import { setErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";
 

portal-ui/src/screens/Console/Buckets/BucketDetails/EditLifecycleConfiguration.tsx

@@ -24,7 +24,7 @@ import {
   Typography,
 } from "@mui/material";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { Button, LifecycleConfigIcon } from "mds";
 import get from "lodash/get";
 import Grid from "@mui/material/Grid";
 import createStyles from "@mui/styles/createStyles";
@@ -38,7 +38,6 @@ import {
 
 import { LifeCycleItem } from "../types";
 import { ErrorResponseHandler } from "../../../../common/types";
-import { LifecycleConfigIcon } from "mds";
 import { ITiersDropDown } from "./AddLifecycleModal";
 import {
   ITierElement,

portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx

@@ -17,13 +17,12 @@
 import React, { useEffect, useState } from "react";
 import Grid from "@mui/material/Grid";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { BucketReplicationIcon, Button } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import QueryMultiSelector from "../../Common/FormComponents/QueryMultiSelector/QueryMultiSelector";
-import { BucketReplicationIcon } from "mds";
 import {
   createTenantCommon,
   formFieldStyles,

portal-ui/src/screens/Console/Buckets/BucketDetails/EnableBucketEncryption.tsx

@@ -17,7 +17,7 @@
 import React, { Fragment, useEffect, useState } from "react";
 import Grid from "@mui/material/Grid";
 import { LinearProgress, SelectChangeEvent } from "@mui/material";
-import { AddIcon, Button } from "mds";
+import { AddIcon, BucketEncryptionIcon, Button } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -30,7 +30,6 @@ import { ErrorResponseHandler } from "../../../../common/types";
 import api from "../../../../common/api";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
-import { BucketEncryptionIcon } from "mds";
 
 import { setModalErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";

portal-ui/src/screens/Console/Buckets/BucketDetails/EnableQuota.tsx

@@ -17,7 +17,7 @@
 import React, { useEffect, useState } from "react";
 import { LinearProgress } from "@mui/material";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { BucketQuotaIcon, Button } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import Grid from "@mui/material/Grid";
@@ -37,7 +37,6 @@ import FormSwitchWrapper from "../../Common/FormComponents/FormSwitchWrapper/For
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import api from "../../../../common/api";
-import { BucketQuotaIcon } from "mds";
 import InputUnitMenu from "../../Common/FormComponents/InputUnitMenu/InputUnitMenu";
 
 import { setModalErrorSnackMessage } from "../../../../systemSlice";

portal-ui/src/screens/Console/Buckets/BucketDetails/SetAccessPolicy.tsx

@@ -17,7 +17,7 @@
 import React, { useEffect, useState } from "react";
 import { SelectChangeEvent } from "@mui/material";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { Button, ChangeAccessPolicyIcon } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import Grid from "@mui/material/Grid";
@@ -31,7 +31,6 @@ import { ErrorResponseHandler } from "../../../../common/types";
 import api from "../../../../common/api";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
-import { ChangeAccessPolicyIcon } from "mds";
 import CodeMirrorWrapper from "../../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
 
 import { setModalErrorSnackMessage } from "../../../../systemSlice";

portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/AddBucketName.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React from "react";
-import { setName, setIsDirty } from "./addBucketsSlice";
+import { setIsDirty, setName } from "./addBucketsSlice";
 import InputBoxWrapper from "../../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import { useSelector } from "react-redux";
 import { AppState, useAppDispatch } from "../../../../../store";

portal-ui/src/screens/Console/Buckets/ListBuckets/AddBucket/BucketNamingRules.tsx

@@ -19,8 +19,7 @@ import Grid from "@mui/material/Grid";
 import { LinearProgress } from "@mui/material";
 import { AppState } from "../../../../../store";
 import { useSelector } from "react-redux";
-import { CollapseCaret, ExpandCaret } from "mds";
-import { Button } from "mds";
+import { Button, CollapseCaret, ExpandCaret } from "mds";
 import ValidRule from "./ValidRule";
 import InvalidRule from "./InvalidRule";
 import NARule from "./NARule";

portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx

@@ -18,21 +18,23 @@ import React, { Fragment, useEffect, useState } from "react";
 
 import { useNavigate } from "react-router-dom";
 import { Theme } from "@mui/material/styles";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  AddIcon,
+  BucketsIcon,
+  Button,
+  HelpBox,
+  LifecycleConfigIcon,
+  MultipleBucketsIcon,
+  PageHeader,
+  RefreshIcon,
+  SelectAllIcon,
+  SelectMultipleIcon,
+} from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { LinearProgress } from "@mui/material";
 import Grid from "@mui/material/Grid";
 import { Bucket, BucketList } from "../types";
-import {
-  AddIcon,
-  BucketsIcon,
-  LifecycleConfigIcon,
-  SelectAllIcon,
-  RefreshIcon,
-  MultipleBucketsIcon,
-  SelectMultipleIcon,
-} from "mds";
 import {
   containerForHeader,
   searchField,

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/CreatePathModal.tsx

@@ -16,7 +16,7 @@
 
 import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { Button } from "mds";
+import { Button, CreateNewPathIcon } from "mds";
 import ModalWrapper from "../../../../Common/ModalWrapper/ModalWrapper";
 import { Grid } from "@mui/material";
 import InputBoxWrapper from "../../../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
@@ -30,7 +30,6 @@ import { connect, useSelector } from "react-redux";
 import { encodeURLString } from "../../../../../../common/utils";
 
 import { BucketObjectItem } from "./types";
-import { CreateNewPathIcon } from "mds";
 import { AppState, useAppDispatch } from "../../../../../../store";
 import { setModalErrorSnackMessage } from "../../../../../../systemSlice";
 import makeStyles from "@mui/styles/makeStyles";

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/InspectObject.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { useState } from "react";
-import { Button } from "mds";
+import { Button, InspectMenuIcon, PasswordKeyIcon } from "mds";
 import withStyles from "@mui/styles/withStyles";
 import {
   decodeURLString,
@@ -26,7 +26,6 @@ import {
 } from "../../../../../../common/utils";
 import FormSwitchWrapper from "../../../../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
 import ModalWrapper from "../../../../Common/ModalWrapper/ModalWrapper";
-import { InspectMenuIcon } from "mds";
 import Grid from "@mui/material/Grid";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
@@ -35,7 +34,6 @@ import {
   modalStyleUtils,
   spacingUtils,
 } from "../../../../Common/FormComponents/common/styleLibrary";
-import { PasswordKeyIcon } from "mds";
 import { Box, DialogContentText } from "@mui/material";
 import KeyRevealer from "../../../../Tools/KeyRevealer";
 import { setErrorSnackMessage } from "../../../../../../systemSlice";

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/types.tsx

@@ -47,6 +47,7 @@ export interface WebsocketResponse {
   data?: ObjectResponse[];
   prefix?: string;
 }
+
 export interface ObjectResponse {
   name: string;
   last_modified: string;

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/utils.tsx

@@ -26,6 +26,7 @@ import {
   FileLockIcon,
   FileMissingIcon,
   FileMusicIcon,
+  FileNonType,
   FilePdfIcon,
   FilePptIcon,
   FileTxtIcon,
@@ -33,7 +34,6 @@ import {
   FileXlsIcon,
   FileZipIcon,
   FolderBrowserIcon,
-  FileNonType,
 } from "mds";
 import IconWithLabel from "./IconWithLabel";
 

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ShareFile.tsx

@@ -17,8 +17,7 @@
 import React, { Fragment, useEffect, useState } from "react";
 import { useSelector } from "react-redux";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
-import { ShareIcon, CopyIcon } from "mds";
+import { Button, CopyIcon, ShareIcon } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import CopyToClipboard from "react-copy-to-clipboard";

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/TagsModal.tsx

@@ -18,7 +18,7 @@ import React, { Fragment, useState } from "react";
 import get from "lodash/get";
 import { useSelector } from "react-redux";
 import { Box, Grid } from "@mui/material";
-import { Button } from "mds";
+import { AddNewTagIcon, Button, DisabledIcon, EditTagIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -32,7 +32,6 @@ import {
   modalStyleUtils,
   spacingUtils,
 } from "../../../../Common/FormComponents/common/styleLibrary";
-import { AddNewTagIcon, DisabledIcon, EditTagIcon } from "mds";
 import { IFileInfo } from "./types";
 import { IAM_SCOPES } from "../../../../../../common/SecureComponent/permissions";
 import { SecureComponent } from "../../../../../../common/SecureComponent";

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/VersionsNavigator.tsx

@@ -49,6 +49,7 @@ import RestoreFileVersion from "./RestoreFileVersion";
 
 import { AppState, useAppDispatch } from "../../../../../../store";
 import {
+  Button,
   DeleteIcon,
   DeleteNonCurrentIcon,
   SelectMultipleIcon,
@@ -79,7 +80,6 @@ import {
   updateProgress,
 } from "../../../../ObjectBrowser/objectBrowserSlice";
 import { List, ListRowProps } from "react-virtualized";
-import { Button } from "mds";
 import TooltipWrapper from "../../../../Common/TooltipWrapper/TooltipWrapper";
 
 const styles = (theme: Theme) =>

portal-ui/src/screens/Console/CommandBar.tsx

@@ -39,7 +39,7 @@ import { useSelector } from "react-redux";
 import useApi from "./Common/Hooks/useApi";
 import { Bucket, BucketList } from "./Buckets/types";
 import { selFeatures } from "./consoleSlice";
-import { selOpMode, selDirectPVMode } from "../../systemSlice";
+import { selDirectPVMode, selOpMode } from "../../systemSlice";
 
 const useStyles = makeStyles((theme: Theme) => ({
   resultItem: {

portal-ui/src/screens/Console/Common/ComponentsScreen.tsx

@@ -22,8 +22,7 @@ import withStyles from "@mui/styles/withStyles";
 import { DialogContentText, Grid } from "@mui/material";
 import PageLayout from "./Layout/PageLayout";
 import SectionTitle from "./SectionTitle";
-import { Button, PageHeader } from "mds";
-import { ConfirmDeleteIcon } from "mds";
+import { Button, ConfirmDeleteIcon, PageHeader } from "mds";
 import ConfirmDialog from "./ModalWrapper/ConfirmDialog";
 
 interface IComponentsScreen {

portal-ui/src/screens/Console/Common/CredentialsPrompt/CredentialItem.tsx

@@ -18,10 +18,9 @@ import React from "react";
 import { InputAdornment, OutlinedInput } from "@mui/material";
 import withStyles from "@mui/styles/withStyles";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { Button, CopyIcon } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import CopyToClipboard from "react-copy-to-clipboard";
-import { CopyIcon } from "mds";
 import { fieldBasic } from "../FormComponents/common/styleLibrary";
 import TooltipWrapper from "../TooltipWrapper/TooltipWrapper";
 

portal-ui/src/screens/Console/Common/CredentialsPrompt/CredentialsPrompt.tsx

@@ -17,15 +17,18 @@
 import React from "react";
 import get from "lodash/get";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import {
+  Button,
+  DownloadIcon,
+  ServiceAccountCredentialsIcon,
+  WarnIcon,
+} from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { NewServiceAccount } from "./types";
 import ModalWrapper from "../ModalWrapper/ModalWrapper";
 import Grid from "@mui/material/Grid";
 import CredentialItem from "./CredentialItem";
-import { WarnIcon } from "mds";
-import { DownloadIcon, ServiceAccountCredentialsIcon } from "mds";
 import TooltipWrapper from "../TooltipWrapper/TooltipWrapper";
 
 const styles = (theme: Theme) =>

portal-ui/src/screens/Console/Common/FormComponents/CSVMultiSelector/CSVMultiSelector.tsx

@@ -16,10 +16,10 @@
 import React, {
   ChangeEvent,
   createRef,
+  useCallback,
   useEffect,
   useRef,
   useState,
-  useCallback,
 } from "react";
 import get from "lodash/get";
 import { Theme } from "@mui/material/styles";
@@ -28,7 +28,7 @@ import withStyles from "@mui/styles/withStyles";
 import Grid from "@mui/material/Grid";
 import { InputLabel, Tooltip } from "@mui/material";
 import { fieldBasic, tooltipHelper } from "../common/styleLibrary";
-import { HelpIcon, AddIcon } from "mds";
+import { AddIcon, HelpIcon } from "mds";
 import InputBoxWrapper from "../InputBoxWrapper/InputBoxWrapper";
 
 interface ICSVMultiSelector {

portal-ui/src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx

@@ -20,10 +20,8 @@ import { Box, InputLabel, Tooltip } from "@mui/material";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
-import { HelpIcon } from "mds";
+import { Button, CopyIcon, HelpIcon } from "mds";
 import { fieldBasic } from "../common/styleLibrary";
-import { CopyIcon } from "mds";
-import { Button } from "mds";
 import CopyToClipboard from "react-copy-to-clipboard";
 import CodeEditor from "@uiw/react-textarea-code-editor";
 import TooltipWrapper from "../../TooltipWrapper/TooltipWrapper";

portal-ui/src/screens/Console/Common/FormComponents/DateRangeSelector/DateRangeSelector.tsx

@@ -16,7 +16,7 @@
 
 import React from "react";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { Button, OpenListIcon, SyncIcon } from "mds";
 import { Box, Grid } from "@mui/material";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -24,8 +24,6 @@ import ScheduleIcon from "@mui/icons-material/Schedule";
 import WatchLaterIcon from "@mui/icons-material/WatchLater";
 import { actionsTray, widgetContainerCommon } from "../common/styleLibrary";
 import DateTimePickerWrapper from "../DateTimePickerWrapper/DateTimePickerWrapper";
-import { SyncIcon } from "mds";
-import { OpenListIcon } from "mds";
 
 interface IDateRangeSelector {
   classes: any;

portal-ui/src/screens/Console/Common/FormComponents/DateTimePickerWrapper/DateTimePickerWrapper.tsx

@@ -16,9 +16,8 @@
 
 import React, { Fragment } from "react";
 import { Grid, InputLabel, TextField, Tooltip } from "@mui/material";
-import { LocalizationProvider } from "@mui/x-date-pickers";
+import { DateTimePicker, LocalizationProvider } from "@mui/x-date-pickers";
 import { AdapterLuxon } from "@mui/x-date-pickers/AdapterLuxon";
-import { DateTimePicker } from "@mui/x-date-pickers";
 import InputAdornment from "@mui/material/InputAdornment";
 import ScheduleIcon from "@mui/icons-material/Schedule";
 import { Theme } from "@mui/material/styles";

portal-ui/src/screens/Console/Common/TableWrapper/TableActionButton.tsx

@@ -24,12 +24,12 @@ import ConsoleIcon from "./TableActionIcons/ConsoleIcon";
 import DisableIcon from "./TableActionIcons/DisableIcon";
 import FormatDriveIcon from "./TableActionIcons/FormatDriveIcon";
 import {
+  DownloadIcon,
+  EditIcon,
   IAMPoliciesIcon,
   PreviewIcon,
   ShareIcon,
-  EditIcon,
   TrashIcon,
-  DownloadIcon,
 } from "mds";
 
 const styles = () =>

portal-ui/src/screens/Console/Common/TestWrapper/TestWrapper.tsx

@@ -20,11 +20,10 @@ import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { Grid } from "@mui/material";
 import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
-import { DrivesIcon, VersionIcon } from "mds";
+import { DrivesIcon, Loader, VersionIcon } from "mds";
 import { ServerInfo, Usage } from "../../Dashboard/types";
 import { ErrorResponseHandler } from "../../../../common/types";
 import api from "../../../../common/api";
-import { Loader } from "mds";
 
 interface ITestWrapper {
   title: any;

portal-ui/src/screens/Console/Common/UsageBarWrapper/SummaryUsageBar.tsx

@@ -9,9 +9,8 @@ import {
   ITenant,
   ValueUnit,
 } from "../../Tenants/ListTenants/types";
-import { CircleIcon } from "mds";
+import { CircleIcon, Loader } from "mds";
 import { niceBytes, niceBytesInt } from "../../../../common/utils";
-import { Loader } from "mds";
 import TenantCapacity from "../../Tenants/ListTenants/TenantCapacity";
 import ErrorBlock from "../../../shared/ErrorBlock";
 import LabelValuePair from "./LabelValuePair";

portal-ui/src/screens/Console/Common/VerticalTabs/VerticalTabs.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { Box, Tab, TabProps } from "@mui/material";
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import withStyles from "@mui/styles/withStyles";

portal-ui/src/screens/Console/Configurations/SiteReplication/AddReplicationSites.tsx

@@ -18,9 +18,8 @@ import React, { Fragment, useEffect, useState } from "react";
 import Grid from "@mui/material/Grid";
 import { Box, LinearProgress } from "@mui/material";
 import { useNavigate } from "react-router-dom";
-import { BackLink, Button, HelpBox, PageHeader } from "mds";
+import { BackLink, Button, ClustersIcon, HelpBox, PageHeader } from "mds";
 import useApi from "../../Common/Hooks/useApi";
-import { ClustersIcon } from "mds";
 import { IAM_PAGES } from "../../../../common/SecureComponent/permissions";
 import PageLayout from "../../Common/Layout/PageLayout";
 import SectionTitle from "../../Common/SectionTitle";

portal-ui/src/screens/Console/Configurations/SiteReplication/EditSiteEndPoint.tsx

@@ -15,11 +15,10 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { useState } from "react";
-import { EditIcon } from "mds";
+import { Button, EditIcon } from "mds";
 import { Box, DialogContentText } from "@mui/material";
 import Grid from "@mui/material/Grid";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
-import { Button } from "mds";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import useApi from "../../Common/Hooks/useApi";
 import {

portal-ui/src/screens/Console/Configurations/SiteReplication/EntityReplicationLookup.tsx

@@ -16,14 +16,12 @@
 
 import React, { useState } from "react";
 import { Box, Grid } from "@mui/material";
-import { Button } from "mds";
+import { Button, ClustersIcon, Loader } from "mds";
 import SelectWrapper from "../../Common/FormComponents/SelectWrapper/SelectWrapper";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
-import { ClustersIcon } from "mds";
 import useApi from "../../Common/Hooks/useApi";
 import { StatsResponseType } from "./SiteReplicationStatus";
 import BucketEntityStatus from "./LookupStatus/BucketEntityStatus";
-import { Loader } from "mds";
 import PolicyEntityStatus from "./LookupStatus/PolicyEntityStatus";
 import GroupEntityStatus from "./LookupStatus/GroupEntityStatus";
 import UserEntityStatus from "./LookupStatus/UserEntityStatus";

portal-ui/src/screens/Console/Configurations/SiteReplication/ReplicationSites.tsx

@@ -18,9 +18,14 @@ import React, { useState } from "react";
 import List from "@mui/material/List";
 import ListItemButton from "@mui/material/ListItemButton";
 import { Box, DialogContentText, Tooltip } from "@mui/material";
-import { Button } from "mds";
+import {
+  Button,
+  CircleIcon,
+  ConfirmDeleteIcon,
+  EditIcon,
+  TrashIcon,
+} from "mds";
 import { ReplicationSite } from "./SiteReplication";
-import { CircleIcon, ConfirmDeleteIcon, EditIcon, TrashIcon } from "mds";
 import ConfirmDialog from "../../Common/ModalWrapper/ConfirmDialog";
 import withStyles from "@mui/styles/withStyles";
 import { Theme } from "@mui/material/styles";

portal-ui/src/screens/Console/Configurations/SiteReplication/SRSiteInputRow.tsx

@@ -19,8 +19,7 @@ import { Box } from "@mui/material";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import Grid from "@mui/material/Grid";
 import TooltipWrapper from "../../Common/TooltipWrapper/TooltipWrapper";
-import { Button } from "mds";
-import { AddIcon, RemoveIcon } from "mds";
+import { AddIcon, Button, RemoveIcon } from "mds";
 import { SiteInputRow } from "./Types";
 
 const SRSiteInputRow = ({

portal-ui/src/screens/Console/Configurations/SiteReplication/SiteReplication.tsx

@@ -21,11 +21,14 @@ import { Box, DialogContentText, Grid } from "@mui/material";
 import PageLayout from "../../Common/Layout/PageLayout";
 import useApi from "../../Common/Hooks/useApi";
 import ReplicationSites from "./ReplicationSites";
-import { Button, HelpBox, Loader, PageHeader } from "mds";
 import {
   AddIcon,
+  Button,
   ClustersIcon,
   ConfirmDeleteIcon,
+  HelpBox,
+  Loader,
+  PageHeader,
   RecoverIcon,
   TrashIcon,
 } from "mds";

portal-ui/src/screens/Console/Configurations/SiteReplication/SiteReplicationStatus.tsx

@@ -16,22 +16,24 @@
 
 import React, { Fragment, useEffect, useState } from "react";
 import { Box, Grid } from "@mui/material";
-import { BackLink, Button, PageHeader } from "mds";
+import {
+  BackLink,
+  BucketsIcon,
+  Button,
+  GroupsIcon,
+  IAMPoliciesIcon,
+  Loader,
+  PageHeader,
+  RefreshIcon,
+  UsersIcon,
+} from "mds";
 import PageLayout from "../../Common/Layout/PageLayout";
 import useApi from "../../Common/Hooks/useApi";
 
 import { IAM_PAGES } from "../../../../common/SecureComponent/permissions";
 import ScreenTitle from "../../Common/ScreenTitle/ScreenTitle";
 import StatusCountCard from "../../Dashboard/BasicDashboard/StatusCountCard";
-import {
-  BucketsIcon,
-  GroupsIcon,
-  IAMPoliciesIcon,
-  RefreshIcon,
-  UsersIcon,
-} from "mds";
 import EntityReplicationLookup from "./EntityReplicationLookup";
-import { Loader } from "mds";
 import TooltipWrapper from "../../Common/TooltipWrapper/TooltipWrapper";
 import { useNavigate } from "react-router-dom";
 

portal-ui/src/screens/Console/Configurations/TiersConfiguration/ListTiersConfiguration.tsx

@@ -21,7 +21,17 @@ import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { Box, LinearProgress } from "@mui/material";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  AddIcon,
+  Button,
+  HelpBox,
+  PageHeader,
+  RefreshIcon,
+  TierOfflineIcon,
+  TierOnlineIcon,
+  TiersIcon,
+  TiersNotAvailableIcon,
+} from "mds";
 import Grid from "@mui/material/Grid";
 import {
   actionsTray,
@@ -31,14 +41,11 @@ import {
   tableStyles,
   typesSelection,
 } from "../../Common/FormComponents/common/styleLibrary";
-import { AddIcon, TiersIcon, TiersNotAvailableIcon } from "mds";
 
 import { ITierElement, ITierResponse } from "./types";
 import { ErrorResponseHandler } from "../../../../common/types";
 import api from "../../../../common/api";
 import TableWrapper from "../../Common/TableWrapper/TableWrapper";
-
-import { RefreshIcon } from "mds";
 import AButton from "../../Common/AButton/AButton";
 import PageLayout from "../../Common/Layout/PageLayout";
 import SearchBox from "../../Common/SearchBox";
@@ -50,15 +57,17 @@ import {
   IAM_PAGES,
   IAM_SCOPES,
 } from "../../../../common/SecureComponent/permissions";
-import { SecureComponent } from "../../../../common/SecureComponent";
+import {
+  hasPermission,
+  SecureComponent,
+} from "../../../../common/SecureComponent";
 import { tierTypes } from "./utils";
 
 import { selDistSet, setErrorSnackMessage } from "../../../../systemSlice";
 import { useNavigate } from "react-router-dom";
 import { useAppDispatch } from "../../../../store";
-import { hasPermission } from "../../../../common/SecureComponent";
 import TooltipWrapper from "../../Common/TooltipWrapper/TooltipWrapper";
-import { TierOnlineIcon, TierOfflineIcon } from "mds";
+
 const UpdateTierCredentialsModal = withSuspense(
   React.lazy(() => import("./UpdateTierCredentialsModal"))
 );

portal-ui/src/screens/Console/Configurations/TiersConfiguration/UpdateTierCredentialsModal.tsx

@@ -16,7 +16,7 @@
 
 import React, { Fragment, useEffect, useState } from "react";
 import get from "lodash/get";
-import { Button } from "mds";
+import { Button, LockIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -33,7 +33,6 @@ import api from "../../../../common/api";
 import { ITierElement } from "./types";
 import { ErrorResponseHandler } from "../../../../common/types";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
-import { LockIcon } from "mds";
 import { setModalErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";
 

portal-ui/src/screens/Console/ConsoleKBar.tsx

@@ -14,6 +14,7 @@
 //  You should have received a copy of the GNU Affero General Public License
 //  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import * as React from "react";
+import { Fragment } from "react";
 import { KBarProvider } from "kbar";
 import Console from "./Console";
 import { useSelector } from "react-redux";
@@ -22,7 +23,6 @@ import { selFeatures } from "./consoleSlice";
 import TrafficMonitor from "./Common/ObjectManager/TrafficMonitor";
 import { AppState } from "../../store";
 import AnonymousAccess from "../AnonymousAccess/AnonymousAccess";
-import { Fragment } from "react";
 
 const ConsoleKBar = () => {
   const features = useSelector(selFeatures);

portal-ui/src/screens/Console/Dashboard/BasicDashboard/BasicDashboard.tsx

@@ -19,15 +19,17 @@ import { Box, Grid } from "@mui/material";
 import {
   ArrowRightIcon,
   BucketsIcon,
+  Button,
+  DiagnosticsMenuIcon,
   DrivesIcon,
+  FormatDrivesIcon,
   HealIcon,
+  HelpBox,
   PrometheusErrorIcon,
   ServersIcon,
+  StorageIcon,
   TotalObjectsIcon,
   UptimeIcon,
-  FormatDrivesIcon,
-  StorageIcon,
-  HelpBox,
 } from "mds";
 import { calculateBytes, representationNumber } from "../../../../common/utils";
 import { IDriveInfo, Usage } from "../types";
@@ -36,8 +38,6 @@ import groupBy from "lodash/groupBy";
 import ServersList from "./ServersList";
 import CounterCard from "./CounterCard";
 import ReportedUsage from "./ReportedUsage";
-import { DiagnosticsMenuIcon } from "mds";
-import { Button } from "mds";
 import { Link } from "react-router-dom";
 import { IAM_PAGES } from "../../../../common/SecureComponent/permissions";
 import TimeStatItem from "../TimeStatItem";

portal-ui/src/screens/Console/Dashboard/DownloadWidgetDataButton.tsx

@@ -15,13 +15,14 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Fragment } from "react";
-import { Menu, MenuItem, Box } from "@mui/material";
+import { Box, Menu, MenuItem } from "@mui/material";
 import ListItemText from "@mui/material/ListItemText";
 import { DownloadIcon } from "mds";
 import { exportComponentAsPNG } from "react-component-export-image";
 import { ErrorResponseHandler } from "../../../common/types";
 import { useAppDispatch } from "../../../../src/store";
 import { setErrorSnackMessage } from "../../../../src/systemSlice";
+
 interface IDownloadWidgetDataButton {
   title: any;
   componentRef: any;

portal-ui/src/screens/Console/Dashboard/Prometheus/PrDashboard.tsx

@@ -47,12 +47,10 @@ import MergedWidgetsRenderer from "./Widgets/MergedWidgetsRenderer";
 import PageLayout from "../../Common/Layout/PageLayout";
 import { Usage } from "../types";
 import BasicDashboard from "../BasicDashboard/BasicDashboard";
-import { HelpBox, SyncIcon } from "mds";
-import { Button } from "mds";
+import { Button, HelpBox, PrometheusErrorIcon, SyncIcon } from "mds";
 import { ITabOption } from "../../Common/TabSelector/types";
 import { getUsageAsync } from "../dashboardThunks";
 import { reloadWidgets } from "../dashboardSlice";
-import { PrometheusErrorIcon } from "mds";
 
 interface IPrDashboard {
   classes?: any;

portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/BarChartWidget.tsx

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React, { Fragment, useEffect, useState, useRef } from "react";
+import React, { Fragment, useEffect, useRef, useState } from "react";
 
 import {
   Bar,
@@ -25,7 +25,7 @@ import {
   XAxis,
   YAxis,
 } from "recharts";
-import { useMediaQuery, Grid } from "@mui/material";
+import { Grid, useMediaQuery } from "@mui/material";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";

portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/CapacityItem.tsx

@@ -27,8 +27,7 @@ import {
   niceBytesInt,
 } from "../../../../../common/utils";
 import { Cell, Pie, PieChart } from "recharts";
-import { ReportedUsageIcon } from "mds";
-import { Loader } from "mds";
+import { Loader, ReportedUsageIcon } from "mds";
 import { setErrorSnackMessage } from "../../../../../systemSlice";
 import { AppState, useAppDispatch } from "../../../../../store";
 import { useSelector } from "react-redux";

portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/LinearGraphWidget.tsx

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React, { Fragment, useEffect, useState, useRef } from "react";
+import React, { Fragment, useEffect, useRef, useState } from "react";
 import {
   Area,
   AreaChart,
@@ -24,7 +24,7 @@ import {
   XAxis,
   YAxis,
 } from "recharts";
-import { Box, useMediaQuery, Grid } from "@mui/material";
+import { Box, Grid, useMediaQuery } from "@mui/material";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";

portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/NetworkGetItem.tsx

@@ -16,8 +16,7 @@
 
 import React from "react";
 import { Box } from "@mui/material";
-import { Loader } from "mds";
-import { NetworkGetIcon } from "mds";
+import { Loader, NetworkGetIcon } from "mds";
 
 const NetworkGetItem = ({
   value,

portal-ui/src/screens/Console/Dashboard/Prometheus/Widgets/NetworkPutItem.tsx

@@ -16,8 +16,7 @@
 
 import React from "react";
 import { Box } from "@mui/material";
-import { Loader } from "mds";
-import { NetworkPutIcon } from "mds";
+import { Loader, NetworkPutIcon } from "mds";
 
 const NetworkPutItem = ({
   value,

portal-ui/src/screens/Console/Dashboard/Prometheus/utils.tsx

@@ -25,7 +25,7 @@ import {
   textToRGBColor,
   units,
 } from "../../../../common/utils";
-import { HealIcon, DiagnosticsIcon, UptimeIcon } from "mds";
+import { DiagnosticsIcon, HealIcon, UptimeIcon } from "mds";
 
 const colorsMain = [
   "#C4D4E9",

portal-ui/src/screens/Console/Dashboard/TimeStatItem.tsx

@@ -16,8 +16,7 @@
 
 import React from "react";
 import { Box } from "@mui/material";
-import { SuccessIcon } from "mds";
-import { Loader } from "mds";
+import { Loader, SuccessIcon } from "mds";
 
 const TimeStatItem = ({
   icon,

portal-ui/src/screens/Console/DirectPV/DirectPVDrives.tsx

@@ -16,13 +16,20 @@
 
 import React, { Fragment, useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  AddIcon,
+  Button,
+  HelpBox,
+  PageHeader,
+  RefreshIcon,
+  SearchIcon,
+  StorageIcon,
+} from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { Grid, InputAdornment, TextField } from "@mui/material";
 import get from "lodash/get";
 import GroupIcon from "@mui/icons-material/Group";
-import { AddIcon, StorageIcon } from "mds";
 import {
   actionsTray,
   containerForHeader,
@@ -37,7 +44,6 @@ import { niceBytes } from "../../../common/utils";
 import { ErrorResponseHandler } from "../../../common/types";
 import api from "../../../common/api";
 import TableWrapper from "../Common/TableWrapper/TableWrapper";
-import { RefreshIcon, SearchIcon } from "mds";
 
 import withSuspense from "../Common/Components/withSuspense";
 import PageLayout from "../Common/Layout/PageLayout";

portal-ui/src/screens/Console/DirectPV/FormatErrorsResult.tsx

@@ -16,14 +16,13 @@
 
 import React from "react";
 import { Grid, Theme } from "@mui/material";
-import { Button } from "mds";
+import { Button, DriveFormatErrorsIcon } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
 import TableWrapper from "../Common/TableWrapper/TableWrapper";
 import { IDirectPVFormatResItem } from "./types";
 import { modalStyleUtils } from "../Common/FormComponents/common/styleLibrary";
-import { DriveFormatErrorsIcon } from "mds";
 import { encodeURLString } from "../../../common/utils";
 
 interface IFormatErrorsProps {

portal-ui/src/screens/Console/Groups/AddGroupMember.tsx

@@ -3,7 +3,7 @@ import UsersSelectors from "./UsersSelectors";
 import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
 import PredefinedList from "../Common/FormComponents/PredefinedList/PredefinedList";
 import Grid from "@mui/material/Grid";
-import { Button } from "mds";
+import { AddMembersToGroupIcon, Button } from "mds";
 import api from "../../../common/api";
 import { ErrorResponseHandler } from "../../../common/types";
 
@@ -15,7 +15,6 @@ import {
   modalStyleUtils,
 } from "../Common/FormComponents/common/styleLibrary";
 import withStyles from "@mui/styles/withStyles";
-import { AddMembersToGroupIcon } from "mds";
 import { encodeURLString } from "../../../common/utils";
 import { setModalErrorSnackMessage } from "../../../systemSlice";
 import { useAppDispatch } from "../../../store";

portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx

@@ -25,13 +25,11 @@ import {
 } from "../Common/FormComponents/common/styleLibrary";
 import Grid from "@mui/material/Grid";
 import { LinearProgress } from "@mui/material";
-import { BackLink, Button, PageHeader } from "mds";
+import { BackLink, Button, CreateGroupIcon, PageHeader } from "mds";
 import PageLayout from "../Common/Layout/PageLayout";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import AddGroupHelpBox from "./AddGroupHelpBox";
 import UsersSelectors from "./UsersSelectors";
-
-import { CreateGroupIcon } from "mds";
 import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
 import { ErrorResponseHandler } from "../../../../src/common/types";
 import api from "../../../../src/common/api";

portal-ui/src/screens/Console/Groups/Groups.tsx

@@ -17,18 +17,20 @@
 import React, { Fragment, useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
 import { useNavigate } from "react-router-dom";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  AddIcon,
+  Button,
+  DeleteIcon,
+  GroupsIcon,
+  HelpBox,
+  IAMPoliciesIcon,
+  PageHeader,
+  UsersIcon,
+} from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import Grid from "@mui/material/Grid";
 import { Box, LinearProgress } from "@mui/material";
-import {
-  AddIcon,
-  DeleteIcon,
-  GroupsIcon,
-  IAMPoliciesIcon,
-  UsersIcon,
-} from "mds";
 
 import { GroupsList } from "./types";
 import { stringSort } from "../../../utils/sortFunctions";
@@ -45,14 +47,14 @@ import AButton from "../Common/AButton/AButton";
 import PageLayout from "../Common/Layout/PageLayout";
 import SearchBox from "../Common/SearchBox";
 import {
+  applyPolicyPermissions,
   CONSOLE_UI_RESOURCE,
+  createGroupPermissions,
+  deleteGroupPermissions,
+  displayGroupsPermissions,
+  getGroupPermissions,
   IAM_PAGES,
   permissionTooltipHelper,
-  applyPolicyPermissions,
-  displayGroupsPermissions,
-  deleteGroupPermissions,
-  getGroupPermissions,
-  createGroupPermissions,
 } from "../../../common/SecureComponent/permissions";
 import {
   hasPermission,

portal-ui/src/screens/Console/Groups/GroupsDetails.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
 import { useNavigate, useParams } from "react-router-dom";
-import { Button } from "mds";
+import { AddIcon, Button, GroupsIcon, IAMPoliciesIcon, TrashIcon } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import {
   actionsTray,
@@ -14,7 +14,6 @@ import {
 import withStyles from "@mui/styles/withStyles";
 import { Grid } from "@mui/material";
 import ScreenTitle from "../Common/ScreenTitle/ScreenTitle";
-import { AddIcon, GroupsIcon, IAMPoliciesIcon, TrashIcon } from "mds";
 import TableWrapper from "../Common/TableWrapper/TableWrapper";
 import api from "../../../common/api";
 import SetPolicy from "../Policies/SetPolicy";

portal-ui/src/screens/Console/Heal/Heal.tsx

@@ -27,7 +27,7 @@ import {
 } from "@mui/material";
 import { IMessageEvent, w3cwebsocket as W3CWebSocket } from "websocket";
 import { Theme } from "@mui/material/styles";
-import { Button, PageHeader } from "mds";
+import { Button, HealIcon, PageHeader } from "mds";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import { wsProtocol } from "../../../utils/wsUtils";
@@ -45,7 +45,6 @@ import {
   IAM_SCOPES,
 } from "../../../common/SecureComponent/permissions";
 import { ErrorResponseHandler } from "../../../common/types";
-import { HealIcon } from "mds";
 import CheckboxWrapper from "../Common/FormComponents/CheckboxWrapper/CheckboxWrapper";
 import api from "../../../common/api";
 import PageLayout from "../Common/Layout/PageLayout";

portal-ui/src/screens/Console/HealthInfo/HealthInfo.tsx

@@ -23,7 +23,7 @@ import {
 import { AppState, useAppDispatch } from "../../../store";
 import { useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";
-import { Button, HelpBox, PageHeader } from "mds";
+import { Button, HelpBox, Loader, PageHeader, WarnIcon } from "mds";
 import {
   DiagStatError,
   DiagStatInProgress,
@@ -48,8 +48,6 @@ import { Grid } from "@mui/material";
 
 import TestWrapper from "../Common/TestWrapper/TestWrapper";
 import PageLayout from "../Common/Layout/PageLayout";
-import { WarnIcon } from "mds";
-import { Loader } from "mds";
 import { setServerDiagStat } from "../../../systemSlice";
 import {
   healthInfoMessageReceived,

portal-ui/src/screens/Console/IDP/IDPConfigurationDetails.tsx

@@ -29,9 +29,15 @@ import {
   pageContentStyles,
   searchField,
 } from "../Common/FormComponents/common/styleLibrary";
-import { BackLink, EditIcon, PageHeader, RefreshIcon, TrashIcon } from "mds";
+import {
+  BackLink,
+  Button,
+  EditIcon,
+  PageHeader,
+  RefreshIcon,
+  TrashIcon,
+} from "mds";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
-import { Button } from "mds";
 import { useNavigate, useParams } from "react-router-dom";
 import { ErrorResponseHandler } from "../../../common/types";
 import { useAppDispatch } from "../../../store";
@@ -46,6 +52,7 @@ import ScreenTitle from "../Common/ScreenTitle/ScreenTitle";
 import DeleteIDPConfigurationModal from "./DeleteIDPConfigurationModal";
 import FormSwitchWrapper from "../Common/FormComponents/FormSwitchWrapper/FormSwitchWrapper";
 import LabelValuePair from "../Common/UsageBarWrapper/LabelValuePair";
+
 type IDPConfigurationDetailsProps = {
   classes?: any;
   formFields: object;

portal-ui/src/screens/Console/IDP/IDPConfigurations.tsx

@@ -36,8 +36,7 @@ import PageLayout from "../Common/Layout/PageLayout";
 import { containerForHeader } from "../Common/FormComponents/common/styleLibrary";
 import { Grid } from "@mui/material";
 import TooltipWrapper from "../Common/TooltipWrapper/TooltipWrapper";
-import { Button, PageHeader } from "mds";
-import { AddIcon, RefreshIcon } from "mds";
+import { AddIcon, Button, PageHeader, RefreshIcon } from "mds";
 import TableWrapper from "../Common/TableWrapper/TableWrapper";
 import DeleteIDPConfigurationModal from "./DeleteIDPConfigurationModal";
 

portal-ui/src/screens/Console/KMS/ImportKey.tsx

@@ -18,7 +18,7 @@ import React, { Fragment, useState } from "react";
 import { Box } from "@mui/material";
 
 import Grid from "@mui/material/Grid";
-import { BackLink, AddAccessRuleIcon, Button, PageHeader } from "mds";
+import { AddAccessRuleIcon, BackLink, Button, PageHeader } from "mds";
 import PageLayout from "../Common/Layout/PageLayout";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import { IAM_PAGES } from "../../../common/SecureComponent/permissions";

portal-ui/src/screens/Console/License/LicenseConsentModal.tsx

@@ -17,8 +17,7 @@
 import React from "react";
 import ModalWrapper from "../Common/ModalWrapper/ModalWrapper";
 import { Box } from "@mui/material";
-import { Button } from "mds";
-import { AGPLV3DarkLogo } from "mds";
+import { AGPLV3DarkLogo, Button } from "mds";
 import { setLicenseConsent } from "./utils";
 import LicenseLink from "./LicenseLink";
 import LicenseFAQ from "./LicenseFAQ";

portal-ui/src/screens/Console/Logs/ErrorLogs/LogLine.tsx

@@ -21,7 +21,7 @@ import Collapse from "@mui/material/Collapse";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import { LogMessage } from "../types";
-import { BoxArrowUp, BoxArrowDown, WarnFilledIcon } from "mds";
+import { BoxArrowDown, BoxArrowUp, WarnFilledIcon } from "mds";
 
 import getByKey from "lodash/get";
 

portal-ui/src/screens/Console/Logs/LogSearch/LogsSearchMain.tsx

@@ -16,7 +16,7 @@
 
 import React, { Fragment, useCallback, useEffect, useState } from "react";
 import { useSelector } from "react-redux";
-import { Button, PageHeader } from "mds";
+import { Button, PageHeader, SearchIcon } from "mds";
 import { Theme } from "@mui/material/styles";
 import { Grid } from "@mui/material";
 import get from "lodash/get";
@@ -44,7 +44,6 @@ import {
   IAM_SCOPES,
 } from "../../../../common/SecureComponent/permissions";
 import { SecureComponent } from "../../../../common/SecureComponent";
-import { SearchIcon } from "mds";
 import MissingIntegration from "../../Common/MissingIntegration/MissingIntegration";
 import { setErrorSnackMessage } from "../../../../systemSlice";
 import { selFeatures } from "../../consoleSlice";

portal-ui/src/screens/Console/Marketplace/Marketplace.tsx

@@ -19,10 +19,9 @@ import SetEmailModal from "./SetEmailModal";
 import PageLayout from "../Common/Layout/PageLayout";
 import { selFeatures } from "../consoleSlice";
 import { useSelector } from "react-redux";
-import { useNavigate } from "react-router-dom";
+import { Navigate, useNavigate } from "react-router-dom";
 import { resourcesConfigurations } from "../Tenants/AddTenant/Steps/TenantResources/utils";
 import { selShowMarketplace, showMarketplace } from "../../../systemSlice";
-import { Navigate } from "react-router-dom";
 import { useAppDispatch } from "../../../store";
 import { PageHeader } from "mds";
 

portal-ui/src/screens/Console/Menu/ConsoleMenuList.tsx

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React, { useEffect, useState, Fragment } from "react";
+import React, { Fragment, useEffect, useState } from "react";
 import { Box } from "@mui/material";
 import { useLocation } from "react-router-dom";
 import ListItem from "@mui/material/ListItem";

portal-ui/src/screens/Console/NotificationEndpoints/ListNotificationEndpoints.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Fragment, useEffect, useState } from "react";
-import { Button, HelpBox } from "mds";
+import { AddIcon, Button, HelpBox, LambdaIcon, RefreshIcon } from "mds";
 import { useNavigate } from "react-router-dom";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
@@ -30,7 +30,6 @@ import {
   TransformedEndpointItem,
 } from "./types";
 import { getNotificationConfigKey, notificationTransform } from "./utils";
-import { AddIcon, LambdaIcon } from "mds";
 import TableWrapper from "../Common/TableWrapper/TableWrapper";
 
 import {
@@ -42,7 +41,6 @@ import {
 } from "../Common/FormComponents/common/styleLibrary";
 import { ErrorResponseHandler } from "../../../common/types";
 import api from "../../../common/api";
-import { RefreshIcon } from "mds";
 import AButton from "../Common/AButton/AButton";
 import PageLayout from "../Common/Layout/PageLayout";
 import SearchBox from "../Common/SearchBox";

portal-ui/src/screens/Console/ObjectBrowser/BrowserBreadcrumbs.tsx

@@ -25,7 +25,7 @@ import { Link, useNavigate } from "react-router-dom";
 import { IconButton } from "@mui/material";
 import { objectBrowserCommon } from "../Common/FormComponents/common/styleLibrary";
 import { encodeURLString } from "../../../common/utils";
-import { BackCaretIcon, CopyIcon, NewPathIcon } from "mds";
+import { BackCaretIcon, Button, CopyIcon, NewPathIcon } from "mds";
 import { hasPermission } from "../../../common/SecureComponent";
 import {
   IAM_SCOPES,
@@ -35,7 +35,6 @@ import withSuspense from "../Common/Components/withSuspense";
 import { setSnackBarMessage } from "../../../systemSlice";
 import { AppState, useAppDispatch } from "../../../store";
 import { setVersionsModeEnabled } from "./objectBrowserSlice";
-import { Button } from "mds";
 import TooltipWrapper from "../Common/TooltipWrapper/TooltipWrapper";
 
 const CreatePathModal = withSuspense(

portal-ui/src/screens/Console/ObjectBrowser/RenameLongFilename.tsx

@@ -17,10 +17,9 @@
 import React, { useState } from "react";
 import Grid from "@mui/material/Grid";
 import createStyles from "@mui/styles/createStyles";
-import { Button } from "mds";
+import { Button, EditIcon } from "mds";
 import makeStyles from "@mui/styles/makeStyles";
 import { Theme } from "@mui/material/styles";
-import { EditIcon } from "mds";
 import {
   containerForHeader,
   formFieldStyles,

portal-ui/src/screens/Console/Policies/AddPolicyScreen.tsx

@@ -17,13 +17,11 @@
 import React, { Fragment, useState } from "react";
 import Grid from "@mui/material/Grid";
 import { Box } from "@mui/material";
-import { BackLink, Button, PageHeader } from "mds";
+import { AddAccessRuleIcon, BackLink, Button, PageHeader } from "mds";
 import PageLayout from "../Common/Layout/PageLayout";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import AddPolicyHelpBox from "./AddPolicyHelpBox";
 import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
-
-import { AddAccessRuleIcon } from "mds";
 import { IAM_PAGES } from "../../../common/SecureComponent/permissions";
 import { ErrorResponseHandler } from "../../../common/types";
 import api from "../../../../src/common/api";

portal-ui/src/screens/Console/Policies/ListPolicies.tsx

@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Fragment, useEffect, useState } from "react";
-import { Button, HelpBox, PageHeader } from "mds";
+import { AddIcon, Button, HelpBox, IAMPoliciesIcon, PageHeader } from "mds";
 import { useNavigate } from "react-router-dom";
 import get from "lodash/get";
 import { Theme } from "@mui/material/styles";
@@ -23,7 +23,6 @@ import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
 import Grid from "@mui/material/Grid";
 import { Policy, PolicyList } from "./types";
-import { AddIcon, IAMPoliciesIcon } from "mds";
 
 import {
   actionsTray,

portal-ui/src/screens/Console/Policies/PolicyDetails.tsx

@@ -17,7 +17,15 @@ import React, { Fragment, useEffect, useState } from "react";
 import { IAMPolicy, IAMStatement, Policy } from "./types";
 import { useSelector } from "react-redux";
 import { useNavigate, useParams } from "react-router-dom";
-import { BackLink, Button, PageHeader } from "mds";
+import {
+  BackLink,
+  Button,
+  IAMPoliciesIcon,
+  PageHeader,
+  RefreshIcon,
+  SearchIcon,
+  TrashIcon,
+} from "mds";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -38,7 +46,6 @@ import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMi
 import InputAdornment from "@mui/material/InputAdornment";
 import TextField from "@mui/material/TextField";
 import ScreenTitle from "../Common/ScreenTitle/ScreenTitle";
-import { IAMPoliciesIcon, RefreshIcon, SearchIcon, TrashIcon } from "mds";
 import PageLayout from "../Common/Layout/PageLayout";
 import VerticalTabs from "../Common/VerticalTabs/VerticalTabs";
 

portal-ui/src/screens/Console/Policies/SetPolicy.tsx

@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React, { useEffect, useState, Fragment } from "react";
+import React, { Fragment, useEffect, useState } from "react";
 import get from "lodash/get";
 import { Theme } from "@mui/material/styles";
 import { Button } from "mds";

portal-ui/src/screens/Console/Speedtest/STResults.tsx

@@ -17,12 +17,8 @@
 import React, { Fragment, useState } from "react";
 import get from "lodash/get";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
-import createStyles from "@mui/styles/createStyles";
-import { Grid } from "@mui/material";
-import { IndvServerMetric, SpeedTestResponse, STServer } from "./types";
-import { calculateBytes, prettyNumber } from "../../../common/utils";
 import {
+  Button,
   ComputerLineIcon,
   DownloadIcon,
   DownloadStatIcon,
@@ -31,6 +27,10 @@ import {
   UploadStatIcon,
   VersionIcon,
 } from "mds";
+import createStyles from "@mui/styles/createStyles";
+import { Grid } from "@mui/material";
+import { IndvServerMetric, SpeedTestResponse, STServer } from "./types";
+import { calculateBytes, prettyNumber } from "../../../common/utils";
 import CodeMirrorWrapper from "../Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper";
 import { Area, AreaChart, CartesianGrid, ResponsiveContainer } from "recharts";
 import { cleanMetrics } from "./utils";

portal-ui/src/screens/Console/Speedtest/Speedtest.tsx

@@ -21,7 +21,14 @@ import { Grid } from "@mui/material";
 import { Theme } from "@mui/material/styles";
 import { useNavigate } from "react-router-dom";
 import { AppState } from "../../../store";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  Button,
+  HelpBox,
+  Loader,
+  PageHeader,
+  SpeedtestIcon,
+  WarnIcon,
+} from "mds";
 import { DateTime } from "luxon";
 import createStyles from "@mui/styles/createStyles";
 import {
@@ -33,7 +40,6 @@ import {
 } from "../Common/FormComponents/common/styleLibrary";
 import { wsProtocol } from "../../../utils/wsUtils";
 import { SpeedTestResponse } from "./types";
-import { SpeedtestIcon } from "mds";
 import {
   CONSOLE_UI_RESOURCE,
   IAM_SCOPES,
@@ -45,8 +51,6 @@ import InputUnitMenu from "../Common/FormComponents/InputUnitMenu/InputUnitMenu"
 import PageLayout from "../Common/Layout/PageLayout";
 import { SecureComponent } from "../../../common/SecureComponent";
 import DistributedOnly from "../Common/DistributedOnly/DistributedOnly";
-import { WarnIcon } from "mds";
-import { Loader } from "mds";
 import { selDistSet } from "../../../systemSlice";
 import makeStyles from "@mui/styles/makeStyles";
 import RegisterCluster from "../Support/RegisterCluster";

portal-ui/src/screens/Console/Support/ApiKeyRegister.tsx

@@ -14,10 +14,9 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-import React, { Fragment, useEffect, useState } from "react";
+import React, { Fragment, useCallback, useEffect, useState } from "react";
 import { Box } from "@mui/material";
-import { Button } from "mds";
-import { OnlineRegistrationIcon } from "mds";
+import { Button, OnlineRegistrationIcon } from "mds";
 import { FormTitle } from "./utils";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import GetApiKeyModal from "./GetApiKeyModal";
@@ -27,7 +26,6 @@ import api from "../../../common/api";
 import { useAppDispatch } from "../../../store";
 import { setErrorSnackMessage } from "../../../systemSlice";
 import { ErrorResponseHandler } from "../../../common/types";
-import { useCallback } from "react";
 import { spacingUtils } from "../Common/FormComponents/common/styleLibrary";
 import { Theme } from "@mui/material/styles";
 import createStyles from "@mui/styles/createStyles";

portal-ui/src/screens/Console/Support/Register.tsx

@@ -16,7 +16,14 @@
 
 import React, { Fragment, useCallback, useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
-import { Button, PageHeader } from "mds";
+import {
+  Button,
+  CopyIcon,
+  OfflineRegistrationIcon,
+  OnlineRegistrationIcon,
+  PageHeader,
+  UsersIcon,
+} from "mds";
 import createStyles from "@mui/styles/createStyles";
 import {
   actionsTray,
@@ -27,10 +34,8 @@ import {
 import withStyles from "@mui/styles/withStyles";
 import { Box, Link } from "@mui/material";
 import PageLayout from "../Common/Layout/PageLayout";
-import { CopyIcon, UsersIcon } from "mds";
 import RemoveRedEyeIcon from "@mui/icons-material/RemoveRedEye";
 import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
-import { OnlineRegistrationIcon, OfflineRegistrationIcon } from "mds";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import api from "../../../common/api";
 
@@ -64,6 +69,7 @@ import { ClusterRegistered, FormTitle, ProxyConfiguration } from "./utils";
 import ApiKeyRegister from "./ApiKeyRegister";
 import CopyToClipboard from "react-copy-to-clipboard";
 import TooltipWrapper from "../Common/TooltipWrapper/TooltipWrapper";
+
 interface IRegister {
   classes: any;
 }

portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Configure.tsx

@@ -28,9 +28,9 @@ import {
 } from "@mui/material";
 import {
   createTenantCommon,
+  formFieldStyles,
   modalBasic,
   wizardCommon,
-  formFieldStyles,
 } from "../../../Common/FormComponents/common/styleLibrary";
 
 import { AppState, useAppDispatch } from "../../../../../store";

portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Encryption.tsx

@@ -40,10 +40,10 @@ import {
 } from "../../../../../utils/validationFunctions";
 import SectionH1 from "../../../Common/SectionH1";
 import {
-  addFileMinIOMTLSCert,
   addFileKESServerCert,
   addFileKMSCa,
   addFileKMSMTLSCert,
+  addFileMinIOMTLSCert,
   isPageValid,
   updateAddField,
 } from "../createTenantSlice";

portal-ui/src/screens/Console/Tenants/AddTenant/Steps/IdentityProvider.tsx

@@ -32,9 +32,9 @@ import IDPOpenID from "./IdentityProvider/IDPOpenID";
 import makeStyles from "@mui/styles/makeStyles";
 import IDPBuiltIn from "./IdentityProvider/IDPBuiltIn";
 import {
-  OIDCLogoElement,
-  LDAPLogoElement,
   BuiltInLogoElement,
+  LDAPLogoElement,
+  OIDCLogoElement,
 } from "../../LogoComponents";
 
 const useStyles = makeStyles((theme: Theme) =>

portal-ui/src/screens/Console/Tenants/AddTenant/Steps/IdentityProvider/IDPActiveDirectory.tsx

@@ -28,14 +28,14 @@ import {
   wizardCommon,
 } from "../../../../Common/FormComponents/common/styleLibrary";
 import {
+  addIDPADGroupAtIndex,
   addIDPADUsrAtIndex,
   isPageValid,
+  removeIDPADGroupAtIndex,
   removeIDPADUsrAtIndex,
+  setIDPADGroupAtIndex,
   setIDPADUsrAtIndex,
   updateAddField,
-  addIDPADGroupAtIndex,
-  removeIDPADGroupAtIndex,
-  setIDPADGroupAtIndex,
 } from "../../createTenantSlice";
 import { useSelector } from "react-redux";
 import { clearValidationError } from "../../../utils";

portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Security.tsx

@@ -34,14 +34,14 @@ import AddIcon from "@mui/icons-material/Add";
 import { RemoveIcon } from "mds";
 import {
   addCaCertificate,
-  deleteCaCertificate,
+  addClientKeyPair,
   addFileToCaCertificates,
+  addFileToClientKeyPair,
   addFileToKeyPair,
   addKeyPair,
-  deleteKeyPair,
-  addClientKeyPair,
+  deleteCaCertificate,
   deleteClientKeyPair,
-  addFileToClientKeyPair,
+  deleteKeyPair,
   isPageValid,
   updateAddField,
 } from "../createTenantSlice";

portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx

@@ -15,7 +15,14 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Fragment, useEffect, useState } from "react";
-import { Button, HelpBox, PageHeader } from "mds";
+import {
+  AddIcon,
+  Button,
+  HelpBox,
+  PageHeader,
+  RefreshIcon,
+  TenantsIcon,
+} from "mds";
 import Grid from "@mui/material/Grid";
 import { LinearProgress, SelectChangeEvent } from "@mui/material";
 import { Theme } from "@mui/material/styles";
@@ -29,11 +36,8 @@ import {
   containerForHeader,
   searchField,
 } from "../../Common/FormComponents/common/styleLibrary";
-
-import { AddIcon, TenantsIcon } from "mds";
 import { ErrorResponseHandler } from "../../../../common/types";
 import api from "../../../../common/api";
-import { RefreshIcon } from "mds";
 import TenantListItem from "./TenantListItem";
 import AButton from "../../Common/AButton/AButton";
 

portal-ui/src/screens/Console/Tenants/LogoComponents.tsx

@@ -15,9 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import { Grid } from "@mui/material";
-import { LDAPIcon } from "mds";
-import { OIDCIcon } from "mds";
-import { UsersIcon } from "mds";
+import { LDAPIcon, OIDCIcon, UsersIcon } from "mds";
 
 export const OIDCLogoElement = () => {
   return (

portal-ui/src/screens/Console/Tenants/TenantDetails/EditDomains.tsx

@@ -16,7 +16,7 @@
 
 import React, { useEffect, useState } from "react";
 import { Theme } from "@mui/material/styles";
-import { Button } from "mds";
+import { Button, RemoveIcon } from "mds";
 import { Grid, IconButton } from "@mui/material";
 import createStyles from "@mui/styles/createStyles";
 import withStyles from "@mui/styles/withStyles";
@@ -32,7 +32,6 @@ import {
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
 import InputBoxWrapper from "../../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import api from "../../../../common/api";
-import { RemoveIcon } from "mds";
 import {
   setModalErrorSnackMessage,
   setSnackBarMessage,

portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantMonitoringScreen.tsx

@@ -42,24 +42,23 @@ import {
   setErrorSnackMessage,
   setSnackBarMessage,
 } from "../../../../systemSlice";
-import { IKeyValue } from "../ListTenants/types";
+import { IKeyValue, ITenantMonitoringStruct } from "../ListTenants/types";
 import KeyPairEdit from "./KeyPairEdit";
 import InputUnitMenu from "../../Common/FormComponents/InputUnitMenu/InputUnitMenu";
-import { ITenantMonitoringStruct } from "../ListTenants/types";
 import {
-  setPrometheusEnabled,
-  setImage,
-  setSidecarImage,
-  setInitImage,
-  setStorageClassName,
-  setDiskCapacityGB,
-  setServiceAccountName,
   setCPURequest,
-  setMemRequest,
-  setRunAsGroup,
+  setDiskCapacityGB,
   setFSGroup,
-  setRunAsUser,
+  setImage,
+  setInitImage,
+  setMemRequest,
+  setPrometheusEnabled,
+  setRunAsGroup,
   setRunAsNonRoot,
+  setRunAsUser,
+  setServiceAccountName,
+  setSidecarImage,
+  setStorageClassName,
 } from "../TenantDetails/tenantMonitoringSlice";
 import { clearValidationError, imagePattern, numericPattern } from "../utils";
 import SecurityContextSelector from "../securityContextSelector";

portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDBDetails.tsx

@@ -44,15 +44,15 @@ import { IKeyValue, ITenantAuditLogs } from "../ListTenants/types";
 import KeyPairEdit from "./KeyPairEdit";
 import InputUnitMenu from "../../Common/FormComponents/InputUnitMenu/InputUnitMenu";
 import {
-  setDBImage,
-  setDBInitImage,
   setDBCPURequest,
-  setDBMemRequest,
-  setDBRunAsUser,
   setDBFSGroup,
   setDBFSGroupChangePolicy,
+  setDBImage,
+  setDBInitImage,
+  setDBMemRequest,
   setDBRunAsGroup,
   setDBRunAsNonRoot,
+  setDBRunAsUser,
   setRefreshLoggingInfo,
 } from "./tenantAuditLogSlice";
 

portal-ui/src/screens/Console/Tenants/TenantDetails/LoggingDetails.tsx

@@ -46,16 +46,16 @@ import InputUnitMenu from "../../Common/FormComponents/InputUnitMenu/InputUnitMe
 import SecurityContextSelector from "../securityContextSelector";
 import { clearValidationError, imagePattern, numericPattern } from "../utils";
 import {
-  setImage,
-  setDiskCapacityGB,
-  setServiceAccountName,
   setCPURequest,
-  setMemRequest,
-  setRunAsUser,
+  setDiskCapacityGB,
   setFSGroup,
+  setImage,
+  setMemRequest,
+  setRefreshLoggingInfo,
   setRunAsGroup,
   setRunAsNonRoot,
-  setRefreshLoggingInfo,
+  setRunAsUser,
+  setServiceAccountName,
 } from "../TenantDetails/tenantAuditLogSlice";
 import { setFSGroupChangePolicy } from "../tenantSecurityContextSlice";
 import { fsGroupChangePolicyType } from "../types";

portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/Details/PoolDetails.tsx

@@ -23,8 +23,7 @@ import Grid from "@mui/material/Grid";
 import LabelValuePair from "../../../../Common/UsageBarWrapper/LabelValuePair";
 import { niceBytesInt } from "../../../../../../common/utils";
 import StackRow from "../../../../Common/UsageBarWrapper/StackRow";
-import { Button } from "mds";
-import { EditTenantIcon } from "mds";
+import { Button, EditTenantIcon } from "mds";
 
 const stylingLayout = {
   border: "#EAEAEA 1px solid",