react-native-web-hover - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

lib/commonjs/index.js

@@ -19,3 +19,3 @@ "use strict";
 
-const isServer = !!(typeof process !== 'undefined' && process.release && process.release.name === 'node');
+const isServer = typeof process !== 'undefined' && process.release && process.release.name === 'node';
 const hoverListener = createHoverListener();
@@ -194,3 +194,4 @@
 function enhanceScrollView(WrappedComponent) {
-  return ({
+  const EnhancedScrollView = ({
+    forwardedRef,
     onScroll,
@@ -212,2 +213,3 @@ scrollEventThrottle,
     return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+      ref: forwardedRef,
       onScroll: onScrollInner,
@@ -217,2 +219,8 @@ scrollEventThrottle: scrollEventThrottle || 60
   };
+
+  return /*#__PURE__*/React.forwardRef((props, ref) => {
+    return /*#__PURE__*/React.createElement(EnhancedScrollView, _extends({}, props, {
+      forwardedRef: ref
+    }));
+  });
 }
@@ -219,0 +227,0 @@

lib/module/index.js

@@ -6,3 +6,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 } from 'react-native-web';
-const isServer = !!(typeof process !== 'undefined' && process.release && process.release.name === 'node');
+const isServer = typeof process !== 'undefined' && process.release && process.release.name === 'node';
 const hoverListener = createHoverListener();
@@ -180,3 +180,4 @@ export function Hoverable({
 function enhanceScrollView(WrappedComponent) {
-  return ({
+  const EnhancedScrollView = ({
+    forwardedRef,
     onScroll,
@@ -198,2 +199,3 @@ scrollEventThrottle,
     return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+      ref: forwardedRef,
       onScroll: onScrollInner,
@@ -203,2 +205,8 @@ scrollEventThrottle: scrollEventThrottle || 60
   };
+
+  return /*#__PURE__*/React.forwardRef((props, ref) => {
+    return /*#__PURE__*/React.createElement(EnhancedScrollView, _extends({}, props, {
+      forwardedRef: ref
+    }));
+  });
 }
@@ -205,0 +213,0 @@

lib/typescript/src/index.d.ts

 import * as React from 'react';
-import type { ViewProps, StyleProp, ViewStyle, PressableStateCallbackType } from 'react-native';
+import type { ViewProps, StyleProp, ViewStyle, PressableStateCallbackType, FlatListProps, VirtualizedListProps, ScrollViewProps } from 'react-native';
 interface PressableStateCallbackTypeWeb extends PressableStateCallbackType {
@@ -20,5 +20,5 @@ focused?: boolean;
 export declare const Pressable: React.ForwardRefExoticComponent<PressableProps & React.RefAttributes<unknown>>;
-export declare const ScrollView: ({ onScroll, scrollEventThrottle, ...rest }: any) => JSX.Element;
-export declare const FlatList: ({ onScroll, scrollEventThrottle, ...rest }: any) => JSX.Element;
-export declare const VirtualizedList: ({ onScroll, scrollEventThrottle, ...rest }: any) => JSX.Element;
+export declare const ScrollView: React.ElementType<ScrollViewProps>;
+export declare const FlatList: React.ElementType<FlatListProps<unknown>>;
+export declare const VirtualizedList: React.ElementType<VirtualizedListProps<unknown>>;
 export {};

package.json

 {
   "name": "react-native-web-hover",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Some enhanced elements for react-native-web to support hover on the web",
@@ -5,0 +5,0 @@ "main": "lib/commonjs/index",

No alert changes

Improved metrics

Total package byte prevSize

58199

3.86%

Lines of code

726

4.46%

No dependency changes