react-crud-mobile 1.3.145 → 1.3.147

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-crud-mobile",
-  "version": "1.3.145",
+  "version": "1.3.147",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",

package/src/elements/UI.tsx

@@ -16,6 +16,7 @@ import UIElement from './UIElement';
 
 import UIInclude from './core/UIInclude';
 import SafeView from './core/SafeView';
+import GestureView from './core/GestureView';
 
 const UI = {
   Order: (props: ListType) => <UIElement {...props} type="order" />,
@@ -70,5 +71,6 @@ const UI = {
   Quantity: (props: ListInputType) => <UIElement {...props} type="quantity" />,
   Slider: (props: SliderType) => <UIElement {...props} type="slider" />,
   SafeView: SafeView,
+  GestureView: GestureView,
 };
 export default UI;

package/src/elements/core/GestureView.tsx

@@ -0,0 +1,16 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+
+interface SafeViewType {
+  safeStyle?: StyleProp<ViewStyle> | any;
+  viewStyle?: StyleProp<ViewStyle> | any;
+  children?: any;
+}
+
+export default function GestureView(props: SafeViewType) {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      {props.children}
+    </GestureHandlerRootView>
+  );
+}

package/src/elements/core/UIModal.tsx

@@ -34,7 +34,7 @@ export default function UIModal({
 }: UIModalType) {
   let [modalVisible, setModalVisible] = useState(open === true);
   let [index, setIndex] = useState(0);
-  //v8
+  //v6
 
   const label = scope.getLabel();
   const theme = scope.getTheme();
@@ -100,8 +100,6 @@ export default function UIModal({
     let disableScroll = scope.getPart('disableScroll', false);
     let disableContent = scope.getPart('disableContent', false);
 
-    console.log(scope.original);
-
     if (disableContent) {
       return <>{children}</>;
     }
@@ -125,8 +123,24 @@ export default function UIModal({
     );
   };
 
+  const ModalView = ({ children }) => {
+    const original = scope.original;
+
+    if (original.gesture) {
+      return (
+        <GestureHandlerRootView
+          style={{
+            flex: 1,
+          }}
+        >
+          {children}
+        </GestureHandlerRootView>
+      );
+    }
+    return <>{children}</>;
+  };
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
+    <ModalView>
       <Modal
         key={key}
         animationType="slide"
@@ -172,7 +186,7 @@ export default function UIModal({
         </SafeAreaView>
         <UIToast />
       </Modal>
-    </GestureHandlerRootView>
+    </ModalView>
   );
 }
 

package/src/elements/core/UIOrder.tsx

@@ -1,10 +1,12 @@
 import React, { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { StyleSheet, Text, TouchableOpacity } from 'react-native';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
+import { ChildType, ComponentUtils, ScopeUtils, Utils } from 'react-crud-utils';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import UI from '../UI';
+import { Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';
 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) {
@@ -84,9 +86,25 @@ export default function UIOrder(props: ChildType) {
   };
 
   const [data, setData] = useState(items);
+  const OrderView = ({ children }) => {
+    if (original.gesture !== false) {
+      return (
+        <GestureHandlerRootView
+          style={{
+            flex: 1,
+            width: '100%',
+            ...scope.getStyle('order', { justifyContent: 'flex-start' }),
+          }}
+        >
+          {children}
+        </GestureHandlerRootView>
+      );
+    }
+    return <>{children}</>;
+  };
 
   return (
-    <>
+    <OrderView>
       <UIHeader scope={scope} />
       <DraggableFlatList
         data={data}
@@ -104,7 +122,7 @@ export default function UIOrder(props: ChildType) {
           scope.changeValue(data);
         }}
       />
-    </>
+    </OrderView>
   );
 }