chore(popover): refactor (#6592)

* chore(popover): refactor * chore: add changeset * chore: add changeset * chore: add changeset
chakra-ui · Sep 9, 2022 · 65b7c19 · 65b7c19 · vercel · Sep 9, 2022
1 parent c2d1c36
commit 65b7c19
Show file tree

Hide file tree

Showing 4 changed files with 676 additions and 2,409 deletions.
diff --git a/.changeset/ninety-pugs-suffer.md b/.changeset/ninety-pugs-suffer.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/popover": patch
+---
+
+Refactor popover
diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json
@@ -33,13 +33,15 @@
   },
   "dependencies": {
     "@chakra-ui/close-button": "workspace:*",
-    "@chakra-ui/hooks": "workspace:*",
     "@chakra-ui/popper": "workspace:*",
     "@chakra-ui/lazy-utils": "workspace:*",
     "@chakra-ui/react-types": "workspace:*",
     "@chakra-ui/react-use-disclosure": "workspace:*",
     "@chakra-ui/react-use-merge-refs": "workspace:*",
-    "@chakra-ui/react-context": "workspace:*"
+    "@chakra-ui/react-context": "workspace:*",
+    "@chakra-ui/react-use-animation-state": "workspace:*",
+    "@chakra-ui/react-use-focus-effect": "workspace:*",
+    "@chakra-ui/react-use-focus-on-pointer-down": "workspace:*"
   },
   "devDependencies": {
     "@chakra-ui/shared-utils": "workspace:*",
@@ -48,6 +50,7 @@
     "@chakra-ui/layout": "workspace:*",
     "@chakra-ui/radio": "workspace:*",
     "@chakra-ui/input": "workspace:*",
+    "@chakra-ui/hooks": "workspace:*",
     "react-icons": "^4.2.0",
     "framer-motion": "^6.2.9",
     "react": "^18.0.0"

diff --git a/packages/components/popover/src/use-popover.ts b/packages/components/popover/src/use-popover.ts
@@ -1,9 +1,9 @@
+import { useAnimationState } from "@chakra-ui/react-use-animation-state"
+import { useFocusOnPointerDown } from "@chakra-ui/react-use-focus-on-pointer-down"
 import {
   useFocusOnHide,
-  useFocusOnPointerDown,
   useFocusOnShow,
-  useAnimationState,
-} from "@chakra-ui/hooks"
+} from "@chakra-ui/react-use-focus-effect"
 import { useDisclosure } from "@chakra-ui/react-use-disclosure"
 import { popperCSSVars, usePopper, UsePopperProps } from "@chakra-ui/popper"
 import { DOMAttributes, PropGetter } from "@chakra-ui/react-types"