refactor: use getHandleDirections util

Author: nelsonlaidev

packages/machines/image-cropper/src/image-cropper.connect.ts

@@ -4,6 +4,7 @@ import * as dom from "./image-cropper.dom"
 import type { FlipState, ImageCropperApi, ImageCropperService } from "./image-cropper.types"
 import { getEventPoint, contains, getEventKey, dataAttr } from "@zag-js/dom-query"
 import { toPx } from "@zag-js/utils"
+import { getHandleDirections } from "./image-cropper.utils"
 
 const getRoundedCrop = (crop: Rect) => ({
   x: Math.round(crop.x),
@@ -66,10 +67,7 @@ export function connect<T extends PropTypes>(
       if (!handlePosition) return
       if (prop("fixedCropArea")) return
 
-      const hasLeft = handlePosition.includes("left")
-      const hasRight = handlePosition.includes("right")
-      const hasTop = handlePosition.includes("top")
-      const hasBottom = handlePosition.includes("bottom")
+      const { hasLeft, hasRight, hasTop, hasBottom } = getHandleDirections(handlePosition)
 
       let deltaX = 0
       let deltaY = 0

packages/machines/image-cropper/src/image-cropper.utils.ts

@@ -36,7 +36,7 @@ interface ClampAspectParams {
   aspectRatio: number
 }
 
-const getHandleDirections = (handlePosition: HandlePosition): HandleDirections => ({
+export const getHandleDirections = (handlePosition: HandlePosition): HandleDirections => ({
   hasLeft: handlePosition.includes("left"),
   hasRight: handlePosition.includes("right"),
   hasTop: handlePosition.includes("top"),