Refactoring AnimationType to test effect on bundle size

Author: mattgperry

src/gestures/drag/VisualElementDragControls.ts

@@ -28,7 +28,7 @@ import { calcOrigin } from "../../utils/geometry/delta-calc"
 import { startAnimation } from "../../animation/utils/transitions"
 import { Transition } from "../../types"
 import { MotionProps } from "../../motion"
-import { AnimationType } from "../../render/utils/animation-state"
+import { AnimationType } from "../../render/utils/types"
 import { VisualElement } from "../../render/types"
 
 export const elementDragControls = new WeakMap<

src/gestures/use-hover-gesture.ts

@@ -1,7 +1,7 @@
 import { TargetAndTransition } from "../types"
 import { isMouseEvent } from "./utils/event-type"
 import { EventInfo } from "../events/types"
-import { AnimationType } from "../render/utils/animation-state"
+import { AnimationType } from "../render/utils/types"
 import { VariantLabels } from "../motion/types"
 import { usePointerEvent } from "../events/use-pointer-event"
 import { VisualElement } from "../render/types"

src/gestures/use-tap-gesture.ts

@@ -6,7 +6,7 @@ import { addPointerEvent, usePointerEvent } from "../events/use-pointer-event"
 import { useUnmountEffect } from "../utils/use-unmount-effect"
 import { pipe } from "popmotion"
 import { Point2D } from "../types/geometry"
-import { AnimationType } from "../render/utils/animation-state"
+import { AnimationType } from "../render/utils/types"
 import { VariantLabels } from "../motion/types"
 import { isDragActive } from "./drag/utils/lock"
 import { VisualElement } from "../render/types"

src/motion/features/exit.ts

@@ -4,7 +4,7 @@ import { FeatureProps, MotionFeature } from "./types"
 import { checkShouldInheritVariant } from "../utils/should-inherit-variant"
 import { usePresence } from "../../components/AnimatePresence/use-presence"
 import { PresenceContext } from "../../components/AnimatePresence/PresenceContext"
-import { AnimationType } from "../../render/utils/animation-state"
+import { AnimationType } from "../../render/utils/types"
 
 /**
  * TODO: This component is quite small and no longer directly imports animation code.

src/render/utils/__tests__/animation-state.test.ts

@@ -1,10 +1,7 @@
 import { axisBox } from "../../../utils/geometry"
 import { ResolvedValues, VisualElement } from "../../types"
-import {
-    AnimationState,
-    AnimationType,
-    createAnimationState,
-} from "../animation-state"
+import { AnimationState, createAnimationState } from "../animation-state"
+import { AnimationType } from "../types"
 import { checkTargetForNewValues, getOrigin } from "../setters"
 import { visualElement } from "../../"
 import { MotionProps } from "../../../motion"

src/render/utils/animation-state.ts

@@ -9,6 +9,7 @@ import {
     AnimationDefinition,
     AnimationOptions,
 } from "./animation"
+import { AnimationType } from "./types"
 import { isVariantLabel, isVariantLabels, resolveVariant } from "./variants"
 
 export interface AnimationState {
@@ -31,15 +32,6 @@ interface DefinitionAndOptions {
     options?: AnimationOptions
 }
 
-export enum AnimationType {
-    Animate = "animate",
-    Hover = "whileHover",
-    Tap = "whileTap",
-    Drag = "whileDrag",
-    Focus = "whileFocus",
-    Exit = "exit",
-}
-
 export type AnimationList = string[] | TargetAndTransition[]
 
 export const variantPriorityOrder = [

src/render/utils/animation.ts

@@ -8,7 +8,8 @@ import {
     Transition,
 } from "../../types"
 import { VisualElement } from "../types"
-import { AnimationType, AnimationTypeState } from "./animation-state"
+import { AnimationTypeState } from "./animation-state"
+import { AnimationType } from "./types"
 import { setTarget } from "./setters"
 import { resolveVariant } from "./variants"
 

src/render/utils/types.ts

@@ -0,0 +1,8 @@
+export enum AnimationType {
+    Animate = "animate",
+    Hover = "whileHover",
+    Tap = "whileTap",
+    Drag = "whileDrag",
+    Focus = "whileFocus",
+    Exit = "exit",
+}