@graphcommerce/framer-utils 6.0.0-canary.39 → 6.0.0-canary.41

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 6.0.0-canary.41
+
+## 6.0.0-canary.40
+
 ## 6.0.0-canary.39
 
 ## 6.0.0-canary.38

package/hooks/useMeasureDynamicViewportSize.ts

@@ -75,13 +75,13 @@ export function useClientSize(options?: UseClientSizeOptions): UseClientSizeRetu
 
   useEffect(() => {
     setTimeout(() => ret.x.set(`${clientSize.x.get()}px`), 1000)
-    const cX = clientSize.x.onChange((xv) => ret.x.set(`${xv}px`))
+    const cX = clientSize.x.on('change', (xv) => ret.x.set(`${xv}px`))
     return () => cX()
   }, [ret.x])
 
   useEffect(() => {
     setTimeout(() => ret.y.set(`${clientSize.y.get()}px`), 1000)
-    const cY = clientSize.y.onChange((yv) => ret.y.set(`${yv}px`))
+    const cY = clientSize.y.on('change', (yv) => ret.y.set(`${yv}px`))
     return () => cY()
   }, [ret.y])
 

package/hooks/useMotionSelector.ts

@@ -18,7 +18,7 @@ export function useMotionSelector<T extends [...any[]], R>(
     const set = () => startTransition(() => setResult(calcEffect))
     setResult(calcEffect)
 
-    const unsubscribers = motionValues.map((motionValue) => motionValue.onChange(set))
+    const unsubscribers = motionValues.map((motionValue) => motionValue.on('change', set))
     return () => unsubscribers.forEach((unsubscribe) => unsubscribe())
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [motionValues])

package/hooks/useMotionValueValue.ts

@@ -3,16 +3,13 @@ import { startTransition, useState } from 'react'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
 
 /** Get the MotionValue's value and return the value as a state update. */
-export function useMotionValueValue<T, R>(
-  motionValue: Pick<MotionValue<T>, 'onChange' | 'get'>,
-  effect: (v: T) => R,
-) {
+export function useMotionValueValue<T, R>(motionValue: MotionValue<T>, effect: (v: T) => R) {
   const [result, setResult] = useState<R>(effect(motionValue.get()))
 
   useIsomorphicLayoutEffect(() => {
     const set = (v: T) => startTransition(() => setResult(effect(v)))
     setResult(effect(motionValue.get()))
-    return motionValue.onChange(set)
+    return motionValue.on('change', set)
     // we're not recalculating
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [motionValue])

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/framer-utils",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "6.0.0-canary.39",
+  "version": "6.0.0-canary.41",
   "sideEffects": false,
   "scripts": {
     "dev": "tsc -W"
@@ -15,9 +15,9 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "6.0.0-canary.39",
-    "@graphcommerce/prettier-config-pwa": "6.0.0-canary.39",
-    "@graphcommerce/typescript-config-pwa": "6.0.0-canary.39"
+    "@graphcommerce/eslint-config-pwa": "6.0.0-canary.41",
+    "@graphcommerce/prettier-config-pwa": "6.0.0-canary.41",
+    "@graphcommerce/typescript-config-pwa": "6.0.0-canary.41"
   },
   "peerDependencies": {
     "framer-motion": "^10.0.0",