feat: adds tooltip icon button components

Author: itofarina

dist/components/molecules/TooltipIconButton.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+import { IconButtonProps } from '@material-ui/core/IconButton';
+export interface TooltipIconButtonProps {
+    tooltipTitle: string;
+    iconButtonProps: IconButtonProps;
+    icon: React.ReactNode;
+}
+declare const TooltipIconButton: FC<TooltipIconButtonProps>;
+export default TooltipIconButton;

dist/components/molecules/index.d.ts

@@ -10,5 +10,6 @@ import ModalDialogue from './ModalDialogue';
 import RangeSliderWithInputs from './RangeSliderWithInputs';
 import StyledTabs from './StyledTabs';
 import SwitchTabs from './SwitchTabs';
+import TooltipIconButton from './TooltipIconButton';
 import UnitsInput from './UnitsInput';
-export { Accordion, Account, AccountModal, CopyTextTooltip, FAQSection, FilterCheckboxCard, FooterColumn, LabeledCheckbox, ModalDialogue, RangeSliderWithInputs, StyledTabs, SwitchTabs, UnitsInput, };
+export { Accordion, Account, AccountModal, CopyTextTooltip, FAQSection, FilterCheckboxCard, FooterColumn, LabeledCheckbox, ModalDialogue, RangeSliderWithInputs, StyledTabs, SwitchTabs, TooltipIconButton, UnitsInput, };

dist/index.js

@@ -0,0 +1,26 @@
+import React, { FC } from 'react'
+import Tooltip from '@material-ui/core/Tooltip'
+import IconButton, { IconButtonProps } from '@material-ui/core/IconButton'
+
+export interface TooltipIconButtonProps {
+  tooltipTitle: string
+  iconButtonProps: IconButtonProps
+  icon: React.ReactNode
+}
+
+const TooltipIconButton: FC<TooltipIconButtonProps> = ({
+  tooltipTitle,
+  iconButtonProps,
+  icon,
+}) => (
+  <Tooltip title={tooltipTitle}>
+    <span>
+      <IconButton color="primary" {...iconButtonProps}>
+        {icon}
+      </IconButton>
+    </span>
+
+  </Tooltip>
+)
+
+export default TooltipIconButton

dist/index.js.map

@@ -10,6 +10,7 @@ import ModalDialogue from './ModalDialogue'
 import RangeSliderWithInputs from './RangeSliderWithInputs'
 import StyledTabs from './StyledTabs'
 import SwitchTabs from './SwitchTabs'
+import TooltipIconButton from './TooltipIconButton'
 import UnitsInput from './UnitsInput'
 
 export {
@@ -25,5 +26,6 @@ export {
   RangeSliderWithInputs,
   StyledTabs,
   SwitchTabs,
+  TooltipIconButton,
   UnitsInput,
 }