react-crud-mobile 1.3.73 → 1.3.75

package/dist/elements/core/UIHeader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ChildType } from 'react-crud-utils';
+export default function UIHeader({ scope }: ChildType): import("react").JSX.Element;

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

@@ -492,20 +492,6 @@ function UIButton(props) {
   });
 }
 
-//import { ThemeUtils, Utils } from 'react-crud-utils';
-//import { StatusBar } from 'react-native';
-var MobileUtils = /*#__PURE__*/function () {
-  function MobileUtils() {}
-  MobileUtils.syncTheme = function syncTheme() {
-    // let current = ThemeUtils.getCurrentTheme();
-    //let dec: any = { light: 'light-content', dark: 'dark-content' };
-    //let name = Utils.nvl(dec[current?.theme], dec.light);
-    //StatusBar.setBarStyle?.(name);
-    //StatusBar.setBackgroundColor?.(current?.colors?.theme);
-  };
-  return MobileUtils;
-}();
-
 function UISelect(props) {
   var _theme$styles, _theme$colors, _scope$original, _scope$original2;
   var _useState = React.useState(false),
@@ -547,9 +533,6 @@ function UISelect(props) {
     return modalVisible;
   };
   //v4
-  React.useEffect(function () {
-    MobileUtils.syncTheme();
-  }, [modalVisible]);
   return /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
     style: style('selectRoot'),
     children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.TouchableOpacity, {
@@ -1524,27 +1507,13 @@ var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
   }
 });
 
-function UIView(_ref) {
+function UIHeader(_ref) {
   var _theme$styles, _theme$styles2;
-  var scope = _ref.scope,
-    children = _ref.children;
+  var scope = _ref.scope;
   var theme = scope.getTheme();
   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, {});
   var headerTextStyle = reactCrudUtils.Utils.nvl((_theme$styles2 = theme.styles) == null || (_theme$styles2 = _theme$styles2.defaults) == null ? void 0 : _theme$styles2.headerText, {});
-  var scrollRef = React.useRef(null);
-  var original = scope.original;
-  React.useEffect(function () {
-    MobileUtils.syncTheme();
-  }, []);
-  var onScroll = function onScroll() {
-    var crud = reactCrudUtils.ViewUtils.getCrud();
-    reactCrudUtils.Utils.each(crud.scroll, function (s) {
-      if (s.onScroll) {
-        s.onScroll.call(s);
-      }
-    });
-  };
   var headerStyleFull = reactCrudUtils.Utils.call(function () {
     var css = scope.getStyle('header', headerStyle);
     var bg = css.backgroundColor;
@@ -1565,6 +1534,27 @@ function UIView(_ref) {
       children: header
     });
   };
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: hasHeader && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+      style: headerStyleFull,
+      children: /*#__PURE__*/jsxRuntime.jsx(AuxHeader, {})
+    })
+  });
+}
+
+function UIView(_ref) {
+  var scope = _ref.scope,
+    children = _ref.children;
+  var scrollRef = React.useRef(null);
+  var original = scope.original;
+  var onScroll = function onScroll() {
+    var crud = reactCrudUtils.ViewUtils.getCrud();
+    reactCrudUtils.Utils.each(crud.scroll, function (s) {
+      if (s.onScroll) {
+        s.onScroll.call(s);
+      }
+    });
+  };
   scope.put('scrollRef', scrollRef);
   reactCrudUtils.ComponentUtils.setViewScope(scope);
   var Container = function Container() {
@@ -1594,9 +1584,8 @@ function UIView(_ref) {
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [hasHeader && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      style: headerStyleFull,
-      children: /*#__PURE__*/jsxRuntime.jsx(AuxHeader, {})
+    children: [/*#__PURE__*/jsxRuntime.jsx(UIHeader, {
+      scope: scope
     }), /*#__PURE__*/jsxRuntime.jsx(Container, {}), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
   });
 }
@@ -1666,14 +1655,16 @@ function UIOrder(props) {
   var _useState = React.useState(items),
     data = _useState[0],
     setData = _useState[1];
-  return /*#__PURE__*/jsxRuntime.jsx(reactNativeGestureHandler.GestureHandlerRootView, {
+  return /*#__PURE__*/jsxRuntime.jsxs(reactNativeGestureHandler.GestureHandlerRootView, {
     style: _extends({
       flex: 1,
       width: '100%'
     }, scope.getStyle('order', {
       justifyContent: 'flex-start'
     })),
-    children: /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList__default, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(UIHeader, {
+      scope: scope
+    }), /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList__default, {
       data: data,
       renderItem: renderItem,
       keyExtractor: function keyExtractor(item) {
@@ -1684,7 +1675,7 @@ function UIOrder(props) {
         setData(data);
         scope.changeValue(data);
       }
-    })
+    })]
   });
 }
 var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({