OpenConceptLab/ocl_issues#2190 | Closing dialog on map | fixing score on top header | max width of target

Author: snyaggarwal

src/components/concepts/ConceptHeader.jsx

@@ -69,7 +69,7 @@ const ConceptHeader = ({concept, repo, onClose, repoURL, onEdit, nested, loading
           onMap &&
             <MapButton
               simple
-              onClick={(event, applied, mapType) => onMap(event, concept, !applied, mapType)}
+              onClick={(event, applied, mapType) => onMap(event, concept, !applied, mapType, true)}
               isMapped={isSelectedForMap(concept)}
               sx={{marginLeft: '8px'}}
             />

src/components/map-projects/MapProject.jsx

@@ -776,7 +776,7 @@ const MapProject = () => {
     setSearchStr('')
   }
 
-  const onMap = (event, concept, unmap=false, mapType='SAME-AS') => {
+  const onMap = (event, concept, unmap=false, mapType='SAME-AS', closeConcept=false) => {
     event.preventDefault()
     event.stopPropagation()
     _onMap(concept, unmap)
@@ -792,6 +792,8 @@ const MapProject = () => {
         setTimeout(() => highlightTexts([concept], null, false), 100)
       }
       updateMatchTypeCounts(null, prev)
+      if(closeConcept)
+        setShowItem(false)
       return prev
     })
     return false
@@ -954,7 +956,10 @@ const MapProject = () => {
 
   const isConfigureInSplitView = configure && file?.name
   const columnsForTable = getColumnsForTable()
-  const targetConcept = mapSelected[rowIndex] ? getConcept(mapSelected[rowIndex]) : false
+  let targetConcept = mapSelected[rowIndex] ? getConcept(mapSelected[rowIndex]) : false
+  const targetConceptFromCandidate = find(otherMatchedConcepts[rowIndex]?.results, {url: targetConcept?.url})
+  if(targetConceptFromCandidate)
+    targetConcept.search_meta = targetConceptFromCandidate.search_meta
 
   return (
     <div className='col-xs-12 padding-0' style={{borderRadius: '10px', width: 'calc(100vw - 32px)'}}>

src/components/map-projects/MappingDecisionResult.jsx

@@ -13,7 +13,7 @@ const MappingDecisionResult = ({targetConcept, row, rowIndex, mapTypes, allMapTy
   return (
     <div className='col-xs-12 padding-0' style={{display: 'flex', margin: '8px 0'}}>
         <Typography component='div' sx={{display: 'inline-block', color: 'surface.dark', fontWeight: 600, marginRight: '24px', fontSize: '14px'}}>Mapping</Typography>
-      <div>
+      <div style={{maxWidth: '40%'}}>
         <Typography component='span' sx={{color: 'rgba(0, 0, 0, 0.6)', fontSize: '12px'}}>Source Code</Typography>
         <div className='col-xs-12 padding-0'>
           <ListItemText
@@ -41,7 +41,7 @@ const MappingDecisionResult = ({targetConcept, row, rowIndex, mapTypes, allMapTy
               <Typography component='div' sx={{color: 'rgba(0, 0, 0, 0.6)', fontSize: '12px'}}>Relationship</Typography>
               <MapButton options={allMapTypes} selected={mapTypes[rowIndex]} onClick={(event, applied, mapType) => onMap(event, targetConcept, !applied, mapType)} isMapped sx={{marginTop: '6px'}} />
             </div>
-            <div style={{marginLeft: '24px'}}>
+            <div style={{marginLeft: '24px', maxWidth: '40%'}}>
               <Typography component='span' sx={{color: 'rgba(0, 0, 0, 0.6)', fontSize: '12px'}}>Target Code</Typography>
               <div className='col-xs-12 padding-0'>
                 <ListItemText