Merge pull request #223 from deriv-com/aizad/FEQ-2441/tooltip-refactor

Aizad/FEQ-2441/ Implement new Tooltip with Popper.js
deriv-com · Jul 5, 2024 · 61dfc1b · 61dfc1b
2 parents ed4a009 + 9f50e18
commit 61dfc1b
Show file tree

Hide file tree

Showing 13 changed files with 370 additions and 512 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -33,14 +33,15 @@
         "test:report": "jest --collectCoverage"
     },
     "dependencies": {
+        "@popperjs/core": "^2.11.8",
         "@types/react-modal": "^3.16.3",
-        "react-tiny-popover": "^8.0.4"
+        "react-popper": "^2.3.0"
     },
     "devDependencies": {
-        "@deriv/quill-icons": "^1.22.5",
         "@babel/preset-env": "^7.24.3",
         "@babel/preset-react": "^7.24.1",
         "@babel/preset-typescript": "^7.24.1",
+        "@deriv/quill-icons": "^1.22.5",
         "@semantic-release/changelog": "^6.0.3",
         "@semantic-release/github": "^10.0.2",
         "@semantic-release/npm": "^12.0.0",

diff --git a/playground/index.tsx b/playground/index.tsx
@@ -26,7 +26,6 @@ import {
     Text,
     PlatformSwitcherItem,
     MobileLanguagesDrawer,
-    TooltipMenuIcon,
 } from "../src/main";
 import { platformsConfig } from "./platformsConfig";
 import { LanguagesItemsDrawerConfig } from "./LanguageItemsDrawerConfig";
@@ -139,17 +138,6 @@ const App = () => {
                         </MenuItem>
                     </Wrapper>
                     <Wrapper variant="right">
-                        <TooltipMenuIcon
-                            as="a"
-                            href=""
-                            target=""
-                            tooltipContent="Full Screen"
-                            tooltipPosition="bottom"
-                            style={{ padding: "16px" }}
-                        >
-                            click me
-                        </TooltipMenuIcon>
-
                         <AccountSwitcher
                             activeAccount={
                                 accountsList.find(

diff --git a/src/components/AppLayout/TooltipMenuIcon/TooltipMenuIcon.scss b/src/components/AppLayout/TooltipMenuIcon/TooltipMenuIcon.scss
diff --git a/src/components/AppLayout/TooltipMenuIcon/__test__/TooltipMenuIcon.spec.tsx b/src/components/AppLayout/TooltipMenuIcon/__test__/TooltipMenuIcon.spec.tsx
diff --git a/src/components/AppLayout/TooltipMenuIcon/index.tsx b/src/components/AppLayout/TooltipMenuIcon/index.tsx
diff --git a/src/components/AppLayout/index.ts b/src/components/AppLayout/index.ts
@@ -10,5 +10,4 @@ export { PlatformSwitcher } from "./PlatformSwitcher";
 export { PlatformSwitcherItem } from "./PlatformSwitcher/PlatformSwitcherItem";
 export { DesktopLanguagesModal } from "./LanguagesSwitcher/DesktopLanguagesModal";
 export { MobileLanguagesDrawer } from "./LanguagesSwitcher/MobileLanguagesDrawer";
-export { TooltipMenuIcon } from "./TooltipMenuIcon";
 export { Submenu } from "./Submenu ";