feat: update export tooltip

TimeChimp · Apr 29, 2024 · f4fa3fe · f4fa3fe
1 parent 8851a6e
commit f4fa3fe
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "14.2.0",
+  "version": "14.3.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

diff --git a/src/components/data-grid/DataGrid.tsx b/src/components/data-grid/DataGrid.tsx
@@ -897,7 +897,7 @@ export const DataGrid = ({
                 onBulkDelete={onBulkDelete}
                 hideDownload={hideDownload}
                 hideDelete={hideDelete}
-                showExportTooltip={!!selectedGroupOption}
+                showExportTooltip={!!selectedGroupOption || rowsSelected > 0}
               />
             )}
             <FlexItem width="auto" gap={scale300}>

diff --git a/src/components/data-grid/DataGridActions.tsx b/src/components/data-grid/DataGridActions.tsx
@@ -63,6 +63,18 @@ export const DataGridActions = ({
     return null;
   }
 
+  const getToolTipText = () => {
+    if (!showExportTooltip) {
+      return '';
+    }
+
+    if (rowsSelected) {
+      return translations.exportTooltipGrouping;
+    }
+
+    return translations.exportTooltipNoSelection;
+  };
+
   return (
     <StyledDataGridActions>
       {!hideDelete && onBulkDelete ? (
@@ -89,7 +101,7 @@ export const DataGridActions = ({
           >
             <Button kind={ButtonKind.tertiary} disabled={!rowsSelected} testId={EXPORT_BUTTON_TEST_ID}>
               <StatefulTooltip
-                content={showExportTooltip ? translations.exportTooltip : ''}
+                content={getToolTipText()}
                 showArrow={true}
                 placement="top"
                 overrides={{

diff --git a/src/components/data-grid/defaultTranslations.tsx b/src/components/data-grid/defaultTranslations.tsx
@@ -60,5 +60,6 @@ export const defaultTranslations: Translations = {
   emptyGroup: {
     teamName: 'No team',
   },
-  exportTooltip: 'Change the “Group by” dropdown to “None” to be able to export the employee insights.',
+  exportTooltipGrouping: 'Change the “Group by” dropdown to “None” to be able to export.',
+  exportTooltipNoSelection: 'Select at least one row to make an export.',
 };
diff --git a/src/components/data-grid/types.ts b/src/components/data-grid/types.ts
@@ -193,7 +193,8 @@ export interface Translations {
   clearFilters: string;
   add: string;
   emptyGroup: EmptyGroup;
-  exportTooltip: string;
+  exportTooltipGrouping: string;
+  exportTooltipNoSelection: string;
 }
 
 export interface DataGridSetting {