react-crud-mobile 1.0.684 → 1.0.686

package/dist/react-crud-mobile.cjs.development.js

@@ -1108,7 +1108,7 @@ function UIQuantity(props) {
 }
 
 function UIModal(props) {
-  var _main$dialog2;
+  var _theme$styles, _main$dialog2;
   var _useState = React.useState(false),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
@@ -1119,6 +1119,7 @@ function UIModal(props) {
   var scope = props.scope;
   var label = scope.getLabel();
   var theme = reactCrudUtils.useTheme();
+  var headerStyle = reactCrudUtils.Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
   var style = function style(part, extra) {
     var st = _extends({}, styles$8[part], extra);
     return _extends({}, scope.getStyle(part, st));
@@ -1195,7 +1196,7 @@ function UIModal(props) {
     children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
       style: style('modalSafe'),
       children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
-        style: style('modalHeader'),
+        style: scope.getStyle('header', headerStyle),
         children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
           onPress: onClose,
           style: style('modalCloseButton'),
@@ -1237,16 +1238,6 @@ var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
     backgroundColor: 'primary',
     width: '100%'
   },
-  modalHeader: {
-    height: 58,
-    flexWrap: 'nowrap',
-    flexDirection: 'row',
-    alignContent: 'center',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    padding: 15,
-    backgroundColor: 'primary'
-  },
   modalCloseButton: {
     padding: 10
   },
@@ -1268,10 +1259,12 @@ var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
 });
 
 function UIView(_ref) {
+  var _theme$styles;
   var scope = _ref.scope,
     children = _ref.children;
   var theme = reactCrudUtils.useTheme();
   var header = scope.getPart('header', null, []);
+  var headerStyle = reactCrudUtils.Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
   React.useEffect(function () {
     reactNative.StatusBar.setBarStyle('light-content');
     reactNative.StatusBar.setBackgroundColor == null || reactNative.StatusBar.setBackgroundColor(theme.colors.primary);
@@ -1287,15 +1280,7 @@ function UIView(_ref) {
   var hasHeader = !reactCrudUtils.Utils.isEmpty(header);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [hasHeader && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      style: {
-        padding: 20,
-        height: 58,
-        flexWrap: 'nowrap',
-        flexDirection: 'row',
-        alignContent: 'center',
-        justifyContent: 'flex-start',
-        alignItems: 'center'
-      },
+      style: scope.getStyle('header', headerStyle),
       children: header
     }), /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
       style: scope.getStyle('container', styles$9.container),