react-crud-mobile 1.3.72 → 1.3.74

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

@@ -1524,27 +1524,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 +1551,30 @@ 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;
+  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);
+      }
+    });
+  };
   scope.put('scrollRef', scrollRef);
   reactCrudUtils.ComponentUtils.setViewScope(scope);
   var Container = function Container() {
@@ -1574,30 +1584,29 @@ function UIView(_ref) {
         children: children
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
-      onScroll: onScroll,
-      scrollEventThrottle: 16,
-      ref: scrollRef,
-      nestedScrollEnabled: true,
-      keyboardShouldPersistTaps: "handled",
-      contentContainerStyle: scope.getStyle('contentContainer', {
-        paddingBottom: 50
-      }),
-      style: scope.getStyle('scroll', styles$9.scroll),
-      children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-        scope: scope,
-        children: children
+    return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+      style: scope.getStyle('container', styles$9.container),
+      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
+        onScroll: onScroll,
+        scrollEventThrottle: 16,
+        ref: scrollRef,
+        nestedScrollEnabled: true,
+        keyboardShouldPersistTaps: "handled",
+        contentContainerStyle: scope.getStyle('contentContainer', {
+          paddingBottom: 50
+        }),
+        style: scope.getStyle('scroll', styles$9.scroll),
+        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+          scope: scope,
+          children: children
+        })
       })
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [hasHeader && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      style: headerStyleFull,
-      children: /*#__PURE__*/jsxRuntime.jsx(AuxHeader, {})
-    }), /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      style: scope.getStyle('container', styles$9.container),
-      children: /*#__PURE__*/jsxRuntime.jsx(Container, {})
-    }), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
+    children: [/*#__PURE__*/jsxRuntime.jsx(UIHeader, {
+      scope: scope
+    }), /*#__PURE__*/jsxRuntime.jsx(Container, {}), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
   });
 }
 var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
@@ -1666,14 +1675,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 +1695,7 @@ function UIOrder(props) {
         setData(data);
         scope.changeValue(data);
       }
-    })
+    })]
   });
 }
 var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({