react-crud-mobile 1.3.70 → 1.3.72
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 +29 -18
- 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 +29 -18
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/elements/core/UIOrder.tsx +3 -2
- package/src/elements/core/UIView.tsx +23 -13
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.3.
|
|
2
|
+
"version": "1.3.72",
|
|
3
3
|
"license": "MIT",
|
|
4
4
|
"description": "Uma biblioteca de componentes para React Native",
|
|
5
5
|
"main": "dist/index.js",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@react-native-vector-icons/ionicons": "^7.4.0",
|
|
46
46
|
"@react-native-vector-icons/material-icons": "^0.0.1",
|
|
47
47
|
"react": "19.0.0",
|
|
48
|
-
"react-crud-utils": "^0.1.
|
|
48
|
+
"react-crud-utils": "^0.1.371",
|
|
49
49
|
"react-dom": "19.0.0",
|
|
50
50
|
"react-native": "0.79.2",
|
|
51
51
|
"react-native-draggable-flatlist": "^4.0.3",
|
|
@@ -106,10 +106,11 @@ export default function UIOrder(props: ChildType) {
|
|
|
106
106
|
|
|
107
107
|
const styles = StyleSheet.create({
|
|
108
108
|
row: {
|
|
109
|
-
|
|
109
|
+
flexDirection: 'row',
|
|
110
|
+
gap: 10,
|
|
111
|
+
padding: 15,
|
|
110
112
|
borderBottomWidth: 1,
|
|
111
113
|
borderBottomColor: '#ccc',
|
|
112
|
-
borderRadius: 5,
|
|
113
114
|
},
|
|
114
115
|
text: {
|
|
115
116
|
fontSize: 18,
|
|
@@ -18,6 +18,7 @@ export default function UIView({ scope, children }: ChildType) {
|
|
|
18
18
|
const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
|
|
19
19
|
const headerTextStyle = Utils.nvl(theme.styles?.defaults?.headerText, {});
|
|
20
20
|
const scrollRef = useRef(null);
|
|
21
|
+
const original = scope.original;
|
|
21
22
|
|
|
22
23
|
useEffect(() => {
|
|
23
24
|
MobileUtils.syncTheme();
|
|
@@ -55,6 +56,27 @@ export default function UIView({ scope, children }: ChildType) {
|
|
|
55
56
|
|
|
56
57
|
ComponentUtils.setViewScope(scope);
|
|
57
58
|
|
|
59
|
+
let Container = () => {
|
|
60
|
+
if (original.scroll === false) {
|
|
61
|
+
return <UIChildren scope={scope}>{children}</UIChildren>;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
return (
|
|
65
|
+
<ScrollView
|
|
66
|
+
onScroll={onScroll}
|
|
67
|
+
scrollEventThrottle={16}
|
|
68
|
+
ref={scrollRef}
|
|
69
|
+
nestedScrollEnabled={true}
|
|
70
|
+
keyboardShouldPersistTaps="handled"
|
|
71
|
+
contentContainerStyle={scope.getStyle('contentContainer', {
|
|
72
|
+
paddingBottom: 50,
|
|
73
|
+
})}
|
|
74
|
+
style={scope.getStyle('scroll', styles.scroll)}
|
|
75
|
+
>
|
|
76
|
+
<UIChildren scope={scope}>{children}</UIChildren>
|
|
77
|
+
</ScrollView>
|
|
78
|
+
);
|
|
79
|
+
};
|
|
58
80
|
return (
|
|
59
81
|
<>
|
|
60
82
|
{hasHeader && (
|
|
@@ -63,19 +85,7 @@ export default function UIView({ scope, children }: ChildType) {
|
|
|
63
85
|
</View>
|
|
64
86
|
)}
|
|
65
87
|
<View style={scope.getStyle('container', styles.container)}>
|
|
66
|
-
<
|
|
67
|
-
onScroll={onScroll}
|
|
68
|
-
scrollEventThrottle={16}
|
|
69
|
-
ref={scrollRef}
|
|
70
|
-
nestedScrollEnabled={true}
|
|
71
|
-
keyboardShouldPersistTaps="handled"
|
|
72
|
-
contentContainerStyle={scope.getStyle('contentContainer', {
|
|
73
|
-
paddingBottom: 50,
|
|
74
|
-
})}
|
|
75
|
-
style={scope.getStyle('scroll', styles.scroll)}
|
|
76
|
-
>
|
|
77
|
-
<UIChildren scope={scope}>{children}</UIChildren>
|
|
78
|
-
</ScrollView>
|
|
88
|
+
<Container />
|
|
79
89
|
</View>
|
|
80
90
|
<UIToast /> {/* <- este componente precisa estar aqui */}
|
|
81
91
|
</>
|