react-crud-mobile 1.3.73 → 1.3.74

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

@@ -1515,27 +1515,13 @@ var styles$8 = /*#__PURE__*/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 = Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
   var headerTextStyle = Utils.nvl((_theme$styles2 = theme.styles) == null || (_theme$styles2 = _theme$styles2.defaults) == null ? void 0 : _theme$styles2.headerText, {});
-  var scrollRef = useRef(null);
-  var original = scope.original;
-  useEffect(function () {
-    MobileUtils.syncTheme();
-  }, []);
-  var onScroll = function onScroll() {
-    var crud = ViewUtils.getCrud();
-    Utils.each(crud.scroll, function (s) {
-      if (s.onScroll) {
-        s.onScroll.call(s);
-      }
-    });
-  };
   var headerStyleFull = Utils.call(function () {
     var css = scope.getStyle('header', headerStyle);
     var bg = css.backgroundColor;
@@ -1556,6 +1542,30 @@ function UIView(_ref) {
       children: header
     });
   };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: hasHeader && /*#__PURE__*/jsx(View, {
+      style: headerStyleFull,
+      children: /*#__PURE__*/jsx(AuxHeader, {})
+    })
+  });
+}
+
+function UIView(_ref) {
+  var scope = _ref.scope,
+    children = _ref.children;
+  var scrollRef = useRef(null);
+  var original = scope.original;
+  useEffect(function () {
+    MobileUtils.syncTheme();
+  }, []);
+  var onScroll = function onScroll() {
+    var crud = ViewUtils.getCrud();
+    Utils.each(crud.scroll, function (s) {
+      if (s.onScroll) {
+        s.onScroll.call(s);
+      }
+    });
+  };
   scope.put('scrollRef', scrollRef);
   ComponentUtils.setViewScope(scope);
   var Container = function Container() {
@@ -1585,9 +1595,8 @@ function UIView(_ref) {
     });
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [hasHeader && /*#__PURE__*/jsx(View, {
-      style: headerStyleFull,
-      children: /*#__PURE__*/jsx(AuxHeader, {})
+    children: [/*#__PURE__*/jsx(UIHeader, {
+      scope: scope
     }), /*#__PURE__*/jsx(Container, {}), /*#__PURE__*/jsx(UIToast, {})]
   });
 }
@@ -1657,14 +1666,16 @@ function UIOrder(props) {
   var _useState = useState(items),
     data = _useState[0],
     setData = _useState[1];
-  return /*#__PURE__*/jsx(GestureHandlerRootView, {
+  return /*#__PURE__*/jsxs(GestureHandlerRootView, {
     style: _extends({
       flex: 1,
       width: '100%'
     }, scope.getStyle('order', {
       justifyContent: 'flex-start'
     })),
-    children: /*#__PURE__*/jsx(DraggableFlatList, {
+    children: [/*#__PURE__*/jsx(UIHeader, {
+      scope: scope
+    }), /*#__PURE__*/jsx(DraggableFlatList, {
       data: data,
       renderItem: renderItem,
       keyExtractor: function keyExtractor(item) {
@@ -1675,7 +1686,7 @@ function UIOrder(props) {
         setData(data);
         scope.changeValue(data);
       }
-    })
+    })]
   });
 }
 var styles$a = /*#__PURE__*/StyleSheet.create({