react-crud-mobile 1.0.884 → 1.0.886

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

@@ -653,6 +653,19 @@ function UISlider(props) {
   var step = scope.attr('step', 1);
   var min = scope.attr('min', 0);
   var max = scope.attr('min', 100);
+  var onSlideScroll = function onSlideScroll(scrollEnabled) {
+    var viewScope = reactCrudUtils.ComponentUtils.getViewScope();
+    if (scope.original.debug) {
+      console.log(viewScope);
+    }
+    if (viewScope) {
+      var _scrollRef$current;
+      var scrollRef = viewScope.get('scrollRef');
+      if (scrollRef) (_scrollRef$current = scrollRef.current) == null || _scrollRef$current.setNativeProps({
+        scrollEnabled: scrollEnabled
+      });
+    }
+  };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsx(Slider, {
       minimumValue: min,
@@ -662,6 +675,12 @@ function UISlider(props) {
       maximumTrackTintColor: "#d3d3d3",
       thumbTintColor: "#1EB1FC",
       value: value,
+      onSlidingStart: function onSlidingStart() {
+        return onSlideScroll(false);
+      },
+      onSlidingComplete: function onSlidingComplete() {
+        return onSlideScroll(true);
+      },
       style: _extends({
         width: '100%',
         height: 40
@@ -1296,6 +1315,7 @@ function UIModal(props) {
   var label = scope.getLabel();
   var theme = scope.getTheme();
   var headerStyle = reactCrudUtils.Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
+  var scrollRef = React.useRef(null);
   var style = function style(part, extra) {
     var st = _extends({}, styles$8[part], extra);
     return _extends({}, scope.getStyle(part, st));
@@ -1366,6 +1386,8 @@ function UIModal(props) {
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
   }
   var headerRight = reactCrudUtils.ComponentUtils.getDefine(props, 'header', 'right');
+  scope.put('scrollRef', scrollRef);
+  reactCrudUtils.ComponentUtils.setViewScope(scope);
   return /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
     animationType: "slide",
     transparent: true,
@@ -1401,6 +1423,7 @@ function UIModal(props) {
           paddingBottom: 50
         },
         style: style('modalContent'),
+        ref: scrollRef,
         children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
           style: {
             flex: 1
@@ -1454,6 +1477,7 @@ function UIView(_ref) {
   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);
   React.useEffect(function () {
     reactNative.StatusBar.setBarStyle('light-content');
     reactNative.StatusBar.setBackgroundColor == null || reactNative.StatusBar.setBackgroundColor(theme.colors.primary);
@@ -1479,6 +1503,8 @@ function UIView(_ref) {
       children: header
     });
   };
+  scope.put('scrollRef', scrollRef);
+  reactCrudUtils.ComponentUtils.setViewScope(scope);
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [hasHeader && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
       style: headerStyleFull,
@@ -1488,6 +1514,7 @@ function UIView(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
         onScroll: onScroll,
         scrollEventThrottle: 16,
+        ref: scrollRef,
         keyboardShouldPersistTaps: "handled",
         contentContainerStyle: scope.getStyle('contentContainer', {
           paddingBottom: 50