@hero-design/rn 8.84.2 → 8.84.3

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
-(node:2992) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3013) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
 (!) [plugin replace] @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
 (!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 52.3s
+created lib/index.js, es/index.js in 51.4s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.84.3
+
+### Patch Changes
+
+- [#3598](https://github.com/Thinkei/hero-design/pull/3598) [`b837f8d5986633709c679de6132c10b8d404c398`](https://github.com/Thinkei/hero-design/commit/b837f8d5986633709c679de6132c10b8d404c398) Thanks [@nhatle684](https://github.com/nhatle684)! - [BottomSheet.ScrollView] Add support ref
+
 ## 8.84.2
 
 ### Patch Changes

package/es/index.js

@@ -1,7 +1,7 @@
 import * as reactNative from 'react-native';
 import { Platform, Dimensions, StyleSheet as StyleSheet$1, Animated, View, UIManager, LayoutAnimation, TouchableOpacity, Text as Text$1, Easing, useWindowDimensions, TouchableWithoutFeedback, Modal as Modal$1, Image as Image$1, Pressable, SafeAreaView, KeyboardAvoidingView, TouchableHighlight, ScrollView, FlatList, TextInput as TextInput$1, PanResponder, BackHandler, InteractionManager, Keyboard, SectionList, RefreshControl as RefreshControl$1 } from 'react-native';
 import * as React from 'react';
-import React__default, { useMemo, useEffect, useCallback, useRef, useLayoutEffect, useState, createContext, useContext, forwardRef, memo, useReducer, useImperativeHandle, isValidElement } from 'react';
+import React__default, { useMemo, useEffect, useCallback, useRef, useLayoutEffect, useState, createContext, forwardRef, useContext, memo, useReducer, useImperativeHandle, isValidElement } from 'react';
 import { createIconSet } from 'react-native-vector-icons';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { MonthYearPickerViewIOS, MonthYearPickerDialogueAndroid } from '@hero-design/react-native-month-year-picker';
@@ -10133,7 +10133,7 @@ var Header = function Header(_ref) {
 };
 
 var _excluded$x = ["scrollEventThrottle"];
-var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
+var BottomSheetScrollView = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$scrollEventThrot = _ref.scrollEventThrottle,
     scrollEventThrottle = _ref$scrollEventThrot === void 0 ? 100 : _ref$scrollEventThrot,
     props = _objectWithoutProperties(_ref, _excluded$x);
@@ -10155,12 +10155,13 @@ var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
     props === null || props === void 0 || (_props$onMomentumScro2 = props.onMomentumScrollEnd) === null || _props$onMomentumScro2 === void 0 || _props$onMomentumScro2.call(props, e);
   }, []);
   return /*#__PURE__*/React__default.createElement(ScrollView, _extends$1({}, props, {
+    ref: ref,
     onScrollBeginDrag: onScrollBeginDrag,
     onMomentumScrollBegin: onMomentumScrollBegin,
     onMomentumScrollEnd: onMomentumScrollEnd,
     scrollEventThrottle: scrollEventThrottle
   }));
-};
+});
 
 var BottomSheet = function BottomSheet(_ref) {
   var open = _ref.open,

package/lib/index.js

@@ -10161,7 +10161,7 @@ var Header = function Header(_ref) {
 };
 
 var _excluded$x = ["scrollEventThrottle"];
-var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
+var BottomSheetScrollView = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$scrollEventThrot = _ref.scrollEventThrottle,
     scrollEventThrottle = _ref$scrollEventThrot === void 0 ? 100 : _ref$scrollEventThrot,
     props = _objectWithoutProperties(_ref, _excluded$x);
@@ -10183,12 +10183,13 @@ var BottomSheetScrollView = function BottomSheetScrollView(_ref) {
     props === null || props === void 0 || (_props$onMomentumScro2 = props.onMomentumScrollEnd) === null || _props$onMomentumScro2 === void 0 || _props$onMomentumScro2.call(props, e);
   }, []);
   return /*#__PURE__*/React__namespace.default.createElement(reactNative.ScrollView, _extends$1({}, props, {
+    ref: ref,
     onScrollBeginDrag: onScrollBeginDrag,
     onMomentumScrollBegin: onMomentumScrollBegin,
     onMomentumScrollEnd: onMomentumScrollEnd,
     scrollEventThrottle: scrollEventThrottle
   }));
-};
+});
 
 var BottomSheet = function BottomSheet(_ref) {
   var open = _ref.open,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.84.2",
+  "version": "8.84.3",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/BottomSheet/ScrollView.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useCallback } from 'react';
+import React, { useContext, useCallback, forwardRef } from 'react';
 import {
   NativeScrollEvent,
   NativeSyntheticEvent,
@@ -9,49 +9,49 @@ import BottomSheetContext, {
   BottomSheetContextType,
 } from './BottomSheetContext';
 
-const BottomSheetScrollView = ({
-  scrollEventThrottle = 100,
-  ...props
-}: ScrollViewProps): JSX.Element => {
-  const { setInternalShowDivider } =
-    useContext<BottomSheetContextType>(BottomSheetContext);
-
-  const onScrollBeginDrag = useCallback(
-    (e: NativeSyntheticEvent<NativeScrollEvent>) => {
-      setInternalShowDivider(true);
-
-      props?.onScrollBeginDrag?.(e);
-    },
-    []
-  );
-
-  const onMomentumScrollBegin = useCallback(
-    (e: NativeSyntheticEvent<NativeScrollEvent>) => {
-      setInternalShowDivider(true);
-
-      props?.onMomentumScrollEnd?.(e);
-    },
-    []
-  );
-
-  const onMomentumScrollEnd = useCallback(
-    (e: NativeSyntheticEvent<NativeScrollEvent>) => {
-      setInternalShowDivider(false);
-
-      props?.onMomentumScrollEnd?.(e);
-    },
-    []
-  );
-
-  return (
-    <ScrollView
-      {...props}
-      onScrollBeginDrag={onScrollBeginDrag}
-      onMomentumScrollBegin={onMomentumScrollBegin}
-      onMomentumScrollEnd={onMomentumScrollEnd}
-      scrollEventThrottle={scrollEventThrottle}
-    />
-  );
-};
+const BottomSheetScrollView = forwardRef<ScrollView, ScrollViewProps>(
+  ({ scrollEventThrottle = 100, ...props }, ref): JSX.Element => {
+    const { setInternalShowDivider } =
+      useContext<BottomSheetContextType>(BottomSheetContext);
+
+    const onScrollBeginDrag = useCallback(
+      (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+        setInternalShowDivider(true);
+
+        props?.onScrollBeginDrag?.(e);
+      },
+      []
+    );
+
+    const onMomentumScrollBegin = useCallback(
+      (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+        setInternalShowDivider(true);
+
+        props?.onMomentumScrollEnd?.(e);
+      },
+      []
+    );
+
+    const onMomentumScrollEnd = useCallback(
+      (e: NativeSyntheticEvent<NativeScrollEvent>) => {
+        setInternalShowDivider(false);
+
+        props?.onMomentumScrollEnd?.(e);
+      },
+      []
+    );
+
+    return (
+      <ScrollView
+        {...props}
+        ref={ref}
+        onScrollBeginDrag={onScrollBeginDrag}
+        onMomentumScrollBegin={onMomentumScrollBegin}
+        onMomentumScrollEnd={onMomentumScrollEnd}
+        scrollEventThrottle={scrollEventThrottle}
+      />
+    );
+  }
+);
 
 export default BottomSheetScrollView;

package/stats/8.84.2/rn-stats.html

@@ -4840,3 +4840,5 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
+
+