OpenConceptLab/ocl_online#5 | bridge enabled config

Author: snyaggarwal

src/components/map-projects/ConfigurationForm.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import Typography from '@mui/material/Typography'
 import Autocomplete from '@mui/material/Autocomplete'
 import TextField from '@mui/material/TextField'
@@ -50,7 +50,7 @@ const VisuallyHiddenInput = styled('input')({
 });
 
 
-const ConfigurationForm = ({ project, handleFileUpload, file, owner, setOwner, name, setName, description, setDescription, repo, onRepoChange, repoVersion, setRepoVersion, versions, mappedSources, targetSourcesFromRows, algo, onAlgoSelect, sx, algos, validColumns, columns, isValidColumnValue, updateColumn, configure, setConfigure, columnVisibilityModel, setColumnVisibilityModel, onSave, isSaving, matchAPI, setMatchAPI, matchAPIToken, setMatchAPIToken, candidatesScore, onScoreChange, semanticBatchSize, setSemanticBatchSize, includeDefaultFilter, setIncludeDefaultFilter, filters, setFilters, locales, isLoadingLocales, reranker, setReranker }) => {
+const ConfigurationForm = ({ project, handleFileUpload, file, owner, setOwner, name, setName, description, setDescription, repo, onRepoChange, repoVersion, setRepoVersion, versions, mappedSources, targetSourcesFromRows, algo, onAlgoSelect, sx, algos, validColumns, columns, isValidColumnValue, updateColumn, configure, setConfigure, columnVisibilityModel, setColumnVisibilityModel, onSave, isSaving, matchAPI, setMatchAPI, matchAPIToken, setMatchAPIToken, candidatesScore, onScoreChange, semanticBatchSize, setSemanticBatchSize, includeDefaultFilter, setIncludeDefaultFilter, filters, setFilters, locales, isLoadingLocales, reranker, setReranker, canBridge, bridgeEnabled, setBridgeEnabled }) => {
   const { t } = useTranslation();
   const [algoMenuAnchorEl, setAlgoMenuAnchorEl] = React.useState(null)
   const canApplyReranking = hasAuthGroup(getCurrentUser(), MAPPER_CROSS_ENCODER_GROUP)
@@ -304,6 +304,31 @@ const ConfigurationForm = ({ project, handleFileUpload, file, owner, setOwner, n
             label={t('map_project.enable_reranker')}
           />
 
+      }
+      {
+        algo != 'es' &&
+          <FormControlLabel
+            sx={{marginLeft: '-4px', marginTop: '6px', alignItems: 'flex-start', '.MuiCheckbox-root': {paddingTop: '2px'}}}
+            size='small'
+            control={
+              <Checkbox
+                size='small'
+                disabled={!canBridge}
+                checked={bridgeEnabled}
+                sx={{padding: '8px 4px'}}
+                onChange={() => setBridgeEnabled(!bridgeEnabled)}
+              />
+            }
+            label={
+              <Trans
+                i18nKey='map_project.bridge_terminology_search'
+                components={[
+                  <sup key="1"/>
+                ]}
+              />
+            }
+          />
+
       }
       <>
         <Typography component="div" sx={{fontSize: '16px', fontWeight: 'bold', marginTop: '20px'}}>

src/components/map-projects/MapProject.jsx

@@ -171,6 +171,7 @@ const MapProject = () => {
   const [matchAPIToken, setMatchAPIToken] = React.useState('')
   const [semanticBatchSize, setSemanticBatchSize] = React.useState(SEMANTIC_BATCH_SIZE)
   const [reranker, setReranker] = React.useState(false)
+  const [bridgeEnabled, setBridgeEnabled] = React.useState(false)
   const [candidatesScore, setCandidatesScore] = React.useState({recommended: 99, available: 70})
   const [filters, setFilters] = React.useState({})
   const [AIModel, setAIModel] = React.useState('')
@@ -231,6 +232,7 @@ const MapProject = () => {
   let AI_ASSISTANT_API_URL = window.AI_ASSISTANT_API_URL || process.env.AI_ASSISTANT_API_URL
   const inAIAssistantGroup = Boolean(hasAuthGroup(user, 'mapper_ai_assistant') && AI_ASSISTANT_API_URL)
   const CANDIDATES_LIMIT = reranker ? 30 : 10
+  const canBridge = bridgeRef?.current?.canBridge()
 
 
   // algos - computed based on current language
@@ -351,6 +353,7 @@ const MapProject = () => {
       setMatchAPI(response.data?.match_api_url)
       setMatchAPIToken(response.data?.match_api_token)
       setReranker(Boolean(response.data?.reranker))
+      setBridgeEnabled(Boolean(response.data?.bridge_enabled))
       if(response.data?.match_api_url)
         setSemanticBatchSize(response.data?.batch_size || SEMANTIC_BATCH_SIZE)
       setCandidatesScore(response.data?.score_configuration)
@@ -746,6 +749,7 @@ const MapProject = () => {
     }
     formData.append('filters', JSON.stringify(getFilters()))
     formData.append('reranker', reranker)
+    formData.append('bridge_enabled', bridgeEnabled)
     const isUpdate = Boolean(project?.id)
     let service = APIService.new().overrideURL(owner).appendToUrl('map-projects/')
     if(isUpdate)
@@ -993,6 +997,8 @@ const MapProject = () => {
       subActions.push('unmatched_only')
     if(reranker)
       subActions.push('with_reranker')
+    if(bridgeEnabled)
+      subActions.push('with_bridge_candidates')
 
     setRowStatuses(prev => {
       prev.unmapped = []
@@ -1003,7 +1009,7 @@ const MapProject = () => {
     await processWithConcurrency(repo);
 
     setTimeout(() => {
-      if(bridgeRef?.current?.canBridge()) {
+      if(bridgeEnabled) {
         subActions.push('bridge_candidates')
         fetchBulkBridgeCandidates(rows)
       }
@@ -1026,6 +1032,11 @@ const MapProject = () => {
     otherMatchedConceptsRef.current = otherMatchedConcepts;
   }, [otherMatchedConcepts]);
 
+  React.useEffect(() => {
+    if(bridgeEnabled && canBridge === false)
+      setBridgeEnabled(false)
+  }, [canBridge, bridgeEnabled])
+
   React.useEffect(() => {
     bridgeCandidatesRef.current = bridgeCandidates;
   }, [bridgeCandidates]);
@@ -1336,7 +1347,7 @@ const MapProject = () => {
     forEach(getTop10RowCandidates(index), (candidate, i) => {
       if(i < 10)
         _candidatesTop10[`__Candidate_Top_${i + 1}__`] = candidate?.id ? compact([`${candidate.id}:${candidate.display_name}`, `Score: ${candidate?.search_meta?.search_normalized_score}`]).join('\n') : null
-      else if(bridgeRef?.current?.canBridge()) {
+      else if(bridgeEnabled) {
         _bridgeCandidatesTop10[`__BridgeCandidate_Top_${i - 9}__`] = candidate ? bridgeRef.current?.getCandidateLabelForDownload(candidate) : null
       }
     })
@@ -1634,7 +1645,7 @@ const MapProject = () => {
       setTimeout(() => highlightTexts(existingCandidates, null, false), 100)
       return
     }
-    if(!bridgeRef?.current?.canBridge())
+    if(!bridgeEnabled)
       return
     setIsLoadingInDecisionView(true)
     const payload = getPayloadForMatching([__row], repo)
@@ -1994,6 +2005,9 @@ const MapProject = () => {
                     isLoadingLocales={isLoadingLocales}
                     reranker={reranker}
                     setReranker={setReranker}
+                    bridgeEnabled={bridgeEnabled}
+                    setBridgeEnabled={setBridgeEnabled}
+                    canBridge={canBridge}
                   />
                 </div>
           }
@@ -2440,6 +2454,9 @@ const MapProject = () => {
                 isLoadingLocales={isLoadingLocales}
                 reranker={reranker}
                 setReranker={setReranker}
+                bridgeEnabled={bridgeEnabled}
+                setBridgeEnabled={setBridgeEnabled}
+                canBridge={canBridge}
               />
             </div> :
           (

src/i18n/locales/en/translations.json

@@ -525,7 +525,8 @@
     "sort_by_raw_score": "Sort by Raw Score",
     "project_logs": "Project Logs",
     "project_logs_tooltip": "View project logs",
-    "saved_to_collection": "Saved to collection"
+    "saved_to_collection": "Saved to collection",
+    "bridge_terminology_search": "Bridge terminology search<0>Premium</0>: Search mappings in the Columbia University International eHealth Laboratory interface terminology to identify additional high quality candidates (only available for compatible target repositories and matching algorithms)"
   },
   "app": {
     "web_version": "Web Version",