react-crud-mobile 1.0.641 → 1.0.642

package/dist/react-crud-mobile.cjs.development.js

@@ -11,7 +11,6 @@ var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
 var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
 var vectorIcons = require('@expo/vector-icons');
-var reactNativeIntersectionObserver = require('react-native-intersection-observer');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _extends() {
@@ -706,6 +705,20 @@ function UIListRow(props) {
       updateIndex = _useState2[0],
       setUpdateIndex = _useState2[1];
     var key = scope.key('item');
+    var viewRef = React.useRef(null);
+    var _useState3 = React.useState(false),
+      visible = _useState3[0],
+      setVisible = _useState3[1];
+    var windowHeight = reactNative.Dimensions.get('window').height;
+    var checkIfVisible = function checkIfVisible() {
+      var nodeHandle = reactNative.findNodeHandle(viewRef.current);
+      if (nodeHandle) {
+        reactNative.UIManager.measure(nodeHandle, function (x, y, width, height, pageX, pageY) {
+          var isVisible = pageY >= 0 && pageY + height <= windowHeight;
+          setVisible(isVisible);
+        });
+      }
+    };
     var getRowStyle = function getRowStyle() {
       var css = row.getStyle('row', _extends({}, styles.row));
       if (cols > 0) {
@@ -717,31 +730,34 @@ function UIListRow(props) {
       scope.updateIndex = scope.updateIndex + 1;
       setUpdateIndex(++updateIndex);
     };
-    if (!original.click) {
-      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-        style: getRowStyle(),
-        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+    var Child = function Child() {
+      return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: visible && /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
           scope: row,
           crud: row.crud,
           children: props.children
         })
+      });
+    };
+    if (!original.click) {
+      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+        style: getRowStyle(),
+        onLayout: checkIfVisible,
+        ref: viewRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
       }, key);
     }
-    return /*#__PURE__*/jsxRuntime.jsx(reactNativeIntersectionObserver.InView, {
-      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
-        style: getRowStyle(),
-        underlayColor: 'transparent',
-        onPress: function onPress(e) {
-          e.stopPropagation();
-          onClick(item);
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-          scope: row,
-          crud: row.crud,
-          children: props.children
-        })
-      }, key)
-    });
+    return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
+      style: getRowStyle(),
+      ref: viewRef,
+      underlayColor: 'transparent',
+      onLayout: checkIfVisible,
+      onPress: function onPress(e) {
+        e.stopPropagation();
+        onClick(item);
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
+    }, key);
   };
   return /*#__PURE__*/jsxRuntime.jsx(ListItem, {});
 }