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
|
@@ -504,7 +504,7 @@ var MobileUtils = /*#__PURE__*/function () {
|
|
|
504
504
|
}();
|
|
505
505
|
|
|
506
506
|
function UISelect(props) {
|
|
507
|
-
var _theme$styles, _theme$colors, _scope$original, _scope$original2
|
|
507
|
+
var _theme$styles, _theme$colors, _scope$original, _scope$original2;
|
|
508
508
|
var _useState = React.useState(false),
|
|
509
509
|
modalVisible = _useState[0],
|
|
510
510
|
setModalVisible = _useState[1];
|
|
@@ -597,7 +597,11 @@ function UISelect(props) {
|
|
|
597
597
|
ref: scrollRef,
|
|
598
598
|
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
599
599
|
style: {
|
|
600
|
-
flex: 1
|
|
600
|
+
flex: 1,
|
|
601
|
+
paddingLeft: 15,
|
|
602
|
+
paddingRight: 15,
|
|
603
|
+
paddingTop: 10,
|
|
604
|
+
paddingBottom: 10
|
|
601
605
|
},
|
|
602
606
|
children: /*#__PURE__*/jsxRuntime.jsx(UI.List, _extends({
|
|
603
607
|
data: items,
|
|
@@ -615,44 +619,6 @@ function UISelect(props) {
|
|
|
615
619
|
}))
|
|
616
620
|
})
|
|
617
621
|
})]
|
|
618
|
-
}), /*#__PURE__*/jsxRuntime.jsx(reactNative.SafeAreaView, {
|
|
619
|
-
style: style('modalTop')
|
|
620
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
|
|
621
|
-
style: style('modalSafe'),
|
|
622
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
|
|
623
|
-
style: scope.getStyle('header', headerStyle),
|
|
624
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
|
|
625
|
-
onPress: function onPress() {
|
|
626
|
-
return setModalVisible(false);
|
|
627
|
-
},
|
|
628
|
-
style: style('modalCloseButton'),
|
|
629
|
-
children: /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
|
|
630
|
-
name: "close",
|
|
631
|
-
size: 24,
|
|
632
|
-
color: modalColor,
|
|
633
|
-
style: style('modalCloseText', defaults)
|
|
634
|
-
})
|
|
635
|
-
}), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
|
|
636
|
-
style: style('modalTitle'),
|
|
637
|
-
children: placeholder
|
|
638
|
-
})]
|
|
639
|
-
}), /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
640
|
-
style: style('modalContent'),
|
|
641
|
-
children: /*#__PURE__*/jsxRuntime.jsx(UI.List, _extends({
|
|
642
|
-
data: items,
|
|
643
|
-
name: scope.getName('list'),
|
|
644
|
-
layout: "card",
|
|
645
|
-
click: onClick,
|
|
646
|
-
rowStyle: _extends({
|
|
647
|
-
paddingLeft: 15,
|
|
648
|
-
paddinRight: 15
|
|
649
|
-
}, (_scope$original3 = scope.original) == null ? void 0 : _scope$original3.rowStyle)
|
|
650
|
-
}, (_scope$original4 = scope.original) == null ? void 0 : _scope$original4.listProps, {
|
|
651
|
-
children: /*#__PURE__*/jsxRuntime.jsx(UI.Value, {
|
|
652
|
-
value: "#{@this.label}"
|
|
653
|
-
})
|
|
654
|
-
}))
|
|
655
|
-
})]
|
|
656
622
|
})]
|
|
657
623
|
})]
|
|
658
624
|
}, scope.getName(scope.getPart('modal') + "_" + modalVisible));
|
|
@@ -696,11 +662,7 @@ var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
|
696
662
|
},
|
|
697
663
|
modalContent: {
|
|
698
664
|
flex: 1,
|
|
699
|
-
backgroundColor: 'background'
|
|
700
|
-
paddingTop: 10,
|
|
701
|
-
paddingBottom: 10,
|
|
702
|
-
paddingLeft: 15,
|
|
703
|
-
paddingRight: 15
|
|
665
|
+
backgroundColor: 'background'
|
|
704
666
|
}
|
|
705
667
|
});
|
|
706
668
|
|
|
@@ -1467,6 +1429,7 @@ function UIModal(props) {
|
|
|
1467
1429
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
1468
1430
|
}
|
|
1469
1431
|
var headerRight = reactCrudUtils.ComponentUtils.getDefine(props, 'header', 'right');
|
|
1432
|
+
var bottom = reactCrudUtils.ComponentUtils.getDefine(props, 'bottom');
|
|
1470
1433
|
scope.put('scrollRef', scrollRef);
|
|
1471
1434
|
reactCrudUtils.ComponentUtils.setViewScope(scope);
|
|
1472
1435
|
var color = reactCrudUtils.Utils.nvl(headerStyle.color, 'white');
|
|
@@ -1503,7 +1466,7 @@ function UIModal(props) {
|
|
|
1503
1466
|
"transient": true,
|
|
1504
1467
|
children: headerRight
|
|
1505
1468
|
})]
|
|
1506
|
-
}), /*#__PURE__*/jsxRuntime.
|
|
1469
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(reactNative.ScrollView, {
|
|
1507
1470
|
contentContainerStyle: {
|
|
1508
1471
|
flexGrow: 1,
|
|
1509
1472
|
paddingBottom: 50
|
|
@@ -1511,16 +1474,20 @@ function UIModal(props) {
|
|
|
1511
1474
|
style: style('modalContent'),
|
|
1512
1475
|
nestedScrollEnabled: true,
|
|
1513
1476
|
ref: scrollRef,
|
|
1514
|
-
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
1477
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
1515
1478
|
style: {
|
|
1516
|
-
flex: 1
|
|
1479
|
+
flex: 1,
|
|
1480
|
+
paddingLeft: 15,
|
|
1481
|
+
paddingRight: 15,
|
|
1482
|
+
paddingTop: 10,
|
|
1483
|
+
paddingBottom: 10
|
|
1517
1484
|
},
|
|
1518
1485
|
children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
|
|
1519
1486
|
scope: scope,
|
|
1520
1487
|
crud: scope.currentDialog,
|
|
1521
1488
|
children: props.children
|
|
1522
1489
|
})
|
|
1523
|
-
})
|
|
1490
|
+
}), bottom]
|
|
1524
1491
|
})]
|
|
1525
1492
|
}), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
|
|
1526
1493
|
}, key);
|
|
@@ -1549,11 +1516,7 @@ var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
|
1549
1516
|
},
|
|
1550
1517
|
modalContent: {
|
|
1551
1518
|
flex: 1,
|
|
1552
|
-
backgroundColor: 'background'
|
|
1553
|
-
paddingTop: 10,
|
|
1554
|
-
paddingBottom: 10,
|
|
1555
|
-
paddingLeft: 15,
|
|
1556
|
-
paddingRight: 15
|
|
1519
|
+
backgroundColor: 'background'
|
|
1557
1520
|
}
|
|
1558
1521
|
});
|
|
1559
1522
|
|