Add variable to show full title in lineage by default (#12078)

Co-authored-by: Matthias Mantsch <[email protected]>

Author: Blize

datahub-graphql-core/src/main/java/com/linkedin/datahub/graphql/resolvers/config/AppConfigResolver.java

@@ -140,6 +140,7 @@ public CompletableFuture<AppConfig> get(final DataFetchingEnvironment environmen
         visualConfig.setAppTitle(_visualConfiguration.getAppTitle());
       }
       visualConfig.setHideGlossary(_visualConfiguration.isHideGlossary());
+      visualConfig.setShowFullTitleInLineage(_visualConfiguration.isShowFullTitleInLineage());
     }
     if (_visualConfiguration != null && _visualConfiguration.getQueriesTab() != null) {
       QueriesTabConfig queriesTabConfig = new QueriesTabConfig();

datahub-graphql-core/src/main/resources/app.graphql

@@ -276,6 +276,11 @@ type VisualConfig {
   Configuration for search results
   """
   searchResult: SearchResultsVisualConfig
+
+  """
+  Show full title in lineage view by default
+  """
+  showFullTitleInLineage: Boolean
 }
 
 """

datahub-web-react/src/app/lineage/LineageVizInsideZoom.tsx

@@ -10,6 +10,7 @@ import { SchemaField, SchemaFieldRef } from '../../types.generated';
 import { useIsShowColumnsMode } from './utils/useIsShowColumnsMode';
 import { LineageVizControls } from './controls/LineageVizControls';
 import LineageVizRootSvg from './LineageVizRootSvg';
+import { useAppConfig } from '../useAppConfig';
 
 const ControlsDiv = styled.div`
     display: flex;
@@ -65,12 +66,15 @@ export default function LineageVizInsideZoom({
     fineGrainedMap,
     refetchCenterNode,
 }: Props) {
+    const appConfig = useAppConfig();
+    const showFullTitle = appConfig.config.visualConfig.showFullTitleInLineage;
+
     const [collapsedColumnsNodes, setCollapsedColumnsNodes] = useState<Record<string, boolean>>({});
     const [selectedField, setSelectedField] = useState<SchemaFieldRef | null>(null);
     const [highlightedEdges, setHighlightedEdges] = useState<ColumnEdge[]>([]);
     const [visibleColumnsByUrn, setVisibleColumnsByUrn] = useState<Record<string, Set<string>>>({});
     const [columnsByUrn, setColumnsByUrn] = useState<Record<string, SchemaField[]>>({});
-    const [showExpandedTitles, setShowExpandedTitles] = useState(false);
+    const [showExpandedTitles, setShowExpandedTitles] = useState(showFullTitle ?? false);
     const showColumns = useIsShowColumnsMode();
 
     useEffect(() => {

datahub-web-react/src/graphql/app.graphql

@@ -37,6 +37,7 @@ query appConfig {
         visualConfig {
             logoUrl
             faviconUrl
+            showFullTitleInLineage
             queriesTab {
                 queriesTabResultSize
             }

metadata-service/configuration/src/main/java/com/linkedin/metadata/config/VisualConfiguration.java

@@ -25,4 +25,7 @@ public class VisualConfiguration {
 
   /** Search result related configurations */
   public SearchResultVisualConfig searchResult;
+
+  /** Boolean flag enabled shows the full title of an entity in lineage view by default */
+  public boolean showFullTitleInLineage;
 }

metadata-service/configuration/src/main/resources/application.yaml

@@ -154,6 +154,7 @@ visualConfig:
     faviconUrl: ${REACT_APP_FAVICON_URL:/assets/icons/favicon.ico}
   appTitle: ${REACT_APP_TITLE:}
   hideGlossary: ${REACT_APP_HIDE_GLOSSARY:false}
+  showFullTitleInLineage: ${REACT_APP_SHOW_FULL_TITLE_IN_LINEAGE:false}
   entityProfile:
     # we only support default tab for domains right now. In order to implement for other entities, update React code
     domainDefaultTab: ${DOMAIN_DEFAULT_TAB:} # set to DOCUMENTATION_TAB to show documentation tab first