Merge pull request #377 from sudhanshutech/tooltip/icom

[component] Tooltip Icon

src/custom/Tooltip/Tooltip.tsx → src/custom/CustomTooltip/customTooltip.tsx

@@ -2,7 +2,7 @@ import { type TooltipProps } from '@mui/material';
 import React from 'react';
 import { Tooltip } from '../../base/Tooltip';
 
-type StyledTooltipProps = {
+type CustomTooltipProps = {
   title: string;
   onClick?: (event: React.MouseEvent<HTMLElement>) => void;
   children: React.ReactNode;
@@ -14,7 +14,7 @@ function StyledTooltip({
   placement,
   children,
   ...props
-}: StyledTooltipProps): JSX.Element {
+}: CustomTooltipProps): JSX.Element {
   return (
     <Tooltip title={title} placement={placement} onClick={onClick} arrow {...props}>
       {children}

src/custom/CustomTooltip/index.tsx

@@ -0,0 +1,3 @@
+import CustomTooltip from './customTooltip';
+
+export { CustomTooltip };

src/custom/index.tsx

@@ -4,6 +4,7 @@ import {
   CustomColumnVisibilityControl,
   CustomColumnVisibilityControlProps
 } from './CustomColumnVisibilityControl/CustomColumnVisibilityControl';
+import { CustomTooltip } from './CustomTooltip';
 import { EmptyState } from './EmptyState';
 import {
   ErrorBoundary,
@@ -17,22 +18,21 @@ import { useNotificationHandler } from './Helpers/Notification';
 import PopperListener, { IPopperListener } from './PopperListener';
 import ResponsiveDataTable, { ResponsiveDataTableProps } from './ResponsiveDataTable';
 import SearchBar, { SearchBarProps } from './SearchBar';
-import { StyledTooltip } from './Tooltip';
 import UniversalFilter, { UniversalFilterProps } from './UniversalFilter';
 
 export { StyledChartDialog } from './ChartDialog';
 export { StyledSearchBar } from './StyledSearchBar';
 export {
   ConnectionChip,
   CustomColumnVisibilityControl,
+  CustomTooltip,
   EmptyState,
   ErrorBoundary,
   Fallback,
   FlipCard,
   PopperListener,
   ResponsiveDataTable,
   SearchBar,
-  StyledTooltip,
   UniversalFilter,
   useNotificationHandler,
   useWindowDimensions,