@wavemaker-ai/app-rn-runtime 12.0.2-rc.647771 → 12.1.0-rc.347

package/components/page/page-content/pull-to-refresh.component.js

@@ -0,0 +1,288 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import axios from 'axios';
+import { requireNativeViewManager, requireOptionalNativeModule } from 'expo-modules-core';
+import * as React from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import Animated, { runOnJS, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+
+// Native side lives in the expo-pull-to-refresh plugin: Android ports the drag gesture, iOS attaches a hidden UIRefreshControl.
+
+const spinnerAspectRatioCache = new Map();
+export function getSpinnerAspectRatio(loadAsset, source) {
+  if (!loadAsset || !source) {
+    return Promise.resolve(undefined);
+  }
+  if (!spinnerAspectRatioCache.has(source)) {
+    const asset = loadAsset(source);
+    const animationData = typeof asset === 'string' ? axios.get(asset).then(({
+      data
+    }) => data) : Promise.resolve(asset);
+    spinnerAspectRatioCache.set(source, animationData.then(data => data !== null && data !== void 0 && data.w && data !== null && data !== void 0 && data.h ? data.w / data.h : undefined).catch(() => {
+      spinnerAspectRatioCache.delete(source);
+      return undefined;
+    }));
+  }
+  return spinnerAspectRatioCache.get(source);
+}
+function getSpinnerBoxSize(spinnerAspectRatio) {
+  const ratio = spinnerAspectRatio || SPINNER_BOX_WIDTH / SPINNER_BOX_HEIGHT;
+  return {
+    width: SPINNER_BOX_HEIGHT * ratio,
+    height: SPINNER_BOX_HEIGHT
+  };
+}
+const SPINNER_SIZE = 64;
+const SPINNER_BOX_WIDTH = 140;
+const SPINNER_BOX_HEIGHT = 70;
+const SPINNER_RESTING_TOP = 16;
+const isAndroidPluginAvailable = Platform.OS === 'android' && !!requireOptionalNativeModule('ExpoPullToRefresh');
+const NativeExpoPullToRefreshView = isAndroidPluginAvailable ? requireNativeViewManager('ExpoPullToRefresh') : null;
+const NativePullToRefreshControl = Platform.OS === 'ios' && requireOptionalNativeModule('ExpoPullToRefreshControl') ? requireNativeViewManager('ExpoPullToRefreshControl') : null;
+export class WmPullToRefreshView extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      progress: 0
+    });
+    _defineProperty(this, "handlePullProgress", event => {
+      var _ref, _event$nativeEvent$pr, _event$nativeEvent;
+      const value = (_ref = (_event$nativeEvent$pr = event === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.progress) !== null && _event$nativeEvent$pr !== void 0 ? _event$nativeEvent$pr : event === null || event === void 0 ? void 0 : event.progress) !== null && _ref !== void 0 ? _ref : 0;
+      this.setState({
+        progress: value
+      });
+    });
+    _defineProperty(this, "handleRefresh", () => {
+      var _this$props$onRefresh, _this$props;
+      this.setState({
+        progress: 1
+      });
+      (_this$props$onRefresh = (_this$props = this.props).onRefresh) === null || _this$props$onRefresh === void 0 || _this$props$onRefresh.call(_this$props);
+    });
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.refreshing && !this.props.refreshing) {
+      this.setState({
+        progress: 0
+      });
+    }
+  }
+  render() {
+    const {
+      spinner,
+      children,
+      onRefresh,
+      refreshing,
+      topOffset = 0,
+      spinnerAspectRatio,
+      style,
+      ...rest
+    } = this.props;
+    if (!NativeExpoPullToRefreshView) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    }
+    const raw = refreshing ? 1 : this.state.progress;
+    const clamped = Math.min(1, Math.max(0, raw));
+    return /*#__PURE__*/React.createElement(NativeExpoPullToRefreshView, _extends({}, rest, {
+      refreshing: refreshing,
+      style: [styles.native, style],
+      onPullProgress: this.handlePullProgress,
+      onRefresh: this.handleRefresh
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.wrapper,
+      collapsable: false
+    }, children, /*#__PURE__*/React.createElement(View, {
+      style: [styles.spinnerOverlay, {
+        top: topOffset,
+        opacity: clamped,
+        transform: [{
+          translateY: -SPINNER_SIZE + clamped * (SPINNER_SIZE + SPINNER_RESTING_TOP)
+        }, {
+          scale: 0.4 + clamped * 0.6
+        }]
+      }],
+      pointerEvents: "none"
+    }, /*#__PURE__*/React.createElement(View, {
+      style: getSpinnerBoxSize(spinnerAspectRatio)
+    }, clamped > 0 ? spinner : null))));
+  }
+}
+const PULL_TO_REFRESH_THRESHOLD = SPINNER_SIZE;
+const IOS_REFRESH_GAP = 60;
+const IOS_SPINNER_FULL_SIZE_GAP = IOS_REFRESH_GAP - 5;
+const PullToRefreshSpinnerLayer = ({
+  spinner,
+  pullDistance,
+  pulled,
+  refreshing,
+  mounted,
+  topOffset,
+  spinnerAspectRatio,
+  threshold = PULL_TO_REFRESH_THRESHOLD
+}) => {
+  const animatedStyle = useAnimatedStyle(() => {
+    const gapScale = Math.min(1, Math.max(0, pullDistance.value / IOS_SPINNER_FULL_SIZE_GAP));
+    if (refreshing) {
+      return {
+        opacity: 1,
+        transform: [{
+          scale: gapScale
+        }]
+      };
+    }
+    const progress = pulled.value ? Math.min(1, Math.max(0, pullDistance.value / threshold)) : 0;
+    return {
+      opacity: progress,
+      transform: [{
+        scale: gapScale
+      }]
+    };
+  }, [refreshing, threshold]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    pointerEvents: "none",
+    style: [styles.iosSpinnerLayer, {
+      top: topOffset + (IOS_REFRESH_GAP - SPINNER_BOX_HEIGHT) / 2
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: getSpinnerBoxSize(spinnerAspectRatio)
+  }, mounted ? spinner : null));
+};
+export const WmPullToRefreshScrollView = /*#__PURE__*/React.forwardRef(({
+  scrollViewProps,
+  spinner,
+  refreshing,
+  onRefresh,
+  stickyOnScrollWorklet,
+  topOffset = 0,
+  spinnerAspectRatio,
+  children
+}, ref) => {
+  const pullDistance = useSharedValue(0);
+  const isDragging = useSharedValue(false);
+  const [spinnerMounted, setSpinnerMounted] = React.useState(false);
+  const mountRequested = useSharedValue(false);
+  const unmountSpinner = React.useCallback(() => {
+    mountRequested.value = false;
+    setSpinnerMounted(false);
+  }, [mountRequested]);
+  const nativeRefreshing = React.useRef(false);
+  const [closing, setClosing] = React.useState(false);
+  const handleNativeRefresh = React.useCallback(() => {
+    nativeRefreshing.current = true;
+    mountRequested.value = true;
+    setSpinnerMounted(true);
+    onRefresh === null || onRefresh === void 0 || onRefresh();
+  }, [onRefresh, mountRequested]);
+  React.useEffect(() => {
+    if (refreshing || !nativeRefreshing.current) {
+      return;
+    }
+    nativeRefreshing.current = false;
+    setClosing(true);
+    const timer = setTimeout(() => {
+      setClosing(false);
+      if (!isDragging.value) {
+        unmountSpinner();
+      }
+    }, 350);
+    return () => clearTimeout(timer);
+  }, [refreshing, isDragging, unmountSpinner]);
+  const scrollHandler = useAnimatedScrollHandler({
+    onScroll: event => {
+      const offsetY = event.contentOffset.y;
+      pullDistance.value = Math.max(0, -offsetY);
+      if (offsetY < 0 && isDragging.value && !mountRequested.value) {
+        mountRequested.value = true;
+        runOnJS(setSpinnerMounted)(true);
+      } else if (offsetY >= 0 && !isDragging.value && mountRequested.value) {
+        mountRequested.value = false;
+        runOnJS(setSpinnerMounted)(false);
+      }
+      if (stickyOnScrollWorklet && offsetY >= 0) {
+        stickyOnScrollWorklet(event);
+      }
+    }
+  });
+  const handleScrollBeginDrag = React.useCallback(event => {
+    var _scrollViewProps$onSc;
+    isDragging.value = true;
+    scrollViewProps === null || scrollViewProps === void 0 || (_scrollViewProps$onSc = scrollViewProps.onScrollBeginDrag) === null || _scrollViewProps$onSc === void 0 || _scrollViewProps$onSc.call(scrollViewProps, event);
+  }, [scrollViewProps, isDragging]);
+  const handleScrollEndDrag = React.useCallback(event => {
+    var _event$nativeEvent$co, _event$nativeEvent2, _scrollViewProps$onSc2;
+    isDragging.value = false;
+    const offsetY = (_event$nativeEvent$co = event === null || event === void 0 || (_event$nativeEvent2 = event.nativeEvent) === null || _event$nativeEvent2 === void 0 || (_event$nativeEvent2 = _event$nativeEvent2.contentOffset) === null || _event$nativeEvent2 === void 0 ? void 0 : _event$nativeEvent2.y) !== null && _event$nativeEvent$co !== void 0 ? _event$nativeEvent$co : 0;
+    if (!NativePullToRefreshControl && !refreshing && -offsetY >= PULL_TO_REFRESH_THRESHOLD) {
+      handleNativeRefresh();
+    }
+    if (!refreshing && !nativeRefreshing.current && pullDistance.value <= 0) {
+      unmountSpinner();
+    }
+    scrollViewProps === null || scrollViewProps === void 0 || (_scrollViewProps$onSc2 = scrollViewProps.onScrollEndDrag) === null || _scrollViewProps$onSc2 === void 0 || _scrollViewProps$onSc2.call(scrollViewProps, event);
+  }, [refreshing, scrollViewProps, isDragging, pullDistance, unmountSpinner, handleNativeRefresh]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.iosHost,
+    collapsable: false
+  }, /*#__PURE__*/React.createElement(PullToRefreshSpinnerLayer, {
+    pullDistance: pullDistance,
+    pulled: mountRequested,
+    refreshing: refreshing || closing,
+    mounted: spinnerMounted,
+    topOffset: topOffset,
+    spinner: spinner,
+    spinnerAspectRatio: spinnerAspectRatio
+  }), /*#__PURE__*/React.createElement(Animated.ScrollView, _extends({
+    ref: ref
+  }, scrollViewProps, {
+    onScroll: scrollHandler,
+    scrollEventThrottle: 16,
+    onScrollBeginDrag: handleScrollBeginDrag,
+    onScrollEndDrag: handleScrollEndDrag,
+    contentInset: !NativePullToRefreshControl && refreshing ? {
+      top: PULL_TO_REFRESH_THRESHOLD
+    } : undefined
+  }), children), NativePullToRefreshControl ? /*#__PURE__*/React.createElement(NativePullToRefreshControl, {
+    style: styles.iosRefreshControl,
+    refreshing: refreshing,
+    onRefresh: handleNativeRefresh
+  }) : null);
+});
+WmPullToRefreshScrollView.displayName = 'WmPullToRefreshScrollView';
+const styles = StyleSheet.create({
+  native: {
+    flex: 1
+  },
+  wrapper: {
+    flex: 1
+  },
+  spinnerOverlay: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 10,
+    elevation: 10
+  },
+  iosHost: {
+    flex: 1,
+    width: '100%'
+  },
+  iosRefreshControl: {
+    position: 'absolute',
+    width: 0,
+    height: 0
+  },
+  iosSpinnerLayer: {
+    position: 'absolute',
+    transformOrigin: 'top',
+    left: 0,
+    right: 0,
+    height: SPINNER_BOX_HEIGHT,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=pull-to-refresh.component.js.map

package/components/page/page-content/pull-to-refresh.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["axios","requireNativeViewManager","requireOptionalNativeModule","React","Platform","StyleSheet","View","Animated","runOnJS","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","spinnerAspectRatioCache","Map","getSpinnerAspectRatio","loadAsset","source","Promise","resolve","undefined","has","asset","animationData","get","then","data","set","w","h","catch","delete","getSpinnerBoxSize","spinnerAspectRatio","ratio","SPINNER_BOX_WIDTH","SPINNER_BOX_HEIGHT","width","height","SPINNER_SIZE","SPINNER_RESTING_TOP","isAndroidPluginAvailable","OS","NativeExpoPullToRefreshView","NativePullToRefreshControl","WmPullToRefreshView","Component","constructor","args","_defineProperty","progress","event","_ref","_event$nativeEvent$pr","_event$nativeEvent","value","nativeEvent","setState","_this$props$onRefresh","_this$props","props","onRefresh","call","componentDidUpdate","prevProps","refreshing","render","spinner","children","topOffset","style","rest","createElement","Fragment","raw","state","clamped","Math","min","max","_extends","styles","native","onPullProgress","handlePullProgress","handleRefresh","wrapper","collapsable","spinnerOverlay","top","opacity","transform","translateY","scale","pointerEvents","PULL_TO_REFRESH_THRESHOLD","IOS_REFRESH_GAP","IOS_SPINNER_FULL_SIZE_GAP","PullToRefreshSpinnerLayer","pullDistance","pulled","mounted","threshold","animatedStyle","gapScale","iosSpinnerLayer","WmPullToRefreshScrollView","forwardRef","scrollViewProps","stickyOnScrollWorklet","ref","isDragging","spinnerMounted","setSpinnerMounted","useState","mountRequested","unmountSpinner","useCallback","nativeRefreshing","useRef","closing","setClosing","handleNativeRefresh","current","useEffect","timer","setTimeout","clearTimeout","scrollHandler","onScroll","offsetY","contentOffset","y","handleScrollBeginDrag","_scrollViewProps$onSc","onScrollBeginDrag","handleScrollEndDrag","_event$nativeEvent$co","_event$nativeEvent2","_scrollViewProps$onSc2","onScrollEndDrag","iosHost","ScrollView","scrollEventThrottle","contentInset","iosRefreshControl","displayName","create","flex","position","left","right","alignItems","justifyContent","zIndex","elevation","transformOrigin"],"sources":["pull-to-refresh.component.tsx"],"sourcesContent":["import axios from 'axios';\nimport { requireNativeViewManager, requireOptionalNativeModule } from 'expo-modules-core';\nimport * as React from 'react';\nimport { Platform, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { runOnJS, SharedValue, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\n// Native side lives in the expo-pull-to-refresh plugin: Android ports the drag gesture, iOS attaches a hidden UIRefreshControl.\n\nexport interface WmPullToRefreshViewProps extends ViewProps {\n  spinner: React.ReactElement;\n  refreshing: boolean;\n  onRefresh?: () => void;\n  topOffset?: number;\n  spinnerAspectRatio?: number;\n  children?: React.ReactNode;\n}\n\nconst spinnerAspectRatioCache = new Map<string, Promise<number | undefined>>();\n\nexport function getSpinnerAspectRatio(\n  loadAsset: ((path: string) => number | string) | undefined,\n  source: string | undefined\n): Promise<number | undefined> {\n  if (!loadAsset || !source) {\n    return Promise.resolve(undefined);\n  }\n  if (!spinnerAspectRatioCache.has(source)) {\n    const asset: any = loadAsset(source);\n    const animationData = typeof asset === 'string' ? axios.get(asset).then(({ data }) => data) : Promise.resolve(asset);\n    spinnerAspectRatioCache.set(source, animationData\n      .then((data) => (data?.w && data?.h) ? data.w / data.h : undefined)\n      .catch(() => {\n        spinnerAspectRatioCache.delete(source);\n        return undefined;\n      }));\n  }\n  return spinnerAspectRatioCache.get(source)!;\n}\n\nfunction getSpinnerBoxSize(spinnerAspectRatio?: number) {\n  const ratio = spinnerAspectRatio || SPINNER_BOX_WIDTH / SPINNER_BOX_HEIGHT;\n  return { width: SPINNER_BOX_HEIGHT * ratio, height: SPINNER_BOX_HEIGHT };\n}\n\ninterface WmPullToRefreshState {\n  progress: number;\n}\n\nconst SPINNER_SIZE = 64;\nconst SPINNER_BOX_WIDTH = 140;\nconst SPINNER_BOX_HEIGHT = 70;\nconst SPINNER_RESTING_TOP = 16;\n\nconst isAndroidPluginAvailable =\n  Platform.OS === 'android' && !!requireOptionalNativeModule('ExpoPullToRefresh');\n\nconst NativeExpoPullToRefreshView: any =\n  isAndroidPluginAvailable ? requireNativeViewManager('ExpoPullToRefresh') : null;\n\nconst NativePullToRefreshControl: any =\n  Platform.OS === 'ios' && requireOptionalNativeModule('ExpoPullToRefreshControl')\n    ? requireNativeViewManager('ExpoPullToRefreshControl')\n    : null;\n\nexport class WmPullToRefreshView extends React.Component<\n  WmPullToRefreshViewProps,\n  WmPullToRefreshState\n> {\n  state: WmPullToRefreshState = { progress: 0 };\n\n  componentDidUpdate(prevProps: WmPullToRefreshViewProps) {\n    if (prevProps.refreshing && !this.props.refreshing) {\n      this.setState({ progress: 0 });\n    }\n  }\n\n  private handlePullProgress = (event: any) => {\n    const value = event?.nativeEvent?.progress ?? event?.progress ?? 0;\n    this.setState({ progress: value });\n  };\n\n  private handleRefresh = () => {\n    this.setState({ progress: 1 });\n    this.props.onRefresh?.();\n  };\n\n  render() {\n    const {\n      spinner,\n      children,\n      onRefresh,\n      refreshing,\n      topOffset = 0,\n      spinnerAspectRatio,\n      style,\n      ...rest\n    } = this.props;\n\n    if (!NativeExpoPullToRefreshView) {\n      return <>{children}</>;\n    }\n\n    const raw = refreshing ? 1 : this.state.progress;\n    const clamped = Math.min(1, Math.max(0, raw));\n\n    return (\n      <NativeExpoPullToRefreshView\n        {...rest}\n        refreshing={refreshing}\n        style={[styles.native, style]}\n        onPullProgress={this.handlePullProgress}\n        onRefresh={this.handleRefresh}\n      >\n        <View style={styles.wrapper} collapsable={false}>\n          {children}\n          <View\n            style={[\n              styles.spinnerOverlay,\n              {\n                top: topOffset,\n                opacity: clamped,\n                transform: [\n                  { translateY: -SPINNER_SIZE + clamped * (SPINNER_SIZE + SPINNER_RESTING_TOP) },\n                  { scale: 0.4 + clamped * 0.6 },\n                ],\n              },\n            ]}\n            pointerEvents=\"none\"\n          >\n            <View style={getSpinnerBoxSize(spinnerAspectRatio)}>{clamped > 0 ? spinner : null}</View>\n          </View>\n        </View>\n      </NativeExpoPullToRefreshView>\n    );\n  }\n}\n\nconst PULL_TO_REFRESH_THRESHOLD = SPINNER_SIZE;\n\nconst IOS_REFRESH_GAP = 60;\n\nconst IOS_SPINNER_FULL_SIZE_GAP = IOS_REFRESH_GAP - 5;\n\nconst PullToRefreshSpinnerLayer: React.FC<{\n  spinner: React.ReactElement;\n  pullDistance: SharedValue<number>;\n  pulled: SharedValue<boolean>;\n  refreshing: boolean;\n  mounted: boolean;\n  topOffset: number;\n  spinnerAspectRatio?: number;\n  threshold?: number;\n}> = ({ spinner, pullDistance, pulled, refreshing, mounted, topOffset, spinnerAspectRatio, threshold = PULL_TO_REFRESH_THRESHOLD }) => {\n  const animatedStyle = useAnimatedStyle(() => {\n    const gapScale = Math.min(1, Math.max(0, pullDistance.value / IOS_SPINNER_FULL_SIZE_GAP));\n    if (refreshing) {\n      return { opacity: 1, transform: [{ scale: gapScale }] };\n    }\n    const progress = pulled.value ? Math.min(1, Math.max(0, pullDistance.value / threshold)) : 0;\n    return {\n      opacity: progress,\n      transform: [{ scale: gapScale }],\n    };\n  }, [refreshing, threshold]);\n\n  return (\n    <Animated.View\n      pointerEvents=\"none\"\n      style={[\n        styles.iosSpinnerLayer,\n        { top: topOffset + (IOS_REFRESH_GAP - SPINNER_BOX_HEIGHT) / 2 },\n        animatedStyle,\n      ]}\n    >\n      <View style={getSpinnerBoxSize(spinnerAspectRatio)}>{mounted ? spinner : null}</View>\n    </Animated.View>\n  );\n};\n\nexport interface WmPullToRefreshScrollViewProps {\n  scrollViewProps: any;\n  spinner: React.ReactElement;\n  refreshing: boolean;\n  onRefresh?: () => void;\n  stickyOnScrollWorklet?: (event: any) => void;\n  topOffset?: number;\n  spinnerAspectRatio?: number;\n  children?: React.ReactNode;\n}\n\nexport const WmPullToRefreshScrollView = React.forwardRef<any, WmPullToRefreshScrollViewProps>(\n  ({ scrollViewProps, spinner, refreshing, onRefresh, stickyOnScrollWorklet, topOffset = 0, spinnerAspectRatio, children }, ref) => {\n    const pullDistance = useSharedValue(0);\n    const isDragging = useSharedValue(false);\n\n    const [spinnerMounted, setSpinnerMounted] = React.useState(false);\n    const mountRequested = useSharedValue(false);\n\n    const unmountSpinner = React.useCallback(() => {\n      mountRequested.value = false;\n      setSpinnerMounted(false);\n    }, [mountRequested]);\n\n    const nativeRefreshing = React.useRef(false);\n    const [closing, setClosing] = React.useState(false);\n\n    const handleNativeRefresh = React.useCallback(() => {\n      nativeRefreshing.current = true;\n      mountRequested.value = true;\n      setSpinnerMounted(true);\n      onRefresh?.();\n    }, [onRefresh, mountRequested]);\n\n    React.useEffect(() => {\n      if (refreshing || !nativeRefreshing.current) {\n        return;\n      }\n      nativeRefreshing.current = false;\n      setClosing(true);\n      const timer = setTimeout(() => {\n        setClosing(false);\n        if (!isDragging.value) {\n          unmountSpinner();\n        }\n      }, 350);\n      return () => clearTimeout(timer);\n    }, [refreshing, isDragging, unmountSpinner]);\n\n    const scrollHandler = useAnimatedScrollHandler({\n      onScroll: (event: any) => {\n        const offsetY = event.contentOffset.y;\n        pullDistance.value = Math.max(0, -offsetY);\n        if (offsetY < 0 && isDragging.value && !mountRequested.value) {\n          mountRequested.value = true;\n          runOnJS(setSpinnerMounted)(true);\n        } else if (offsetY >= 0 && !isDragging.value && mountRequested.value) {\n          mountRequested.value = false;\n          runOnJS(setSpinnerMounted)(false);\n        }\n        if (stickyOnScrollWorklet && offsetY >= 0) {\n          stickyOnScrollWorklet(event);\n        }\n      },\n    });\n\n    const handleScrollBeginDrag = React.useCallback(\n      (event: any) => {\n        isDragging.value = true;\n        scrollViewProps?.onScrollBeginDrag?.(event);\n      },\n      [scrollViewProps, isDragging]\n    );\n\n    const handleScrollEndDrag = React.useCallback(\n      (event: any) => {\n        isDragging.value = false;\n        const offsetY = event?.nativeEvent?.contentOffset?.y ?? 0;\n        if (!NativePullToRefreshControl && !refreshing && -offsetY >= PULL_TO_REFRESH_THRESHOLD) {\n          handleNativeRefresh();\n        }\n        if (!refreshing && !nativeRefreshing.current && pullDistance.value <= 0) {\n          unmountSpinner();\n        }\n        scrollViewProps?.onScrollEndDrag?.(event);\n      },\n      [refreshing, scrollViewProps, isDragging, pullDistance, unmountSpinner, handleNativeRefresh]\n    );\n\n    return (\n      <View style={styles.iosHost} collapsable={false}>\n        <PullToRefreshSpinnerLayer\n          pullDistance={pullDistance}\n          pulled={mountRequested}\n          refreshing={refreshing || closing}\n          mounted={spinnerMounted}\n          topOffset={topOffset}\n          spinner={spinner}\n          spinnerAspectRatio={spinnerAspectRatio}\n        />\n      <Animated.ScrollView\n        ref={ref}\n        {...scrollViewProps}\n        onScroll={scrollHandler}\n        scrollEventThrottle={16}\n        onScrollBeginDrag={handleScrollBeginDrag}\n        onScrollEndDrag={handleScrollEndDrag}\n        contentInset={!NativePullToRefreshControl && refreshing ? { top: PULL_TO_REFRESH_THRESHOLD } : undefined}\n      >\n        {children}\n      </Animated.ScrollView>\n        {NativePullToRefreshControl ? (\n          <NativePullToRefreshControl\n            style={styles.iosRefreshControl}\n            refreshing={refreshing}\n            onRefresh={handleNativeRefresh}\n          />\n        ) : null}\n      </View>\n    );\n  }\n);\nWmPullToRefreshScrollView.displayName = 'WmPullToRefreshScrollView';\n\nconst styles = StyleSheet.create({\n  native: {\n    flex: 1,\n  },\n  wrapper: {\n    flex: 1,\n  },\n  spinnerOverlay: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    zIndex: 10,\n    elevation: 10,\n  },\n  iosHost: {\n    flex: 1,\n    width: '100%',\n  },\n  iosRefreshControl: {\n    position: 'absolute',\n    width: 0,\n    height: 0,\n  },\n  iosSpinnerLayer: {\n    position: 'absolute',\n    transformOrigin: 'top',\n    left: 0,\n    right: 0,\n    height: SPINNER_BOX_HEIGHT,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/core/AppConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n    setContent: (c: React.ReactNode) => void;\n    getContent: () => React.ReactNode;\n    setAnimation: (animation: string) => void;\n    getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n    appId: string;\n    assets: any;\n    appProperties: any;\n    appLocale: any;\n    url: string;\n    leftNavWidth: any;\n    loadApp: boolean;\n    refresh: (complete?: boolean) => void,\n    currentPage?: any;\n    pages?: any[];\n    landingPage: string;\n    partials?: any[];\n    drawer: Drawer;\n    app: any;\n    spinner: any;\n    setDrawerContent: any;\n    theme: any;\n    drawerType: any;\n    /**\n     * Application preferences that can include:\n     * - enableGlobalErrorHandler (boolean): Master switch for all error handling. Default: false (disabled)\n     * - enableRenderErrors (boolean): Enable React ErrorBoundary for component errors. Default: true\n     * - enableJsSyncErrors (boolean): Enable synchronous JavaScript error handling. Default: true\n     * - enableJsAsyncErrors (boolean): Enable asynchronous/promise rejection error handling. Default: true\n     * - showDefaultErrorFallback (boolean): Show default error fallback UI when errors occur. Default: true\n     * - Other app-specific preferences...\n     */\n    preferences:any;\n    getServiceDefinitions: any;\n    loggedInUser: any;\n    selectedLocale: string;\n    revertLayoutToExpo50: boolean,\n    diagnostics: {\n        appStartTime: number,\n        appReadyTime: number,\n        pageStartTime: number,\n        pageReadyTime: number\n    }, \n    edgeToEdgeConfig:any;\n    prefabs?: {\n        partials?: any[]\n    },\n    screenCaptureProtection: {\n        enabled: boolean\n    },\n    disableNavigationAnimation:boolean,\n    pageTransitionAnimation?: string,\n    detachInactiveScreens:boolean,\n    isLegacyTappable: boolean,\n    enablePageCache:boolean,\n}"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n    setContent: (c: React.ReactNode) => void;\n    getContent: () => React.ReactNode;\n    setAnimation: (animation: string) => void;\n    getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n    appId: string;\n    assets: any;\n    appProperties: any;\n    appLocale: any;\n    url: string;\n    leftNavWidth: any;\n    loadApp: boolean;\n    refresh: (complete?: boolean) => void,\n    currentPage?: any;\n    pages?: any[];\n    landingPage: string;\n    partials?: any[];\n    drawer: Drawer;\n    app: any;\n    spinner: any;\n    setDrawerContent: any;\n    theme: any;\n    drawerType: any;\n    /**\n     * Application preferences that can include:\n     * - enableGlobalErrorHandler (boolean): Master switch for all error handling. Default: false (disabled)\n     * - enableRenderErrors (boolean): Enable React ErrorBoundary for component errors. Default: true\n     * - enableJsSyncErrors (boolean): Enable synchronous JavaScript error handling. Default: true\n     * - enableJsAsyncErrors (boolean): Enable asynchronous/promise rejection error handling. Default: true\n     * - showDefaultErrorFallback (boolean): Show default error fallback UI when errors occur. Default: true\n     * - Other app-specific preferences...\n     */\n    preferences:any;\n    getServiceDefinitions: any;\n    loggedInUser: any;\n    selectedLocale: string;\n    revertLayoutToExpo50: boolean,\n    diagnostics: {\n        appStartTime: number,\n        appReadyTime: number,\n        pageStartTime: number,\n        pageReadyTime: number\n    }, \n    edgeToEdgeConfig:any;\n    pulltorefreshsource: string;\n    pulltorefreshclass?: string;\n    /**\n     * How native SSO login and http(s) links open. Defaults: incognito in-app WebView\n     * for SSO, Custom Tabs for anchors. `auth_session` only works once the WM server\n     * completion step redirects to `{appId}://services/webprocess/{process}?process_output=...`.\n     */\n    browserConfig?: {\n        defaultLinkMode?: 'custom_tabs' | 'external' | 'in_app_webview';\n        authMode?: 'in_app_webview_private' | 'in_app_webview_persistent' | 'auth_session';\n        shareAuthSessionWithLinks?: boolean;\n        /** Keys are friendly names for the widget's Target property: newWindow (_blank), sameWindow (_self), topWindow (_top), parentWindow (_parent). */\n        targetMapping?: Partial<Record<'newWindow' | 'sameWindow' | 'topWindow' | 'parentWindow', 'custom_tabs' | 'external' | 'in_app_webview'>>;\n        /** How long the external-browser auth_session flow waits for its callback before giving up. Defaults to 120000 (2 minutes). */\n        authTimeoutMs?: number;\n    };\n    prefabs?: {\n        partials?: any[]\n    },\n    screenCaptureProtection: {\n        enabled: boolean\n    },\n    disableNavigationAnimation:boolean,\n    pageTransitionAnimation?: string,\n    detachInactiveScreens:boolean,\n    isLegacyTappable: boolean,\n    enablePageCache:boolean,\n}"],"mappings":"","ignoreList":[]}

package/core/base.component.js

@@ -503,13 +503,27 @@ export class BaseComponent extends React.Component {
     }, this.state.animatableProps), n);
   }
   setBackground() {
+    var _this$styles$root;
     const bgStyle = this.styles.root;
+    const blurValue = (_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.backdropFilter;
+    delete this.styles.root['backdropFilter'];
+    // Parse backdrop-filter CSS value to extract blur intensity
+    let blur = 0;
+    if (blurValue && typeof blurValue === 'string') {
+      const blurMatch = blurValue.match(/blur\((\d+)px\)/);
+      if (blurMatch && blurMatch[1]) {
+        const parsedValue = parseInt(blurMatch[1], 10);
+        // Clamp blur between 0 and 100
+        blur = Math.min(100, Math.max(0, parsedValue));
+      }
+    }
     this._background = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackgroundComponent, {
       image: bgStyle.backgroundImage,
       position: bgStyle.backgroundPosition,
       size: bgStyle.backgroundSize,
       repeat: bgStyle.backgroundRepeat,
       resizeMode: bgStyle.backgroundResizeMode,
+      blur: blur,
       style: {
         borderRadius: this.styles.root.borderRadius
       }