@bottom-sheet/react-hooks - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/cjs/index.js

@@ -16,3 +16,3 @@ var $dYZEH$bottomsheetstatemachine = require("@bottom-sheet/state-machine");
 
-function $882b6d93070905b3$var$createStore({ initialHeight: initialHeight = (0, $dYZEH$bottomsheetstatemachine.defaultInitialHeight) , snapPoints: snapPoints = (0, $dYZEH$bottomsheetstatemachine.defaultSnapPoints)  } = {}) {
+function $882b6d93070905b3$var$createStore({ initialHeight: initialHeight = (0, $dYZEH$bottomsheetstatemachine.defaultInitialHeight) , snapPoints: snapPoints = (0, $dYZEH$bottomsheetstatemachine.defaultSnapPoints) , unstable__requestAnimationFrame: unstable__requestAnimationFrame = false  } = {}) {
     console.debug("createStore");
@@ -40,14 +40,18 @@ const service = (0, $dYZEH$xstate.interpret)((0, $dYZEH$bottomsheetstatemachine.BottomSheetMachine).withConfig({
                 if (state.changed) {
-                    cancelAnimationFrame(rAF);
-                    rAF = requestAnimationFrame(()=>{
-                        console.group("onStoreChange");
-                        console.log({
-                            value: state.value,
-                            context: state.context
+                    if (unstable__requestAnimationFrame) {
+                        cancelAnimationFrame(rAF);
+                        rAF = requestAnimationFrame(()=>{
+                            console.group("onStoreChange");
+                            console.log({
+                                value: state.value,
+                                context: state.context
+                            });
+                            transient = snapshot = state;
+                            onStoreChange();
+                            console.groupEnd();
                         });
+                    } else {
                         transient = snapshot = state;
                         onStoreChange();
-                        console.groupEnd();
-                    });
-                    console.groupEnd();
+                    }
                 }
@@ -54,0 +58,0 @@ console.groupEnd();

dist/dts/index.d.ts

@@ -6,2 +6,3 @@ import { BottomSheetEvent } from "@bottom-sheet/state-machine";
     snapPoints?: GetSnapPoints;
+    unstable__requestAnimationFrame?: boolean;
 }
@@ -8,0 +9,0 @@ export const useBottomSheetMachine: (props?: BottomSheetMachineProps) => {

dist/esm/index.js

@@ -11,3 +11,3 @@ import {defaultInitialHeight as $26Zo0$defaultInitialHeight, defaultSnapPoints as $26Zo0$defaultSnapPoints, BottomSheetMachine as $26Zo0$BottomSheetMachine, assignInitialHeight as $26Zo0$assignInitialHeight, assignSnapPoints as $26Zo0$assignSnapPoints} from "@bottom-sheet/state-machine";
 
-function $149c1bd638913645$var$createStore({ initialHeight: initialHeight = (0, $26Zo0$defaultInitialHeight) , snapPoints: snapPoints = (0, $26Zo0$defaultSnapPoints)  } = {}) {
+function $149c1bd638913645$var$createStore({ initialHeight: initialHeight = (0, $26Zo0$defaultInitialHeight) , snapPoints: snapPoints = (0, $26Zo0$defaultSnapPoints) , unstable__requestAnimationFrame: unstable__requestAnimationFrame = false  } = {}) {
     console.debug("createStore");
@@ -35,14 +35,18 @@ const service = (0, $26Zo0$interpret)((0, $26Zo0$BottomSheetMachine).withConfig({
                 if (state.changed) {
-                    cancelAnimationFrame(rAF);
-                    rAF = requestAnimationFrame(()=>{
-                        console.group("onStoreChange");
-                        console.log({
-                            value: state.value,
-                            context: state.context
+                    if (unstable__requestAnimationFrame) {
+                        cancelAnimationFrame(rAF);
+                        rAF = requestAnimationFrame(()=>{
+                            console.group("onStoreChange");
+                            console.log({
+                                value: state.value,
+                                context: state.context
+                            });
+                            transient = snapshot = state;
+                            onStoreChange();
+                            console.groupEnd();
                         });
+                    } else {
                         transient = snapshot = state;
                         onStoreChange();
-                        console.groupEnd();
-                    });
-                    console.groupEnd();
+                    }
                 }
@@ -49,0 +53,0 @@ console.groupEnd();

package.json

 {
   "name": "@bottom-sheet/react-hooks",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "The hooks that power `@bottom-sheet/react-spring`",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

36979

increased by4.22%

Lines of code

254

increased by4.1%

No dependency changes