fix: fixed and exposed copytexttooltip component

Author: itofarina

dist/components/atoms/CopyTooltip.d.ts

@@ -1,7 +1,8 @@
 import { FC } from 'react';
-export interface CopyTooltipProps {
-    pretext?: string;
-    value: string;
+import { TooltipProps } from '@material-ui/core/Tooltip';
+export interface CopyTooltipProps extends TooltipProps {
+    displayText: string;
+    tooltipTitle: string;
 }
 declare const CopyTooltip: FC<CopyTooltipProps>;
 export default CopyTooltip;

dist/components/atoms/index.d.ts

@@ -5,4 +5,4 @@ import Logo from './Logo';
 import LogoNavbar from './LogoNavbar';
 import Typography from './Typography';
 export * from './modal';
-export { Button, Checkbox, LoginOption, Logo, LogoNavbar, Typography, };
+export { Button, Checkbox, LoginOption, Logo, LogoNavbar, Typography };

dist/components/molecules/CopyTextTooltip.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import { TooltipProps } from '@material-ui/core/Tooltip';
+export interface CopyTextTooltipProps extends TooltipProps {
+    displayElement: React.ReactElement;
+    fullText: string;
+}
+declare const CopyTextTooltip: FC<CopyTextTooltipProps>;
+export default CopyTextTooltip;

dist/components/molecules/index.d.ts

@@ -1,6 +1,7 @@
 import Accordion from './Accordion';
 import Account from './Account';
 import AccountModal from './AccountModal';
+import CopyTextTooltip from './CopyTextTooltip';
 import FAQSection from './FAQSection';
 import FilterCheckboxCard from './FilterCheckboxCard';
 import FooterColumn from './FooterColumn';
@@ -9,4 +10,4 @@ import ModalDialogue from './ModalDialogue';
 import RangeSliderWithInputs from './RangeSliderWithInputs';
 import SwitchTabs from './SwitchTabs';
 import UnitsInput from './UnitsInput';
-export { Accordion, Account, AccountModal, FAQSection, FilterCheckboxCard, FooterColumn, LabeledCheckbox, ModalDialogue, RangeSliderWithInputs, SwitchTabs, UnitsInput, };
+export { Accordion, Account, AccountModal, CopyTextTooltip, FAQSection, FilterCheckboxCard, FooterColumn, LabeledCheckbox, ModalDialogue, RangeSliderWithInputs, SwitchTabs, UnitsInput };

dist/index.js

@@ -10,7 +10,9 @@ import {
   Header,
   PageTemplate,
   theme,
-  Web3Provider
+  Web3Provider,
+  CopyTextTooltip,
+  shortenString
 } from '@rsksmart/rif-ui';
 import '@rsksmart/rif-ui/dist/index.css';
 import Routes from './Routes';
@@ -43,7 +45,7 @@ const App = () => {
           </>
         )}
       </Web3Provider.Consumer>
-      )
+    )
   };
 
   const footerProps = {
@@ -148,9 +150,11 @@ const App = () => {
     console.log('****************************************************************')
   }
 
+  const titleExample = 'theeeee title is sooooo longggg'
+
   return (
     <ThemeProvider theme={theme}>
-      <Web3Provider.Provider 
+      <Web3Provider.Provider
         requiredNetworkId={requiredNetworkId}
         actions={{
           onConnectedAccountChange: onConnectedAccountChange,
@@ -159,6 +163,7 @@ const App = () => {
         <BrowserRouter>
           <Header {...headerProps} />
           <PageTemplate>
+            <CopyTextTooltip fullText={titleExample} displayElement={<p>{shortenString(titleExample)}</p>} />
             <Routes />
           </PageTemplate>
           <Footer {...footerProps} />