react-crud-mobile 1.0.644 → 1.0.646

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

@@ -692,20 +692,24 @@ function UIListRow(props) {
       data: item
     }))),
     row = _useState[0];
-  var viewRef = React.useRef(null);
+  var targetRef = React.useRef(null);
   var _useState2 = React.useState(false),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var windowHeight = reactNative.Dimensions.get('window').height;
-  var checkIfVisible = function checkIfVisible() {
-    var nodeHandle = reactNative.findNodeHandle(viewRef.current);
-    if (nodeHandle && !visible) {
-      reactNative.UIManager.measure(nodeHandle, function (x, y, width, height, pageX, pageY) {
-        var isVisible = pageY >= 0 && pageY + height <= windowHeight;
-        setVisible(isVisible);
-      });
+    visivel = _useState2[0],
+    setVisivel = _useState2[1];
+  var onScroll = function onScroll() {
+    if (!visivel) {
+      var handle = reactNative.findNodeHandle(targetRef.current);
+      if (handle) {
+        reactNative.UIManager.measure(handle, function (x, y, width, height, pageX, pageY) {
+          var windowHeight = reactNative.Dimensions.get('window').height;
+          var topoVisivel = pageY >= 0 && pageY < windowHeight;
+          var fundoVisivel = pageY + height > 0 && pageY + height < windowHeight;
+          setVisivel(topoVisivel || fundoVisivel);
+        });
+      }
     }
   };
+  row.onScroll = onScroll;
   var onClick = function onClick(item) {
     row.call('click', {
       value: item,
@@ -714,6 +718,18 @@ function UIListRow(props) {
       index: index
     });
   };
+  var Child = function Child() {
+    if (!visivel) {
+      return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+        scope: row,
+        crud: row.crud,
+        children: props.children
+      })
+    });
+  };
   var ListItem = function ListItem() {
     var _useState3 = React.useState(0),
       updateIndex = _useState3[0],
@@ -730,28 +746,19 @@ function UIListRow(props) {
       scope.updateIndex = scope.updateIndex + 1;
       setUpdateIndex(++updateIndex);
     };
-    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,
+        ref: targetRef,
+        onLayout: onScroll,
         children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
       }, key);
     }
     return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
       style: getRowStyle(),
-      ref: viewRef,
       underlayColor: 'transparent',
-      onLayout: checkIfVisible,
+      ref: targetRef,
+      onLayout: onScroll,
       onPress: function onPress(e) {
         e.stopPropagation();
         onClick(item);
@@ -1263,10 +1270,20 @@ function UIView(_ref) {
     reactNative.StatusBar.setBarStyle('light-content');
     reactNative.StatusBar.setBackgroundColor == null || reactNative.StatusBar.setBackgroundColor(theme.colors.primary);
   }, []);
+  var onScroll = function onScroll() {
+    var crud = reactCrudUtils.ViewUtils.getCrud();
+    reactCrudUtils.Utils.each(crud.scroll, function (s) {
+      if (s.onScroll) {
+        s.onScroll.call(s);
+      }
+    });
+  };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [header, /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
       style: scope.getStyle('container', styles$9.container),
       children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
+        onScroll: onScroll,
+        scrollEventThrottle: 16,
         keyboardShouldPersistTaps: "handled",
         contentContainerStyle: scope.getStyle('contentContainer', {}),
         style: scope.getStyle('scroll', styles$9.scroll),