Dev

ui/src/components/ContentMapper/contentMapper.interface.ts

@@ -26,6 +26,7 @@ export interface FieldTypes {
   label: string;
   value: any;
   id?: string;
+  isDisabled?: boolean;
 }
 export interface TableTypes {
   sortBy: any;

ui/src/components/ContentMapper/index.tsx

@@ -694,7 +694,13 @@ const ContentMapper = () => {
 
     const OptionValue: FieldTypes =
       OptionsForRow?.length === 0
-        ? { label: 'No matches found', value: 'No matches found' }
+        ? { 
+          label: data?.ContentstackFieldType, 
+          value: data?.ContentstackFieldType, 
+          isDisabled: data?.ContentstackFieldType === 'group' ||
+          data?.ContentstackFieldType === 'text' ||
+          data?.ContentstackFieldType === 'url' 
+        }
         : { label: `${selectedOption} matches`, value: `${selectedOption} matches` };
 
     const adjustedOptions = OptionsForRow.map((option: optionsType) => ({
@@ -713,23 +719,28 @@ const ContentMapper = () => {
             maxWidth="290px"
             isClearable={false}
             options={adjustedOptions}
+            isDisabled={
+              OptionValue?.isDisabled
+            }
           />
         </div>
-        <Icon
-          version="v2"
-          icon="Setting"
-          size="small"
-          onClick={() => {
-            // const value = {
-            //   ValidationRegex: data?.advanced?.ValidationRegex,
-            //   Mandatory: data?.advanced?.mandatory,
-            //   Multiple: data?.advanced?.multiple,
-            //   Unique: data?.advanced?.unique,
-            //   NonLocalizable: data?.advanced?.nonLocalizable
-            // };
-            handleAdvancedSetting(data?.ContentstackFieldType, advancePropertise, data?.uid, data);
-          }}
-        />
+        {!OptionValue?.isDisabled && (
+          <Icon
+            version="v2"
+            icon="Setting"
+            size="small"
+            onClick={() => {
+              // const value = {
+              //   ValidationRegex: data?.advanced?.ValidationRegex,
+              //   Mandatory: data?.advanced?.mandatory,
+              //   Multiple: data?.advanced?.multiple,
+              //   Unique: data?.advanced?.unique,
+              //   NonLocalizable: data?.advanced?.nonLocalizable
+              // };
+              handleAdvancedSetting(data?.ContentstackFieldType, advancePropertise, data?.uid, data);
+            }}
+          />
+        )}
       </div>
     );
   };

ui/src/components/DestinationStack/Actions/LoadStacks.tsx

@@ -28,9 +28,6 @@ const defaultStack = {
 };
 
 const LoadStacks = (props: LoadFileFormatProps) => {
-
-  console.log("props", props);
-
   /****  ALL HOOKS HERE  ****/
 
   const newMigrationData = useSelector((state:RootState)=>state?.migration?.newMigrationData);

ui/src/components/Modal/index.tsx

@@ -159,7 +159,7 @@ const Modal = (props: ProjectModalProps) => {
                           <Textarea
                             {...input}
                             value={input?.value}
-                            onChange={(event: any): any => {
+                            onChange={(event: React.ChangeEvent<HTMLInputElement>): void => {
                               input.onChange(event);
                             }}
                             id="description"