@mustmove/bottom-sheet 1.0.0 → 1.0.2

package/lib/commonjs/hooks/useScrollHandler.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollHandler = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _utilities = require("../utilities");
+var _useScrollEventsHandlersDefault = require("./useScrollEventsHandlersDefault");
+const useScrollHandler = (useScrollEventsHandlers = _useScrollEventsHandlersDefault.useScrollEventsHandlersDefault, onScroll, onScrollBeginDrag, onScrollEndDrag) => {
+  // refs
+  const scrollableRef = (0, _reactNativeReanimated.useAnimatedRef)();
+
+  // variables
+  const scrollableContentOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // hooks
+  const {
+    handleOnScroll = _utilities.workletNoop,
+    handleOnBeginDrag = _utilities.workletNoop,
+    handleOnEndDrag = _utilities.workletNoop,
+    handleOnMomentumEnd = _utilities.workletNoop,
+    handleOnMomentumBegin = _utilities.workletNoop
+  } = useScrollEventsHandlers(scrollableRef, scrollableContentOffsetY);
+
+  // callbacks
+  const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+    onScroll: (event, context) => {
+      handleOnScroll(event, context);
+      if (onScroll) {
+        (0, _reactNativeReanimated.runOnJS)(onScroll)({
+          nativeEvent: event
+        });
+      }
+    },
+    onBeginDrag: (event, context) => {
+      handleOnBeginDrag(event, context);
+      if (onScrollBeginDrag) {
+        (0, _reactNativeReanimated.runOnJS)(onScrollBeginDrag)({
+          nativeEvent: event
+        });
+      }
+    },
+    onEndDrag: (event, context) => {
+      handleOnEndDrag(event, context);
+      if (onScrollEndDrag) {
+        (0, _reactNativeReanimated.runOnJS)(onScrollEndDrag)({
+          nativeEvent: event
+        });
+      }
+    },
+    onMomentumBegin: handleOnMomentumBegin,
+    onMomentumEnd: handleOnMomentumEnd
+  }, [handleOnScroll, handleOnBeginDrag, handleOnEndDrag, handleOnMomentumBegin, handleOnMomentumEnd, onScroll, onScrollBeginDrag, onScrollEndDrag]);
+  return {
+    scrollHandler,
+    scrollableRef,
+    scrollableContentOffsetY
+  };
+};
+exports.useScrollHandler = useScrollHandler;
+//# sourceMappingURL=useScrollHandler.js.map

package/lib/commonjs/hooks/useScrollHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_utilities","_useScrollEventsHandlersDefault","useScrollHandler","useScrollEventsHandlers","useScrollEventsHandlersDefault","onScroll","onScrollBeginDrag","onScrollEndDrag","scrollableRef","useAnimatedRef","scrollableContentOffsetY","useSharedValue","handleOnScroll","noop","handleOnBeginDrag","handleOnEndDrag","handleOnMomentumEnd","handleOnMomentumBegin","scrollHandler","useAnimatedScrollHandler","event","context","runOnJS","nativeEvent","onBeginDrag","onEndDrag","onMomentumBegin","onMomentumEnd","exports"],"sourceRoot":"../../../src","sources":["hooks/useScrollHandler.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAGA,CAC9BC,uBAAuB,GAAGC,8DAA8B,EACxDC,QAA0B,EAC1BC,iBAAmC,EACnCC,eAAiC,KAC9B;EACH;EACA,MAAMC,aAAa,GAAG,IAAAC,qCAAc,EAAa,CAAC;;EAElD;EACA,MAAMC,wBAAwB,GAAG,IAAAC,qCAAc,EAAS,CAAC,CAAC;;EAE1D;EACA,MAAM;IACJC,cAAc,GAAGC,sBAAI;IACrBC,iBAAiB,GAAGD,sBAAI;IACxBE,eAAe,GAAGF,sBAAI;IACtBG,mBAAmB,GAAGH,sBAAI;IAC1BI,qBAAqB,GAAGJ;EAC1B,CAAC,GAAGV,uBAAuB,CAACK,aAAa,EAAEE,wBAAwB,CAAC;;EAEpE;EACA,MAAMQ,aAAa,GAAG,IAAAC,+CAAwB,EAC5C;IACEd,QAAQ,EAAEA,CAACe,KAAK,EAAEC,OAAO,KAAK;MAC5BT,cAAc,CAACQ,KAAK,EAAEC,OAAO,CAAC;MAE9B,IAAIhB,QAAQ,EAAE;QACZ,IAAAiB,8BAAO,EAACjB,QAAQ,CAAC,CAAC;UAAEkB,WAAW,EAAEH;QAAM,CAAC,CAAC;MAC3C;IACF,CAAC;IACDI,WAAW,EAAEA,CAACJ,KAAK,EAAEC,OAAO,KAAK;MAC/BP,iBAAiB,CAACM,KAAK,EAAEC,OAAO,CAAC;MAEjC,IAAIf,iBAAiB,EAAE;QACrB,IAAAgB,8BAAO,EAAChB,iBAAiB,CAAC,CAAC;UAAEiB,WAAW,EAAEH;QAAM,CAAC,CAAC;MACpD;IACF,CAAC;IACDK,SAAS,EAAEA,CAACL,KAAK,EAAEC,OAAO,KAAK;MAC7BN,eAAe,CAACK,KAAK,EAAEC,OAAO,CAAC;MAE/B,IAAId,eAAe,EAAE;QACnB,IAAAe,8BAAO,EAACf,eAAe,CAAC,CAAC;UAAEgB,WAAW,EAAEH;QAAM,CAAC,CAAC;MAClD;IACF,CAAC;IACDM,eAAe,EAAET,qBAAqB;IACtCU,aAAa,EAAEX;EACjB,CAAC,EACD,CACEJ,cAAc,EACdE,iBAAiB,EACjBC,eAAe,EACfE,qBAAqB,EACrBD,mBAAmB,EACnBX,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,CAEnB,CAAC;EAED,OAAO;IAAEW,aAAa;IAAEV,aAAa;IAAEE;EAAyB,CAAC;AACnE,CAAC;AAACkB,OAAA,CAAA1B,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useScrollHandler.web.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollHandler = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../constants");
+var _findNodeHandle = require("../utilities/findNodeHandle.web");
+var _useBottomSheetInternal = require("./useBottomSheetInternal");
+const useScrollHandler = (_, onScroll) => {
+  //#region refs
+  const scrollableRef = (0, _react.useRef)(null);
+  //#endregion
+
+  //#region variables
+  const scrollableContentOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  //#endregion
+
+  //#region hooks
+  const {
+    animatedScrollableState,
+    animatedScrollableStatus,
+    animatedAnimationState
+  } = (0, _useBottomSheetInternal.useBottomSheetInternal)();
+  //#endregion
+
+  //#region effects
+  (0, _react.useEffect)(() => {
+    // biome-ignore lint: to be addressed!
+    const element = (0, _findNodeHandle.findNodeHandle)(scrollableRef.current);
+    let scrollOffset = 0;
+    let supportsPassive = false;
+    let maybePrevent = false;
+    let lastTouchY = 0;
+    let initialContentOffsetY = 0;
+    const shouldLockInitialPosition = false;
+    function handleOnTouchStart(event) {
+      if (event.touches.length !== 1) {
+        return;
+      }
+      initialContentOffsetY = element.scrollTop;
+      lastTouchY = event.touches[0].clientY;
+      maybePrevent = scrollOffset <= 0;
+    }
+    function handleOnTouchMove(event) {
+      if (animatedScrollableStatus.value === _constants.SCROLLABLE_STATUS.LOCKED && event.cancelable) {
+        return event.preventDefault();
+      }
+      if (maybePrevent) {
+        maybePrevent = false;
+        const touchY = event.touches[0].clientY;
+        const touchYDelta = touchY - lastTouchY;
+        if (touchYDelta > 0 && event.cancelable) {
+          return event.preventDefault();
+        }
+      }
+      return true;
+    }
+    function handleOnTouchEnd() {
+      if (animatedScrollableStatus.value === _constants.SCROLLABLE_STATUS.LOCKED) {
+        const lockPosition = shouldLockInitialPosition ? initialContentOffsetY ?? 0 : 0;
+        element.scroll({
+          top: 0,
+          left: 0,
+          behavior: 'instant'
+        });
+        scrollableContentOffsetY.value = lockPosition;
+        return;
+      }
+    }
+    function handleOnScroll(event) {
+      scrollOffset = element.scrollTop;
+      if (animatedAnimationState.get().status !== _constants.ANIMATION_STATUS.RUNNING) {
+        const contentOffsetY = Math.max(0, scrollOffset);
+        scrollableContentOffsetY.value = contentOffsetY;
+        animatedScrollableState.set(state => ({
+          ...state,
+          contentOffsetY
+        }));
+      }
+      if (scrollOffset <= 0 && event.cancelable) {
+        event.preventDefault();
+        event.stopPropagation();
+        return false;
+      }
+      return true;
+    }
+    try {
+      // @ts-ignore
+      window.addEventListener('test', null, {
+        // @ts-ignore
+        // biome-ignore lint: to be addressed
+        get passive() {
+          supportsPassive = true;
+        }
+      });
+    } catch (_e) {}
+    element.addEventListener('touchstart', handleOnTouchStart, supportsPassive ? {
+      passive: true
+    } : false);
+    element.addEventListener('touchmove', handleOnTouchMove, supportsPassive ? {
+      passive: false
+    } : false);
+    element.addEventListener('touchend', handleOnTouchEnd, supportsPassive ? {
+      passive: false
+    } : false);
+    element.addEventListener('scroll', handleOnScroll, supportsPassive ? {
+      passive: false
+    } : false);
+    return () => {
+      // @ts-ignore
+      window.removeEventListener('test', null);
+      element.removeEventListener('touchstart', handleOnTouchStart);
+      element.removeEventListener('touchmove', handleOnTouchMove);
+      element.removeEventListener('touchend', handleOnTouchEnd);
+      element.removeEventListener('scroll', handleOnScroll);
+    };
+  }, [animatedAnimationState, animatedScrollableState, animatedScrollableStatus, scrollableContentOffsetY]);
+  //#endregion
+
+  return {
+    scrollHandler: onScroll,
+    scrollableRef,
+    scrollableContentOffsetY
+  };
+};
+exports.useScrollHandler = useScrollHandler;
+//# sourceMappingURL=useScrollHandler.web.js.map

package/lib/commonjs/hooks/useScrollHandler.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_constants","_findNodeHandle","_useBottomSheetInternal","useScrollHandler","_","onScroll","scrollableRef","useRef","scrollableContentOffsetY","useSharedValue","animatedScrollableState","animatedScrollableStatus","animatedAnimationState","useBottomSheetInternal","useEffect","element","findNodeHandle","current","scrollOffset","supportsPassive","maybePrevent","lastTouchY","initialContentOffsetY","shouldLockInitialPosition","handleOnTouchStart","event","touches","length","scrollTop","clientY","handleOnTouchMove","value","SCROLLABLE_STATUS","LOCKED","cancelable","preventDefault","touchY","touchYDelta","handleOnTouchEnd","lockPosition","scroll","top","left","behavior","handleOnScroll","get","status","ANIMATION_STATUS","RUNNING","contentOffsetY","Math","max","set","state","stopPropagation","window","addEventListener","passive","_e","removeEventListener","scrollHandler","exports"],"sourceRoot":"../../../src","sources":["hooks/useScrollHandler.web.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useScrollable.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollable = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../constants");
+var _utilities = require("../utilities");
+const useScrollable = (enableContentPanningGesture, animatedSheetState, animatedKeyboardState, animatedAnimationState) => {
+  //#region refs
+  const scrollableRef = (0, _react.useRef)(null);
+  const previousScrollableRef = (0, _react.useRef)(null);
+  //#endregion
+
+  //#region variables
+  const state = (0, _reactNativeReanimated.useSharedValue)({
+    type: _constants.SCROLLABLE_TYPE.UNDETERMINED,
+    contentOffsetY: 0,
+    refreshable: false
+  });
+  const status = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    /**
+     * if user had disabled content panning gesture, then we unlock
+     * the scrollable state.
+     */
+    if (!enableContentPanningGesture) {
+      return _constants.SCROLLABLE_STATUS.UNLOCKED;
+    }
+
+    /**
+     * if sheet state is fill parent, then unlock scrolling
+     */
+    if (animatedSheetState.value === _constants.SHEET_STATE.FILL_PARENT) {
+      return _constants.SCROLLABLE_STATUS.UNLOCKED;
+    }
+
+    /**
+     * if sheet state is extended, then unlock scrolling
+     */
+    if (animatedSheetState.value === _constants.SHEET_STATE.EXTENDED) {
+      return _constants.SCROLLABLE_STATUS.UNLOCKED;
+    }
+
+    /**
+     * if keyboard is shown and sheet is animating
+     * then we do not lock the scrolling to not lose
+     * current scrollable scroll position.
+     */
+    if (animatedKeyboardState.get().status === _constants.KEYBOARD_STATUS.SHOWN && animatedAnimationState.get().status === _constants.ANIMATION_STATUS.RUNNING) {
+      return _constants.SCROLLABLE_STATUS.UNLOCKED;
+    }
+    return _constants.SCROLLABLE_STATUS.LOCKED;
+  }, [enableContentPanningGesture, animatedSheetState, animatedKeyboardState, animatedAnimationState, state]);
+  //#endregion
+
+  //#region callbacks
+  const setScrollableRef = (0, _react.useCallback)(ref => {
+    // get current node handle id
+    const currentRefId = scrollableRef.current?.id ?? null;
+    if (currentRefId !== ref.id) {
+      if (scrollableRef.current) {
+        // @ts-ignore
+        previousScrollableRef.current = scrollableRef.current;
+      }
+      // @ts-ignore
+      scrollableRef.current = ref;
+    }
+  }, []);
+  const removeScrollableRef = (0, _react.useCallback)(ref => {
+    // find node handle id
+    let id;
+    try {
+      id = (0, _utilities.findNodeHandle)(ref.current);
+    } catch {
+      return;
+    }
+
+    // get current node handle id
+    const currentRefId = scrollableRef.current?.id ?? null;
+
+    /**
+     * @DEV
+     * when the incoming node is actually the current node, we reset
+     * the current scrollable ref to the previous one.
+     */
+    if (id === currentRefId) {
+      // @ts-ignore
+      scrollableRef.current = previousScrollableRef.current;
+    }
+  }, []);
+  //#endregion
+
+  return {
+    state,
+    status,
+    setScrollableRef,
+    removeScrollableRef
+  };
+};
+exports.useScrollable = useScrollable;
+//# sourceMappingURL=useScrollable.js.map

package/lib/commonjs/hooks/useScrollable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","_constants","_utilities","useScrollable","enableContentPanningGesture","animatedSheetState","animatedKeyboardState","animatedAnimationState","scrollableRef","useRef","previousScrollableRef","state","useSharedValue","type","SCROLLABLE_TYPE","UNDETERMINED","contentOffsetY","refreshable","status","useDerivedValue","SCROLLABLE_STATUS","UNLOCKED","value","SHEET_STATE","FILL_PARENT","EXTENDED","get","KEYBOARD_STATUS","SHOWN","ANIMATION_STATUS","RUNNING","LOCKED","setScrollableRef","useCallback","ref","currentRefId","current","id","removeScrollableRef","findNodeHandle","exports"],"sourceRoot":"../../../src","sources":["hooks/useScrollable.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAF,OAAA;AAcA,IAAAG,UAAA,GAAAH,OAAA;AAEO,MAAMI,aAAa,GAAGA,CAC3BC,2BAAoC,EACpCC,kBAA4C,EAC5CC,qBAAiD,EACjDC,sBAAmD,KAChD;EACH;EACA,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EACjD,MAAMC,qBAAqB,GAAG,IAAAD,aAAM,EAAgB,IAAI,CAAC;EACzD;;EAEA;EACA,MAAME,KAAK,GAAG,IAAAC,qCAAc,EAAkB;IAC5CC,IAAI,EAAEC,0BAAe,CAACC,YAAY;IAClCC,cAAc,EAAE,CAAC;IACjBC,WAAW,EAAE;EACf,CAAC,CAAC;EACF,MAAMC,MAAM,GAAG,IAAAC,sCAAe,EAAoB,MAAM;IACtD;AACJ;AACA;AACA;IACI,IAAI,CAACf,2BAA2B,EAAE;MAChC,OAAOgB,4BAAiB,CAACC,QAAQ;IACnC;;IAEA;AACJ;AACA;IACI,IAAIhB,kBAAkB,CAACiB,KAAK,KAAKC,sBAAW,CAACC,WAAW,EAAE;MACxD,OAAOJ,4BAAiB,CAACC,QAAQ;IACnC;;IAEA;AACJ;AACA;IACI,IAAIhB,kBAAkB,CAACiB,KAAK,KAAKC,sBAAW,CAACE,QAAQ,EAAE;MACrD,OAAOL,4BAAiB,CAACC,QAAQ;IACnC;;IAEA;AACJ;AACA;AACA;AACA;IACI,IACEf,qBAAqB,CAACoB,GAAG,CAAC,CAAC,CAACR,MAAM,KAAKS,0BAAe,CAACC,KAAK,IAC5DrB,sBAAsB,CAACmB,GAAG,CAAC,CAAC,CAACR,MAAM,KAAKW,2BAAgB,CAACC,OAAO,EAChE;MACA,OAAOV,4BAAiB,CAACC,QAAQ;IACnC;IAEA,OAAOD,4BAAiB,CAACW,MAAM;EACjC,CAAC,EAAE,CACD3B,2BAA2B,EAC3BC,kBAAkB,EAClBC,qBAAqB,EACrBC,sBAAsB,EACtBI,KAAK,CACN,CAAC;EACF;;EAEA;EACA,MAAMqB,gBAAgB,GAAG,IAAAC,kBAAW,EAAEC,GAAkB,IAAK;IAC3D;IACA,MAAMC,YAAY,GAAG3B,aAAa,CAAC4B,OAAO,EAAEC,EAAE,IAAI,IAAI;IAEtD,IAAIF,YAAY,KAAKD,GAAG,CAACG,EAAE,EAAE;MAC3B,IAAI7B,aAAa,CAAC4B,OAAO,EAAE;QACzB;QACA1B,qBAAqB,CAAC0B,OAAO,GAAG5B,aAAa,CAAC4B,OAAO;MACvD;MACA;MACA5B,aAAa,CAAC4B,OAAO,GAAGF,GAAG;IAC7B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,mBAAmB,GAAG,IAAAL,kBAAW,EAAEC,GAA0B,IAAK;IACtE;IACA,IAAIG,EAAqB;IACzB,IAAI;MACFA,EAAE,GAAG,IAAAE,yBAAc,EAACL,GAAG,CAACE,OAAO,CAAC;IAClC,CAAC,CAAC,MAAM;MACN;IACF;;IAEA;IACA,MAAMD,YAAY,GAAG3B,aAAa,CAAC4B,OAAO,EAAEC,EAAE,IAAI,IAAI;;IAEtD;AACJ;AACA;AACA;AACA;IACI,IAAIA,EAAE,KAAKF,YAAY,EAAE;MACvB;MACA3B,aAAa,CAAC4B,OAAO,GAAG1B,qBAAqB,CAAC0B,OAAO;IACvD;EACF,CAAC,EAAE,EAAE,CAAC;EACN;;EAEA,OAAO;IACLzB,KAAK;IACLO,MAAM;IACNc,gBAAgB;IAChBM;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAArC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/hooks/useScrollableSetter.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollableSetter = void 0;
+var _react = require("react");
+var _utilities = require("../utilities");
+var _useBottomSheetInternal = require("./useBottomSheetInternal");
+const useScrollableSetter = (ref, type, contentOffsetY, refreshable, useFocusHook = _react.useEffect) => {
+  // hooks
+  const {
+    animatedScrollableState,
+    setScrollableRef,
+    removeScrollableRef
+  } = (0, _useBottomSheetInternal.useBottomSheetInternal)();
+
+  // callbacks
+  const handleSettingScrollable = (0, _react.useCallback)(() => {
+    // set current content offset
+    animatedScrollableState.set(state => ({
+      ...state,
+      contentOffsetY: contentOffsetY.value,
+      type,
+      refreshable
+    }));
+
+    // set current scrollable ref
+    const id = (0, _utilities.findNodeHandle)(ref.current);
+    if (id) {
+      setScrollableRef({
+        id: id,
+        node: ref
+      });
+    } else {
+      console.warn(`Couldn't find the scrollable node handle id!`);
+    }
+    return () => {
+      removeScrollableRef(ref);
+    };
+  }, [ref, type, refreshable, contentOffsetY, animatedScrollableState, setScrollableRef, removeScrollableRef]);
+
+  // effects
+  useFocusHook(handleSettingScrollable);
+};
+exports.useScrollableSetter = useScrollableSetter;
+//# sourceMappingURL=useScrollableSetter.js.map

package/lib/commonjs/hooks/useScrollableSetter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utilities","_useBottomSheetInternal","useScrollableSetter","ref","type","contentOffsetY","refreshable","useFocusHook","useEffect","animatedScrollableState","setScrollableRef","removeScrollableRef","useBottomSheetInternal","handleSettingScrollable","useCallback","set","state","value","id","findNodeHandle","current","node","console","warn","exports"],"sourceRoot":"../../../src","sources":["hooks/useScrollableSetter.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAEO,MAAMG,mBAAmB,GAAGA,CACjCC,GAAgC,EAChCC,IAAqB,EACrBC,cAAmC,EACnCC,WAAoB,EACpBC,YAAY,GAAGC,gBAAS,KACrB;EACH;EACA,MAAM;IAAEC,uBAAuB;IAAEC,gBAAgB;IAAEC;EAAoB,CAAC,GACtE,IAAAC,8CAAsB,EAAC,CAAC;;EAE1B;EACA,MAAMC,uBAAuB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChD;IACAL,uBAAuB,CAACM,GAAG,CAACC,KAAK,KAAK;MACpC,GAAGA,KAAK;MACRX,cAAc,EAAEA,cAAc,CAACY,KAAK;MACpCb,IAAI;MACJE;IACF,CAAC,CAAC,CAAC;;IAEH;IACA,MAAMY,EAAE,GAAG,IAAAC,yBAAc,EAAChB,GAAG,CAACiB,OAAO,CAAC;IACtC,IAAIF,EAAE,EAAE;MACNR,gBAAgB,CAAC;QACfQ,EAAE,EAAEA,EAAE;QACNG,IAAI,EAAElB;MACR,CAAC,CAAC;IACJ,CAAC,MAAM;MACLmB,OAAO,CAACC,IAAI,CAAC,8CAA8C,CAAC;IAC9D;IAEA,OAAO,MAAM;MACXZ,mBAAmB,CAACR,GAAG,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,CACDA,GAAG,EACHC,IAAI,EACJE,WAAW,EACXD,cAAc,EACdI,uBAAuB,EACvBC,gBAAgB,EAChBC,mBAAmB,CACpB,CAAC;;EAEF;EACAJ,YAAY,CAACM,uBAAuB,CAAC;AACvC,CAAC;AAACW,OAAA,CAAAtB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/hooks/useStableCallback.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStableCallback = useStableCallback;
+var _react = require("react");
+/**
+ * Provide a stable version of useCallback.
+ */
+function useStableCallback(callback) {
+  const callbackRef = (0, _react.useRef)();
+  (0, _react.useLayoutEffect)(() => {
+    callbackRef.current = callback;
+  });
+  (0, _react.useEffect)(() => {
+    return () => {
+      callbackRef.current = undefined;
+    };
+  }, []);
+  return (0, _react.useCallback)((...args) => {
+    return callbackRef.current?.(...args);
+  }, []);
+}
+//# sourceMappingURL=useStableCallback.js.map

package/lib/commonjs/hooks/useStableCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useStableCallback","callback","callbackRef","useRef","useLayoutEffect","current","useEffect","undefined","useCallback","args"],"sourceRoot":"../../../src","sources":["hooks/useStableCallback.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACO,SAASC,iBAAiBA,CAC/BC,QAAwB,EACxB;EACA,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAiB,CAAC;EAE5C,IAAAC,sBAAe,EAAC,MAAM;IACpBF,WAAW,CAACG,OAAO,GAAGJ,QAAQ;EAChC,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACXJ,WAAW,CAACG,OAAO,GAAGE,SAAS;IACjC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,kBAAW,EAA6B,CAAC,GAAGC,IAAI,KAAK;IAC1D,OAAOP,WAAW,CAACG,OAAO,GAAG,GAAGI,IAAI,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;AACR","ignoreList":[]}