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

Comparing version 0.2.2 to 0.2.3

lib/commonjs/index.js

@@ -11,3 +11,3 @@ "use strict";
 
-var _reactNative = require("react-native");
+var _reactNativeWeb = require("react-native-web");
 
@@ -35,3 +35,3 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
   }, [setHovered, hostRef]);
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNativeWeb.View, _extends({
     ref: hostRef,
@@ -64,3 +64,3 @@ children: typeof children === 'function' ? children({
   }, [setHovered, hostRef]);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable //@ts-ignore
+  return /*#__PURE__*/React.createElement(_reactNativeWeb.Pressable //@ts-ignore
   , _extends({
@@ -220,8 +220,8 @@ ref: setRef,
 exports.Pressable = Pressable;
-const ScrollView = enhanceScrollView(_reactNative.ScrollView);
+const ScrollView = enhanceScrollView(_reactNativeWeb.ScrollView);
 exports.ScrollView = ScrollView;
-const FlatList = enhanceScrollView(_reactNative.FlatList);
+const FlatList = enhanceScrollView(_reactNativeWeb.FlatList);
 exports.FlatList = FlatList;
-const VirtualizedList = enhanceScrollView(_reactNative.VirtualizedList);
+const VirtualizedList = enhanceScrollView(_reactNativeWeb.VirtualizedList);
 exports.VirtualizedList = VirtualizedList;
 //# sourceMappingURL=index.js.map

lib/module/index.js

 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); }
 
 import * as React from 'react';
-import { View, Pressable as NativePressable, ScrollView as NativeScrollView, FlatList as NativeFlatList, VirtualizedList as NativeVirtualizedList } from 'react-native';
+import { View, Pressable as NativePressable, ScrollView as NativeScrollView, FlatList as NativeFlatList, VirtualizedList as NativeVirtualizedList //@ts-ignore
+} from 'react-native-web';
 const hoverListener = createHoverListener();
@@ -6,0 +7,0 @@ export function Hoverable({

lib/typescript/src/index.d.ts

 import * as React from 'react';
-import { ViewProps, StyleProp, ViewStyle, PressableStateCallbackType } from 'react-native';
+import type { ViewProps, StyleProp, ViewStyle, PressableStateCallbackType } from 'react-native';
 interface PressableStateCallbackTypeWeb extends PressableStateCallbackType {
@@ -4,0 +4,0 @@ focused?: boolean;

package.json

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

README.md

 # react-native-web-hover
 
-Some enhanced elements for react-native-web to support hover on the web
+Some enhanced elements for react-native-web to support hover on the web!
 
+![ezgif-6-6aca55b7ed39](https://user-images.githubusercontent.com/6492229/92249982-28e3a200-eecb-11ea-8672-a86328acbe2d.gif)
+
+
 It requires a React Native version with Pressable support which was introduced in version 0.63
@@ -23,3 +26,3 @@
 
-import { Hoverable, Pressable, ScrollView, FlatList, VirtualizedList from 'react-native-web-hover'
+import { Hoverable, Pressable, ScrollView, FlatList, VirtualizedList } from 'react-native-web-hover'
 
@@ -26,0 +29,0 @@ ## Contributing

No alert changes

Improved metrics

Total package byte prevSize

54984

0.72%

Lines of code

688

0.58%

Number of lines in readme file

35

9.38%

No dependency changes