react-crud-mobile 1.0.643 → 1.0.645
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-crud-mobile.cjs.development.js +9 -28
- package/dist/react-crud-mobile.cjs.development.js.map +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
- package/dist/react-crud-mobile.esm.js +11 -30
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -2
- package/src/elements/core/UIListRow.tsx +9 -47
|
@@ -705,20 +705,6 @@ function UIListRow(props) {
|
|
|
705
705
|
updateIndex = _useState2[0],
|
|
706
706
|
setUpdateIndex = _useState2[1];
|
|
707
707
|
var key = scope.key('item');
|
|
708
|
-
var viewRef = React.useRef(null);
|
|
709
|
-
var _useState3 = React.useState(false),
|
|
710
|
-
visible = _useState3[0],
|
|
711
|
-
setVisible = _useState3[1];
|
|
712
|
-
var windowHeight = reactNative.Dimensions.get('window').height;
|
|
713
|
-
var checkIfVisible = function checkIfVisible() {
|
|
714
|
-
var nodeHandle = reactNative.findNodeHandle(viewRef.current);
|
|
715
|
-
if (nodeHandle && !visible) {
|
|
716
|
-
reactNative.UIManager.measure(nodeHandle, function (x, y, width, height, pageX, pageY) {
|
|
717
|
-
var isVisible = pageY >= 0 && pageY + height <= windowHeight;
|
|
718
|
-
setVisible(isVisible);
|
|
719
|
-
});
|
|
720
|
-
}
|
|
721
|
-
};
|
|
722
708
|
var getRowStyle = function getRowStyle() {
|
|
723
709
|
var css = row.getStyle('row', _extends({}, styles.row));
|
|
724
710
|
if (cols > 0) {
|
|
@@ -730,33 +716,28 @@ function UIListRow(props) {
|
|
|
730
716
|
scope.updateIndex = scope.updateIndex + 1;
|
|
731
717
|
setUpdateIndex(++updateIndex);
|
|
732
718
|
};
|
|
733
|
-
|
|
734
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
735
|
-
|
|
719
|
+
if (!original.click) {
|
|
720
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
721
|
+
style: getRowStyle(),
|
|
722
|
+
children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
|
|
736
723
|
scope: row,
|
|
737
724
|
crud: row.crud,
|
|
738
725
|
children: props.children
|
|
739
726
|
})
|
|
740
|
-
});
|
|
741
|
-
};
|
|
742
|
-
if (!original.click) {
|
|
743
|
-
return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
744
|
-
style: getRowStyle(),
|
|
745
|
-
onLayout: checkIfVisible,
|
|
746
|
-
ref: viewRef,
|
|
747
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
|
|
748
727
|
}, key);
|
|
749
728
|
}
|
|
750
729
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
|
|
751
730
|
style: getRowStyle(),
|
|
752
|
-
ref: viewRef,
|
|
753
731
|
underlayColor: 'transparent',
|
|
754
|
-
onLayout: checkIfVisible,
|
|
755
732
|
onPress: function onPress(e) {
|
|
756
733
|
e.stopPropagation();
|
|
757
734
|
onClick(item);
|
|
758
735
|
},
|
|
759
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
736
|
+
children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
|
|
737
|
+
scope: row,
|
|
738
|
+
crud: row.crud,
|
|
739
|
+
children: props.children
|
|
740
|
+
})
|
|
760
741
|
}, key);
|
|
761
742
|
};
|
|
762
743
|
return /*#__PURE__*/jsxRuntime.jsx(ListItem, {});
|