react-crud-mobile 1.3.45 → 1.3.47

package/dist/react-crud-mobile.esm.js

@@ -1,6 +1,6 @@
-import React, { useState, useEffect, useRef, useContext, useLayoutEffect, createContext } from 'react';
+import React, { useState, useRef, useEffect, useContext, useLayoutEffect, createContext } from 'react';
 import { Utils, ScopeUtils, CrudUtils, ComponentUtils, ViewUtils, HtmlUtils, ThemeUtils, useTheme } from 'react-crud-utils';
-import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, SafeAreaView, Switch, TextInput, Platform, Dimensions, ScrollView, Alert, Image, StatusBar, KeyboardAvoidingView, TouchableWithoutFeedback, Keyboard } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, SafeAreaView, ScrollView, Switch, TextInput, Platform, Dimensions, Alert, Image, StatusBar, KeyboardAvoidingView, TouchableWithoutFeedback, Keyboard } from 'react-native';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Ionicons from '@expo/vector-icons/Ionicons';
 import { Ionicons as Ionicons$1, AntDesign, Entypo, EvilIcons, MaterialCommunityIcons } from '@expo/vector-icons';
@@ -496,7 +496,7 @@ var MobileUtils = /*#__PURE__*/function () {
 }();
 
 function UISelect(props) {
-  var _theme$styles, _theme$colors, _scope$original, _scope$original2;
+  var _theme$styles, _theme$colors, _scope$original, _scope$original2, _scope$original3, _scope$original4;
   var _useState = useState(false),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
@@ -510,6 +510,7 @@ function UISelect(props) {
   var handlePress = function handlePress() {
     setModalVisible(!modalVisible);
   };
+  var scrollRef = useRef(null);
   var iconColor = Utils.nvl((_theme$colors = theme.colors) == null ? void 0 : _theme$colors.text, '#100e0e');
   var modalColor = Utils.nvl(headerStyle.color, 'white');
   var defaults = {
@@ -561,6 +562,53 @@ function UISelect(props) {
       },
       children: [/*#__PURE__*/jsx(SafeAreaView, {
         style: style('modalTop')
+      }), /*#__PURE__*/jsxs(SafeAreaView, {
+        style: style('modalSafe'),
+        children: [/*#__PURE__*/jsxs(View, {
+          style: scope.getStyle('header', headerStyle),
+          children: [/*#__PURE__*/jsx(TouchableOpacity, {
+            onPress: handlePress,
+            style: style('modalCloseButton'),
+            children: /*#__PURE__*/jsx(Ionicons$1, {
+              name: "close",
+              size: 24,
+              color: modalColor,
+              style: style('modalCloseText', defaults)
+            })
+          }), /*#__PURE__*/jsx(Text, {
+            style: style('modalTitle', defaults),
+            children: placeholder
+          })]
+        }), /*#__PURE__*/jsx(ScrollView, {
+          contentContainerStyle: {
+            flexGrow: 1,
+            paddingBottom: 50
+          },
+          style: style('modalContent'),
+          nestedScrollEnabled: true,
+          ref: scrollRef,
+          children: /*#__PURE__*/jsx(View, {
+            style: {
+              flex: 1
+            },
+            children: /*#__PURE__*/jsx(UI.List, _extends({
+              data: items,
+              name: scope.getName('list'),
+              layout: "card",
+              click: onClick,
+              rowStyle: _extends({
+                paddingLeft: 15,
+                paddinRight: 15
+              }, (_scope$original = scope.original) == null ? void 0 : _scope$original.rowStyle)
+            }, (_scope$original2 = scope.original) == null ? void 0 : _scope$original2.listProps, {
+              children: /*#__PURE__*/jsx(UI.Value, {
+                value: "#{@this.label}"
+              })
+            }))
+          })
+        })]
+      }), /*#__PURE__*/jsx(SafeAreaView, {
+        style: style('modalTop')
       }), /*#__PURE__*/jsxs(SafeAreaView, {
         style: style('modalSafe'),
         children: [/*#__PURE__*/jsxs(View, {
@@ -590,8 +638,8 @@ function UISelect(props) {
             rowStyle: _extends({
               paddingLeft: 15,
               paddinRight: 15
-            }, (_scope$original = scope.original) == null ? void 0 : _scope$original.rowStyle)
-          }, (_scope$original2 = scope.original) == null ? void 0 : _scope$original2.listProps, {
+            }, (_scope$original3 = scope.original) == null ? void 0 : _scope$original3.rowStyle)
+          }, (_scope$original4 = scope.original) == null ? void 0 : _scope$original4.listProps, {
             children: /*#__PURE__*/jsx(UI.Value, {
               value: "#{@this.label}"
             })
@@ -1403,9 +1451,6 @@ function UIModal(props) {
     }
     scope.update();
   };
-  useEffect(function () {
-    MobileUtils.syncTheme();
-  }, [modalVisible]);
   var curr = scope.currentDialog;
   if (!curr) {
     return /*#__PURE__*/jsx(Fragment, {});