react-crud-mobile 1.0.644 → 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 +12 -31
- 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 +14 -33
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -2
- package/src/elements/core/UIListRow.tsx +9 -48
|
@@ -692,20 +692,6 @@ function UIListRow(props) {
|
|
|
692
692
|
data: item
|
|
693
693
|
}))),
|
|
694
694
|
row = _useState[0];
|
|
695
|
-
var viewRef = React.useRef(null);
|
|
696
|
-
var _useState2 = React.useState(false),
|
|
697
|
-
visible = _useState2[0],
|
|
698
|
-
setVisible = _useState2[1];
|
|
699
|
-
var windowHeight = reactNative.Dimensions.get('window').height;
|
|
700
|
-
var checkIfVisible = function checkIfVisible() {
|
|
701
|
-
var nodeHandle = reactNative.findNodeHandle(viewRef.current);
|
|
702
|
-
if (nodeHandle && !visible) {
|
|
703
|
-
reactNative.UIManager.measure(nodeHandle, function (x, y, width, height, pageX, pageY) {
|
|
704
|
-
var isVisible = pageY >= 0 && pageY + height <= windowHeight;
|
|
705
|
-
setVisible(isVisible);
|
|
706
|
-
});
|
|
707
|
-
}
|
|
708
|
-
};
|
|
709
695
|
var onClick = function onClick(item) {
|
|
710
696
|
row.call('click', {
|
|
711
697
|
value: item,
|
|
@@ -715,9 +701,9 @@ function UIListRow(props) {
|
|
|
715
701
|
});
|
|
716
702
|
};
|
|
717
703
|
var ListItem = function ListItem() {
|
|
718
|
-
var
|
|
719
|
-
updateIndex =
|
|
720
|
-
setUpdateIndex =
|
|
704
|
+
var _useState2 = React.useState(0),
|
|
705
|
+
updateIndex = _useState2[0],
|
|
706
|
+
setUpdateIndex = _useState2[1];
|
|
721
707
|
var key = scope.key('item');
|
|
722
708
|
var getRowStyle = function getRowStyle() {
|
|
723
709
|
var css = row.getStyle('row', _extends({}, styles.row));
|
|
@@ -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, {});
|