Feat/only show columns with lineage tooltip (#24890)

* Add tooltip for only show columns with lineage filter

* Add unit test

Author: ugouhar

openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/CustomNodeV1.test.tsx

@@ -212,6 +212,9 @@ jest.mock('react-i18next', () => ({
       if (key === 'label.slash-symbol') {
         return '/';
       }
+      if (key === 'message.only-show-columns-with-lineage') {
+        return 'Only show columns with Lineage';
+      }
 
       return key;
     },
@@ -564,6 +567,27 @@ describe('CustomNodeV1', () => {
       fireEvent.click(filterButton);
     };
 
+    it('should render tooltip on hovering filter button in lineage node', async () => {
+      isColumnLayerActive = true;
+      columnsHavingLineage = ['col0', 'col2', 'col5'];
+
+      render(
+        <ReactFlowProvider>
+          <CustomNodeV1Component {...mockNodeDataProps} />
+        </ReactFlowProvider>
+      );
+
+      const filterButton = screen.getByTestId('lineage-filter-button');
+
+      expect(filterButton).toBeInTheDocument();
+
+      fireEvent.mouseOver(filterButton);
+
+      expect(
+        await screen.findByText('Only show columns with Lineage')
+      ).toBeInTheDocument();
+    });
+
     describe('Column Filter', () => {
       it('should only render columns with lineage when filter is on', () => {
         isColumnLayerActive = false;

openmetadata-ui/src/main/resources/ui/src/components/Entity/EntityLineage/LineageNodeLabelV1.tsx

@@ -11,11 +11,12 @@
  *  limitations under the License.
  */
 
-import { Button, IconButton } from '@mui/material';
+import { Button, IconButton, Tooltip } from '@mui/material';
 import { Col, Space, Typography } from 'antd';
 import classNames from 'classnames';
 import { capitalize, isUndefined } from 'lodash';
 import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { ReactComponent as IconDBTModel } from '../../../assets/svg/dbt-model.svg';
 import { ReactComponent as DeleteIcon } from '../../../assets/svg/ic-delete.svg';
 import { ReactComponent as FilterIcon } from '../../../assets/svg/ic-filter.svg';
@@ -177,6 +178,7 @@ const EntityFooter = ({
   toggleOnlyShowColumnsWithLineageFilterActive,
   isOnlyShowColumnsWithLineageFilterActive,
 }: LineageNodeLabelPropsExtended) => {
+  const { t } = useTranslation();
   const { children, childrenHeading } = useMemo(
     () => getEntityChildrenAndLabel(node),
     [node.id]
@@ -223,16 +225,20 @@ const EntityFooter = ({
         {childrenInfoDropdownLabel}
       </Button>
       <TestSuiteSummaryContainer node={node} />
-      <IconButton
-        className={classNames(
-          'only-show-columns-with-lineage-filter-button',
-          isOnlyShowColumnsWithLineageFilterActive && 'active'
-        )}
-        data-testid="lineage-filter-button"
-        disabled={isEditMode}
-        onClick={handleOnlyShowColumnsWithLineage}>
-        <FilterIcon height={20} width={20} />
-      </IconButton>
+      <Tooltip
+        placement="right"
+        title={t('message.only-show-columns-with-lineage')}>
+        <IconButton
+          className={classNames(
+            'only-show-columns-with-lineage-filter-button',
+            isOnlyShowColumnsWithLineageFilterActive && 'active'
+          )}
+          data-testid="lineage-filter-button"
+          disabled={isEditMode}
+          onClick={handleOnlyShowColumnsWithLineage}>
+          <FilterIcon height={20} width={20} />
+        </IconButton>
+      </Tooltip>
     </div>
   );
 };

openmetadata-ui/src/main/resources/ui/src/locale/languages/de-de.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "Folge den Datensätzen, die du häufig verwendest, um über sie informiert zu bleiben.",
     "only-image-files-supported": "Nur Bilddateien werden unterstützt",
     "only-reviewers-can-approve-or-reject": "Nur Prüfer können genehmigen oder ablehnen.",
+    "only-show-columns-with-lineage": "Nur Spalten mit Lineage anzeigen",
     "optional-configuration-update-description-dbt": "Optionale Konfiguration, um die Beschreibung von dbt zu aktualisieren oder nicht.",
     "owners-coverage-widget-description": "Eigentümerabdeckung für alle Datenvermögenswerte im Dienst. <0>Mehr erfahren.</0>",
     "page-is-not-available": "Die von dir gesuchte Seite ist nicht verfügbar",

openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "Follow the datasets that you frequently use to stay informed about it.",
     "only-image-files-supported": "Only image files are supported",
     "only-reviewers-can-approve-or-reject": "Only Reviewers can Approve or Reject",
+    "only-show-columns-with-lineage": "Only show columns with Lineage",
     "optional-configuration-update-description-dbt": "Optional configuration to update the description from dbt or not",
     "owners-coverage-widget-description": "Owners coverage for all data assets in the service. <0>learn more.</0>",
     "page-is-not-available": "The page you are looking for is not available",

openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "Sigue los conjuntos de datos que usas con frecuencia para mantenerte informado acerca de ellos.",
     "only-image-files-supported": "Solo se admiten archivos de imagen",
     "only-reviewers-can-approve-or-reject": "Solo los Revisores pueden Aprobar o Rechazar",
+    "only-show-columns-with-lineage": "Mostrar solo columnas con Lineage",
     "optional-configuration-update-description-dbt": "Configuración opcional para actualizar la descripción de dbt",
     "owners-coverage-widget-description": "Cobertura de propietarios para todos los activos de datos en el servicio. <0>saber más.</0>",
     "page-is-not-available": "La página que estás buscando no está disponible",

openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "Suivez les actifs de données que vous utilisez fréquemment pour rester informé à leur sujet.",
     "only-image-files-supported": "Seuls les fichiers image sont pris en charge",
     "only-reviewers-can-approve-or-reject": "Seuls les réviseurs peuvent Valider ou Rejeter",
+    "only-show-columns-with-lineage": "Afficher uniquement les colonnes avec Lineage",
     "optional-configuration-update-description-dbt": "Configuration optionnelle pour mettre à jour la description à partir de dbt ou non",
     "owners-coverage-widget-description": "Couverture des propriétaires pour tous les actifs de données dans le service. <0>en savoir plus.</0>",
     "page-is-not-available": "La page que vous recherchez n'est pas disponible",

openmetadata-ui/src/main/resources/ui/src/locale/languages/gl-es.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "Segue os conxuntos de datos que utilizas con frecuencia para manterte informado sobre eles.",
     "only-image-files-supported": "Só se admiten ficheiros de imaxe",
     "only-reviewers-can-approve-or-reject": "Só os revisores poden aprobar ou rexeitar",
+    "only-show-columns-with-lineage": "Mostrar só columnas con Lineage",
     "optional-configuration-update-description-dbt": "Configuración opcional para actualizar ou non a descrición desde dbt",
     "owners-coverage-widget-description": "Cobertura de propietarios para todos os activos de datos no servizo. <0>saber máis.</0>",
     "page-is-not-available": "A páxina que estás buscando non está dispoñible",

openmetadata-ui/src/main/resources/ui/src/locale/languages/he-he.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "עקוב אחרי הסטים שאתה משתמש בהם תדיר כדי להישאר מעודכן עליהם.",
     "only-image-files-supported": "רק קובצי תמונה נתמכים",
     "only-reviewers-can-approve-or-reject": "רק בודקים יכולים לאשר או לדחות",
+    "only-show-columns-with-lineage": "הצג רק עמודות עם Lineage",
     "optional-configuration-update-description-dbt": "הגדרת אופציונלית לעדכון התיאור מ-dbT או לא",
     "owners-coverage-widget-description": "כיסוי בעלים עבור כל נכסי הנתונים בשירות. <0>למד עוד</0>.",
     "page-is-not-available": "הדף שאתה מחפש לא זמין",

openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "よく使うデータセットをフォローして、通知を受け取りましょう。",
     "only-image-files-supported": "画像ファイルのみサポートされています",
     "only-reviewers-can-approve-or-reject": "承認または却下できるのはレビュアーのみです",
+    "only-show-columns-with-lineage": "リネージを持つカラムのみを表示",
     "optional-configuration-update-description-dbt": "dbt から説明文を更新するかどうかのオプション設定です",
     "owners-coverage-widget-description": "サービス内の全データアセットの所有者カバレッジ。<0>詳細を見る。</0>",
     "page-is-not-available": "お探しのページはご利用いただけません",

openmetadata-ui/src/main/resources/ui/src/locale/languages/ko-kr.json

@@ -2462,6 +2462,7 @@
     "onboarding-stay-up-to-date-description": "자주 사용하는 데이터셋을 팔로우하여 최신 정보를 유지하세요.",
     "only-image-files-supported": "이미지 파일만 지원됩니다",
     "only-reviewers-can-approve-or-reject": "검토자만 승인 또는 거부할 수 있습니다",
+    "only-show-columns-with-lineage": "리니지가 있는 컬럼만 표시",
     "optional-configuration-update-description-dbt": "dbt에서 설명을 업데이트할지 여부에 대한 선택적 구성",
     "owners-coverage-widget-description": "서비스 내 모든 데이터 자산의 소유자 커버리지입니다. <0>더 알아보기.</0>",
     "page-is-not-available": "찾고 있는 페이지를 사용할 수 없습니다",