react-crud-mobile 1.0.76 → 1.0.78
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 +37 -21
- 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 +38 -22
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/UIChildren.tsx +13 -3
- package/src/elements/UIElement.tsx +4 -1
|
@@ -109,14 +109,26 @@ function UIChildren(props) {
|
|
|
109
109
|
if (reactCrudUtils.Utils.isEmpty(props.children) && reactCrudUtils.Utils.isEmpty(props.elements)) {
|
|
110
110
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
111
111
|
}
|
|
112
|
-
|
|
112
|
+
var getStyle = function getStyle(part) {
|
|
113
|
+
var key = reactCrudUtils.Utils.nvl(part, 'root');
|
|
114
|
+
var def = styles[key];
|
|
115
|
+
return _extends({}, def, scope.getStyle(part));
|
|
116
|
+
};
|
|
113
117
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
114
118
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
115
|
-
style:
|
|
119
|
+
style: getStyle(name),
|
|
116
120
|
children: /*#__PURE__*/jsxRuntime.jsx(Draw, {})
|
|
117
121
|
})
|
|
118
122
|
});
|
|
119
123
|
}
|
|
124
|
+
var styles = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
125
|
+
child: {
|
|
126
|
+
width: '100%'
|
|
127
|
+
},
|
|
128
|
+
inner: {
|
|
129
|
+
width: '100%'
|
|
130
|
+
}
|
|
131
|
+
});
|
|
120
132
|
|
|
121
133
|
function ElGridColumn(props) {
|
|
122
134
|
var _props$column;
|
|
@@ -420,12 +432,12 @@ function Icon(props) {
|
|
|
420
432
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
421
433
|
onPress: handlePress,
|
|
422
434
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
423
|
-
style: styles.link,
|
|
435
|
+
style: styles$1.link,
|
|
424
436
|
children: "Clique aqui para acessar o React Native"
|
|
425
437
|
})
|
|
426
438
|
});
|
|
427
439
|
}
|
|
428
|
-
var styles = {
|
|
440
|
+
var styles$1 = {
|
|
429
441
|
link: {}
|
|
430
442
|
};
|
|
431
443
|
|
|
@@ -696,12 +708,12 @@ function AutoComplete(props) {
|
|
|
696
708
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
697
709
|
onPress: handlePress,
|
|
698
710
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
699
|
-
style: styles$
|
|
711
|
+
style: styles$2.link,
|
|
700
712
|
children: "Clique aqui para acessar o React Native"
|
|
701
713
|
})
|
|
702
714
|
});
|
|
703
715
|
}
|
|
704
|
-
var styles$
|
|
716
|
+
var styles$2 = {
|
|
705
717
|
link: {}
|
|
706
718
|
};
|
|
707
719
|
|
|
@@ -772,12 +784,12 @@ function Link(props) {
|
|
|
772
784
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
773
785
|
onPress: handlePress,
|
|
774
786
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
775
|
-
style: styles$
|
|
787
|
+
style: styles$3.link,
|
|
776
788
|
children: "Clique aqui para acessar o React Native"
|
|
777
789
|
})
|
|
778
790
|
});
|
|
779
791
|
}
|
|
780
|
-
var styles$
|
|
792
|
+
var styles$3 = {
|
|
781
793
|
link: {}
|
|
782
794
|
};
|
|
783
795
|
|
|
@@ -855,12 +867,12 @@ function Select(props) {
|
|
|
855
867
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
856
868
|
onPress: handlePress,
|
|
857
869
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
858
|
-
style: styles$
|
|
870
|
+
style: styles$4.link,
|
|
859
871
|
children: "Clique aqui para acessar o React Native"
|
|
860
872
|
})
|
|
861
873
|
});
|
|
862
874
|
}
|
|
863
|
-
var styles$
|
|
875
|
+
var styles$4 = {
|
|
864
876
|
link: {}
|
|
865
877
|
};
|
|
866
878
|
|
|
@@ -871,12 +883,12 @@ function Switch(props) {
|
|
|
871
883
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
872
884
|
onPress: handlePress,
|
|
873
885
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
874
|
-
style: styles$
|
|
886
|
+
style: styles$5.link,
|
|
875
887
|
children: "Clique aqui para acessar o React Native"
|
|
876
888
|
})
|
|
877
889
|
});
|
|
878
890
|
}
|
|
879
|
-
var styles$
|
|
891
|
+
var styles$5 = {
|
|
880
892
|
link: {}
|
|
881
893
|
};
|
|
882
894
|
|
|
@@ -887,12 +899,12 @@ function Option(props) {
|
|
|
887
899
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
888
900
|
onPress: handlePress,
|
|
889
901
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
890
|
-
style: styles$
|
|
902
|
+
style: styles$6.link,
|
|
891
903
|
children: "Clique aqui para acessar o React Native"
|
|
892
904
|
})
|
|
893
905
|
});
|
|
894
906
|
}
|
|
895
|
-
var styles$
|
|
907
|
+
var styles$6 = {
|
|
896
908
|
link: {}
|
|
897
909
|
};
|
|
898
910
|
|
|
@@ -903,12 +915,12 @@ function Radio(props) {
|
|
|
903
915
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
904
916
|
onPress: handlePress,
|
|
905
917
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
906
|
-
style: styles$
|
|
918
|
+
style: styles$7.link,
|
|
907
919
|
children: "Clique aqui para acessar o React Native"
|
|
908
920
|
})
|
|
909
921
|
});
|
|
910
922
|
}
|
|
911
|
-
var styles$
|
|
923
|
+
var styles$7 = {
|
|
912
924
|
link: {}
|
|
913
925
|
};
|
|
914
926
|
|
|
@@ -925,13 +937,13 @@ function Input(props) {
|
|
|
925
937
|
setValue(v);
|
|
926
938
|
};
|
|
927
939
|
return /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, {
|
|
928
|
-
style: styles$
|
|
940
|
+
style: styles$8.input,
|
|
929
941
|
onChangeText: onChange,
|
|
930
942
|
value: value,
|
|
931
943
|
placeholder: placeholder
|
|
932
944
|
});
|
|
933
945
|
}
|
|
934
|
-
var styles$
|
|
946
|
+
var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
935
947
|
input: {
|
|
936
948
|
borderRadius: 20,
|
|
937
949
|
padding: 10,
|
|
@@ -1040,7 +1052,12 @@ function UIElement(props) {
|
|
|
1040
1052
|
}
|
|
1041
1053
|
var getStyle = function getStyle(part) {
|
|
1042
1054
|
var key = reactCrudUtils.Utils.nvl(part, 'root');
|
|
1043
|
-
var def = styles$
|
|
1055
|
+
var def = styles$9[key];
|
|
1056
|
+
if (!part && !hasChildren()) {
|
|
1057
|
+
def = _extends({}, def, {
|
|
1058
|
+
flex: 1
|
|
1059
|
+
});
|
|
1060
|
+
}
|
|
1044
1061
|
return _extends({}, def, scope.getStyle(part));
|
|
1045
1062
|
};
|
|
1046
1063
|
var elStyle = getStyle('element');
|
|
@@ -1222,9 +1239,8 @@ function UIElement(props) {
|
|
|
1222
1239
|
})
|
|
1223
1240
|
});
|
|
1224
1241
|
}
|
|
1225
|
-
var styles$
|
|
1242
|
+
var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
1226
1243
|
root: {
|
|
1227
|
-
flex: 1,
|
|
1228
1244
|
gap: 10,
|
|
1229
1245
|
flexDirection: 'column',
|
|
1230
1246
|
flexWrap: 'wrap',
|