react-crud-mobile 1.3.47 → 1.3.49
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 +17 -54
- 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 +17 -54
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/core/UIModal.tsx +11 -5
- package/src/elements/core/UISelect.tsx +9 -39
|
@@ -496,7 +496,7 @@ var MobileUtils = /*#__PURE__*/function () {
|
|
|
496
496
|
}();
|
|
497
497
|
|
|
498
498
|
function UISelect(props) {
|
|
499
|
-
var _theme$styles, _theme$colors, _scope$original, _scope$original2
|
|
499
|
+
var _theme$styles, _theme$colors, _scope$original, _scope$original2;
|
|
500
500
|
var _useState = useState(false),
|
|
501
501
|
modalVisible = _useState[0],
|
|
502
502
|
setModalVisible = _useState[1];
|
|
@@ -589,7 +589,11 @@ function UISelect(props) {
|
|
|
589
589
|
ref: scrollRef,
|
|
590
590
|
children: /*#__PURE__*/jsx(View, {
|
|
591
591
|
style: {
|
|
592
|
-
flex: 1
|
|
592
|
+
flex: 1,
|
|
593
|
+
paddingLeft: 15,
|
|
594
|
+
paddingRight: 15,
|
|
595
|
+
paddingTop: 10,
|
|
596
|
+
paddingBottom: 10
|
|
593
597
|
},
|
|
594
598
|
children: /*#__PURE__*/jsx(UI.List, _extends({
|
|
595
599
|
data: items,
|
|
@@ -607,44 +611,6 @@ function UISelect(props) {
|
|
|
607
611
|
}))
|
|
608
612
|
})
|
|
609
613
|
})]
|
|
610
|
-
}), /*#__PURE__*/jsx(SafeAreaView, {
|
|
611
|
-
style: style('modalTop')
|
|
612
|
-
}), /*#__PURE__*/jsxs(SafeAreaView, {
|
|
613
|
-
style: style('modalSafe'),
|
|
614
|
-
children: [/*#__PURE__*/jsxs(View, {
|
|
615
|
-
style: scope.getStyle('header', headerStyle),
|
|
616
|
-
children: [/*#__PURE__*/jsx(TouchableOpacity, {
|
|
617
|
-
onPress: function onPress() {
|
|
618
|
-
return setModalVisible(false);
|
|
619
|
-
},
|
|
620
|
-
style: style('modalCloseButton'),
|
|
621
|
-
children: /*#__PURE__*/jsx(Ionicons$1, {
|
|
622
|
-
name: "close",
|
|
623
|
-
size: 24,
|
|
624
|
-
color: modalColor,
|
|
625
|
-
style: style('modalCloseText', defaults)
|
|
626
|
-
})
|
|
627
|
-
}), /*#__PURE__*/jsx(Text, {
|
|
628
|
-
style: style('modalTitle'),
|
|
629
|
-
children: placeholder
|
|
630
|
-
})]
|
|
631
|
-
}), /*#__PURE__*/jsx(View, {
|
|
632
|
-
style: style('modalContent'),
|
|
633
|
-
children: /*#__PURE__*/jsx(UI.List, _extends({
|
|
634
|
-
data: items,
|
|
635
|
-
name: scope.getName('list'),
|
|
636
|
-
layout: "card",
|
|
637
|
-
click: onClick,
|
|
638
|
-
rowStyle: _extends({
|
|
639
|
-
paddingLeft: 15,
|
|
640
|
-
paddinRight: 15
|
|
641
|
-
}, (_scope$original3 = scope.original) == null ? void 0 : _scope$original3.rowStyle)
|
|
642
|
-
}, (_scope$original4 = scope.original) == null ? void 0 : _scope$original4.listProps, {
|
|
643
|
-
children: /*#__PURE__*/jsx(UI.Value, {
|
|
644
|
-
value: "#{@this.label}"
|
|
645
|
-
})
|
|
646
|
-
}))
|
|
647
|
-
})]
|
|
648
614
|
})]
|
|
649
615
|
})]
|
|
650
616
|
}, scope.getName(scope.getPart('modal') + "_" + modalVisible));
|
|
@@ -688,11 +654,7 @@ var styles$3 = /*#__PURE__*/StyleSheet.create({
|
|
|
688
654
|
},
|
|
689
655
|
modalContent: {
|
|
690
656
|
flex: 1,
|
|
691
|
-
backgroundColor: 'background'
|
|
692
|
-
paddingTop: 10,
|
|
693
|
-
paddingBottom: 10,
|
|
694
|
-
paddingLeft: 15,
|
|
695
|
-
paddingRight: 15
|
|
657
|
+
backgroundColor: 'background'
|
|
696
658
|
}
|
|
697
659
|
});
|
|
698
660
|
|
|
@@ -1459,6 +1421,7 @@ function UIModal(props) {
|
|
|
1459
1421
|
return /*#__PURE__*/jsx(Fragment, {});
|
|
1460
1422
|
}
|
|
1461
1423
|
var headerRight = ComponentUtils.getDefine(props, 'header', 'right');
|
|
1424
|
+
var bottom = ComponentUtils.getDefine(props, 'bottom');
|
|
1462
1425
|
scope.put('scrollRef', scrollRef);
|
|
1463
1426
|
ComponentUtils.setViewScope(scope);
|
|
1464
1427
|
var color = Utils.nvl(headerStyle.color, 'white');
|
|
@@ -1495,7 +1458,7 @@ function UIModal(props) {
|
|
|
1495
1458
|
"transient": true,
|
|
1496
1459
|
children: headerRight
|
|
1497
1460
|
})]
|
|
1498
|
-
}), /*#__PURE__*/
|
|
1461
|
+
}), /*#__PURE__*/jsxs(ScrollView, {
|
|
1499
1462
|
contentContainerStyle: {
|
|
1500
1463
|
flexGrow: 1,
|
|
1501
1464
|
paddingBottom: 50
|
|
@@ -1503,16 +1466,20 @@ function UIModal(props) {
|
|
|
1503
1466
|
style: style('modalContent'),
|
|
1504
1467
|
nestedScrollEnabled: true,
|
|
1505
1468
|
ref: scrollRef,
|
|
1506
|
-
children: /*#__PURE__*/jsx(View, {
|
|
1469
|
+
children: [/*#__PURE__*/jsx(View, {
|
|
1507
1470
|
style: {
|
|
1508
|
-
flex: 1
|
|
1471
|
+
flex: 1,
|
|
1472
|
+
paddingLeft: 15,
|
|
1473
|
+
paddingRight: 15,
|
|
1474
|
+
paddingTop: 10,
|
|
1475
|
+
paddingBottom: 10
|
|
1509
1476
|
},
|
|
1510
1477
|
children: /*#__PURE__*/jsx(UIChildren, {
|
|
1511
1478
|
scope: scope,
|
|
1512
1479
|
crud: scope.currentDialog,
|
|
1513
1480
|
children: props.children
|
|
1514
1481
|
})
|
|
1515
|
-
})
|
|
1482
|
+
}), bottom]
|
|
1516
1483
|
})]
|
|
1517
1484
|
}), /*#__PURE__*/jsx(UIToast, {})]
|
|
1518
1485
|
}, key);
|
|
@@ -1541,11 +1508,7 @@ var styles$8 = /*#__PURE__*/StyleSheet.create({
|
|
|
1541
1508
|
},
|
|
1542
1509
|
modalContent: {
|
|
1543
1510
|
flex: 1,
|
|
1544
|
-
backgroundColor: 'background'
|
|
1545
|
-
paddingTop: 10,
|
|
1546
|
-
paddingBottom: 10,
|
|
1547
|
-
paddingLeft: 15,
|
|
1548
|
-
paddingRight: 15
|
|
1511
|
+
backgroundColor: 'background'
|
|
1549
1512
|
}
|
|
1550
1513
|
});
|
|
1551
1514
|
|