Add utils file 🤞 (#7)

willnguyen1312 · May 1, 2023 · 09def4a · 09def4a
1 parent 36cc206
commit 09def4a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
@@ -1,4 +1,4 @@
-import { enableScroll, disableScroll } from "./scroll"
+import { enableScroll, disableScroll, clamp } from "./utils"
 
 export type ZoomImageOptions = {
   customZoom?: { width: number; height: number }
@@ -18,10 +18,6 @@ type ZoomImageStore = {
   zoomLens: HTMLDivElement
 }
 
-function clamp(value: number, min: number, max: number) {
-  return Math.max(min, Math.min(max, value))
-}
-
 function createZoomImage(container: HTMLElement, options: ZoomImageOptions = {}) {
   if (!container) {
     throw new Error("Please specify a container for the zoom image")

diff --git a/packages/core/src/scroll.ts → packages/core/src/utils.ts b/packages/core/src/scroll.ts → packages/core/src/utils.ts
@@ -1,22 +1,23 @@
-const keySet = new Set(["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"])
+export function clamp(value: number, min: number, max: number) {
+  return Math.max(min, Math.min(max, value))
+}
 
 function preventDefault(event: Event) {
   event.preventDefault()
 }
 
+const keySet = new Set(["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"])
 function preventDefaultForScrollKeys(event: KeyboardEvent) {
   if (keySet.has(event.key)) {
     preventDefault(event)
     return false
   }
 }
 
-const wheelOpt = { passive: false }
-
 export function disableScroll() {
   window.addEventListener("DOMMouseScroll", preventDefault)
-  window.addEventListener("wheel", preventDefault, wheelOpt)
-  window.addEventListener("touchmove", preventDefault, wheelOpt)
+  window.addEventListener("wheel", preventDefault, { passive: false })
+  window.addEventListener("touchmove", preventDefault, { passive: false })
   window.addEventListener("keydown", preventDefaultForScrollKeys)
 }