react-crud-mobile 1.3.73 → 1.3.75

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.73",
+  "version": "1.3.75",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",

package/src/elements/core/UIHeader.tsx

@@ -0,0 +1,38 @@
+import { Text, View } from 'react-native';
+
+import { ChildType, HtmlUtils, Utils } from 'react-crud-utils';
+
+export default function UIHeader({ scope }: ChildType) {
+  const theme = scope.getTheme();
+  const header = scope.getPart('header', null, []);
+  const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
+  const headerTextStyle = Utils.nvl(theme.styles?.defaults?.headerText, {});
+
+  let headerStyleFull = Utils.call(() => {
+    let css = scope.getStyle('header', headerStyle);
+    let bg = css.backgroundColor;
+
+    if (bg) {
+      css.color = HtmlUtils.getTextColor(bg);
+    }
+    return css;
+  });
+
+  let hasHeader = !Utils.isEmpty(header);
+  let AuxHeader = () => {
+    if (typeof header === 'string') {
+      return <Text style={headerTextStyle}>{header}</Text>;
+    }
+    return <>{header}</>;
+  };
+
+  return (
+    <>
+      {hasHeader && (
+        <View style={headerStyleFull}>
+          <AuxHeader />
+        </View>
+      )}
+    </>
+  );
+}

package/src/elements/core/UIOrder.tsx

@@ -7,6 +7,7 @@ import DraggableFlatList, {
   ScaleDecorator,
 } from 'react-native-draggable-flatlist';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import UIHeader from './UIHeader';
 
 export default function UIOrder(props: ChildType) {
   const scope = props.scope;
@@ -91,6 +92,7 @@ export default function UIOrder(props: ChildType) {
         ...scope.getStyle('order', { justifyContent: 'flex-start' }),
       }}
     >
+      <UIHeader scope={scope} />
       <DraggableFlatList
         data={data}
         renderItem={renderItem}

package/src/elements/core/UISelect.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { ChildType, MethodType, Utils, ViewUtils } from 'react-crud-utils';
 import {
   Text,
@@ -6,13 +6,11 @@ import {
   StyleSheet,
   Modal,
   View,
-  StatusBar,
   SafeAreaView,
   ScrollView,
 } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import UI from '../UI';
-import MobileUtils from '../../utils/MobileUtils';
 
 export default function UISelect(props: ChildType) {
   const [modalVisible, setModalVisible] = useState(false);
@@ -56,10 +54,6 @@ export default function UISelect(props: ChildType) {
   };
   //v4
 
-  useEffect(() => {
-    MobileUtils.syncTheme();
-  }, [modalVisible]);
-
   return (
     <View
       key={scope.getName(`${scope.getPart('modal')}_${modalVisible}`)}

package/src/elements/core/UIView.tsx

@@ -1,29 +1,15 @@
 import { ScrollView, StyleSheet, Text, View } from 'react-native';
 
 import UIChildren from '../UIChildren';
-import {
-  ChildType,
-  ComponentUtils,
-  HtmlUtils,
-  Utils,
-  ViewUtils,
-} from 'react-crud-utils';
-import { useEffect, useRef } from 'react';
+import { ChildType, ComponentUtils, Utils, ViewUtils } from 'react-crud-utils';
+import { useRef } from 'react';
 import UIToast from './UIToast';
-import MobileUtils from '../../utils/MobileUtils';
+import UIHeader from './UIHeader';
 
 export default function UIView({ scope, children }: ChildType) {
-  const theme = scope.getTheme();
-  const header = scope.getPart('header', null, []);
-  const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
-  const headerTextStyle = Utils.nvl(theme.styles?.defaults?.headerText, {});
   const scrollRef = useRef(null);
   const original = scope.original;
 
-  useEffect(() => {
-    MobileUtils.syncTheme();
-  }, []);
-
   const onScroll = () => {
     const crud = ViewUtils.getCrud();
 
@@ -34,24 +20,6 @@ export default function UIView({ scope, children }: ChildType) {
     });
   };
 
-  let headerStyleFull = Utils.call(() => {
-    let css = scope.getStyle('header', headerStyle);
-    let bg = css.backgroundColor;
-
-    if (bg) {
-      css.color = HtmlUtils.getTextColor(bg);
-    }
-    return css;
-  });
-
-  let hasHeader = !Utils.isEmpty(header);
-  let AuxHeader = () => {
-    if (typeof header === 'string') {
-      return <Text style={headerTextStyle}>{header}</Text>;
-    }
-    return <>{header}</>;
-  };
-
   scope.put('scrollRef', scrollRef);
 
   ComponentUtils.setViewScope(scope);
@@ -81,11 +49,7 @@ export default function UIView({ scope, children }: ChildType) {
   };
   return (
     <>
-      {hasHeader && (
-        <View style={headerStyleFull}>
-          <AuxHeader />
-        </View>
-      )}
+      <UIHeader scope={scope} />
       <Container />
       <UIToast /> {/* <- este componente precisa estar aqui */}
     </>