Content mapping API and search bug fixes

ui/src/components/ContentMapper/index.tsx

@@ -18,8 +18,6 @@ import {
   ModalFooter,
   Dropdown
 } from '@contentstack/venus-components';
-import { jsonToHtml } from '@contentstack/json-rte-serializer';
-import HTMLReactParser from 'html-react-parser';
 
 // Services
 import { getCMSDataFromFile } from '../../cmsData/cmsSelector';
@@ -29,7 +27,6 @@ import {
   getExistingContentTypes,
   updateContentType,
   resetToInitialMapping,
-  createTestStack,
   fetchExistingContentType
 } from '../../services/api/migration.service';
 import { getStackStatus } from '../../services/api/stacks.service';
@@ -512,6 +509,7 @@ const ContentMapper = () => {
       return row;
     });
     setTableData(updatedRows);
+    setSelectedEntries(updatedRows);
   };
 
   const handleDropDownChange = (value: FieldTypes) => {
@@ -630,6 +628,7 @@ const ContentMapper = () => {
     });
 
     setTableData(updatedRows as FieldMapType[]);
+    setSelectedEntries(updatedRows as FieldMapType[]);
   };
 
   const SelectAccessorOfColumn = (data: FieldMapType) => {
@@ -1104,88 +1103,16 @@ const ContentMapper = () => {
             <div className='text-end my-3 mx-3 px-1'>
               <Button
                   className="saveButton"
-                  size="small"
+                  size="medium"
                   buttonType="secondary"
                   onClick={handleSaveContentType}
                 >
                 Save
               </Button>
             </div>
           </div>
-
-
-
-          {/* {actionCta && validateArray(actionCta) && (
-            <ButtonGroup className="action-btn-wrapper">
-              <div
-                className="IconStoriesWrapper"
-                style={{
-                  columns: '4'
-                }}
-              >
-                <div className="flex pt-10 pb-10 hover:text-purple-400" style={{ columnGap: 20 }}>
-                  {currentIndex > 0 && (
-                    <span
-                      onClick={handlePrevClick}
-                      className="cursor-pointer"
-                      title="Previous Content Type"
-                    >
-                      <Icon icon="Left" size="tiny" hover={true} />
-                      {prevButtonLabel}
-                    </span>
-                  )}
-                </div>
-              </div>
-              <div className="d-flex">
-                <Button
-                  className="saveButton"
-                  size="medium"
-                  buttonType="secondary"
-                  onClick={handleSaveContentType}
-                >
-                  Save
-                </Button>
-
-                <div
-                  className="IconStoriesWrapper"
-                  style={{
-                    columns: '4'
-                  }}
-                >
-                  <div
-                    className="justify-content-end flex pt-10 pb-10 hover:text-purple-400"
-                    style={{ columnGap: 20 }}
-                  >
-                    {currentIndex < contentTypes.length - 1 && (
-                      <span
-                        onClick={handleNextClick}
-                        className="cursor-pointer"
-                        title="Next Content Type"
-                      >
-                        {nextButtonLabel}
-                        <Icon icon="Right" size="tiny" hover={true} />
-                      </span>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </ButtonGroup>
-          )} */}
         </div>
       </div>
-
-      {/* {cta?.title && (
-        <div className="cta-wrapper">
-          <Button
-            buttonType={cta?.theme}
-            isLoading={isButtonLoading}
-            disabled={isDropDownChanged}
-            onClick={handleValidateOnClick}
-          >
-            {cta?.title}
-          </Button>
-        </div>
-      )} */}
     </div>
   );
 };

ui/src/components/ProjectsHeader/index.tsx

@@ -10,7 +10,6 @@ const ProjectsHeader = ({
   setSearchText,
   searchPlaceholder,
   cta,
-  restore_cta: restoreCta,
   allProject,
   handleModal
 }: ProjectsHeaderType) => {
@@ -24,7 +23,24 @@ const ProjectsHeader = ({
 
   const SearchProject = (
     <>
-      {allProject && allProject?.length > 0 ? (
+      <div className="project-search-wrapper">
+        <Search
+          placeholder={searchPlaceholder}
+          type="secondary"
+          onChange={(search: string) =>
+            setSearchText(search?.trim())
+          }
+          width="large"
+          onClear={true}
+          onClick={setFocus}
+          value={searchText}
+          debounceSearch={true}
+          id="search-project-input"
+          version="v2"
+          disabled={allProject && allProject?.length <= 0 && searchText?.length <= 0}
+        />
+      </div>
+      {/* {allProject && allProject?.length > 0 ? (
         <div className="project-search-wrapper">
           <Search
             placeholder={searchPlaceholder}
@@ -56,7 +72,7 @@ const ProjectsHeader = ({
             />
           </div>
         )
-      )}
+      )} */}
     </>
   );
 

ui/src/pages/Projects/index.scss

@@ -1,10 +1,10 @@
 @import '../../scss/variables';
 
 .project-search-wrapper {
-  margin-top: 2px;
-  margin-left: 8px;
-  .Search__input {
-    border: 1px solid $color-base-gray-40;
+  margin-left: $px-12;
+  .Search {
+    background-color: $color-brand-white-base;
+    height: 2.5rem;
   }
   ::placeholder {
     font-size: $px-16;