Autocomplete component replacement (#3104)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>

Author: bexsoft

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

@@ -15,14 +15,20 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { useCallback, useEffect, useState, Fragment } from "react";
-import { Button, DataTable, EventSubscriptionIcon, Grid, InputBox } from "mds";
+import {
+  Autocomplete,
+  Button,
+  DataTable,
+  EventSubscriptionIcon,
+  Grid,
+  InputBox,
+} from "mds";
 import { ErrorResponseHandler } from "../../../../common/types";
 import { setModalErrorSnackMessage } from "../../../../systemSlice";
 import { useAppDispatch } from "../../../../store";
 import { api } from "api";
 import { NotificationEventType } from "api/consoleApi";
 import ModalWrapper from "../../Common/ModalWrapper/ModalWrapper";
-import AutocompleteWrapper from "../../Common/FormComponents/AutocompleteWrapper/AutocompleteWrapper";
 import {
   formFieldStyles,
   modalBasic,
@@ -161,7 +167,7 @@ const AddEvent = ({
                 },
               }}
             >
-              <AutocompleteWrapper
+              <Autocomplete
                 onChange={(value: string) => {
                   setArn(value);
                 }}
@@ -170,7 +176,7 @@ const AddEvent = ({
                 label={"ARN"}
                 value={arn}
                 options={arnValues || []}
-                helptip={
+                helpTip={
                   <Fragment>
                     <a
                       target="blank"

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

@@ -315,50 +315,6 @@ export const snackBarCommon = {
   },
 };
 
-export const inputFieldStyles = {
-  root: {
-    borderRadius: 3,
-    "&::before": {
-      borderColor: "#9c9c9c",
-    },
-    "& fieldset": {
-      borderColor: "#e5e5e5",
-    },
-    "&:hover fieldset": {
-      borderColor: "#07193E",
-    },
-    "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-      borderColor: "#07193E",
-      borderWidth: 1,
-    },
-    "&.Mui-error + p": {
-      marginLeft: 3,
-    },
-  },
-  disabled: {
-    "&.MuiOutlinedInput-root::before": {
-      borderColor: "#e5e5e5",
-      borderBottomStyle: "solid" as const,
-      borderRadius: 3,
-    },
-  },
-  input: {
-    height: 38,
-    padding: "0 35px 0 15px",
-    color: "#07193E",
-    fontSize: 13,
-    fontWeight: 600,
-    "&:placeholder": {
-      color: "#858585",
-      opacity: 1,
-      fontWeight: 400,
-    },
-  },
-  error: {
-    color: "#b53b4b",
-  },
-};
-
 export const formFieldStyles: any = {
   formFieldRow: {
     marginBottom: ".8rem",

portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts

@@ -454,7 +454,6 @@ const AddTierConfiguration = () => {
                     required={type !== "minio"}
                     label={"Region"}
                     id="region"
-                    name="region"
                     type={type as "azure" | "s3" | "minio" | "gcs"}
                   />
                   {type === s3ServiceName && (