@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-next.47809

package/components/basic/bottomsheet/bottomsheet.component.js

@@ -0,0 +1,363 @@
+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 React, { createRef } from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { View, Animated, PanResponder, Dimensions, TouchableWithoutFeedback, Platform, ScrollView, StatusBar, BackHandler, Keyboard } from 'react-native';
+import WmBottomsheetProps from './bottomsheet.props';
+import { DEFAULT_CLASS } from './bottomsheet.styles';
+import { createSkeleton } from '../skeleton/skeleton.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+const {
+  height: SCREEN_HEIGHT
+} = Dimensions.get('screen');
+export class WmBottomsheetState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "translateY", new Animated.Value(SCREEN_HEIGHT));
+    _defineProperty(this, "backdropOpacity", new Animated.Value(0));
+    _defineProperty(this, "sheetHeight", new Animated.Value(0));
+    _defineProperty(this, "lastGestureDy", 0);
+    _defineProperty(this, "scrollViewRef", /*#__PURE__*/createRef());
+    _defineProperty(this, "isScrolling", false);
+    _defineProperty(this, "scrollOffset", 0);
+    _defineProperty(this, "isExpanded", false);
+    _defineProperty(this, "isBottomsheetVisible", false);
+    _defineProperty(this, "keyboardHeight", 0);
+  }
+}
+export default class WmBottomsheet extends BaseComponent {
+  calculateSheetHeight(bottomsheetheightratio) {
+    // Use default height if ratio not provided, but ensure it's not below minimum
+    const effectiveRatio = bottomsheetheightratio || this.defaultHeight;
+    this.maxHeightRatio = Math.max(this.minimumHeight, Math.min(effectiveRatio, this.maxHeight));
+    const screenHeight = Dimensions.get('screen').height;
+    const windowHeight = Dimensions.get('window').height;
+    let calculatedHeight = screenHeight * this.maxHeightRatio;
+    if (Platform.OS === 'ios') {
+      // Subtract top inset bar height for ios only if bottomsheetheightratio is 0.9
+      if (this.maxHeightRatio >= 0.9) {
+        calculatedHeight -= this.defaultTopInset;
+      }
+    } else if (Platform.OS === 'android') {
+      // Subtract status bar height for Android only if bottomsheetheightratio is 0.9
+      if (this.maxHeightRatio >= 0.9) {
+        calculatedHeight -= this.statusBarHeight;
+      }
+    }
+    return calculatedHeight;
+  }
+  open() {
+    if (!this.state.isBottomsheetVisible) this.updateState({
+      isBottomsheetVisible: true
+    });
+    this.openSheet();
+  }
+  close() {
+    if (this.state.isBottomsheetVisible) {
+      this.closeSheet();
+    }
+  }
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmBottomsheetProps(), new WmBottomsheetState());
+    _defineProperty(this, "calculatedHeight", void 0);
+    _defineProperty(this, "expandedHeight", void 0);
+    _defineProperty(this, "defaultHeight", 0.5);
+    _defineProperty(this, "expandedDefaultHeight", 0.8);
+    _defineProperty(this, "minimumHeight", 0.2);
+    _defineProperty(this, "minimumExpandedHeight", 0.5);
+    _defineProperty(this, "maxHeight", 1.0);
+    // Allow full screen height
+    _defineProperty(this, "animationDuration", 400);
+    _defineProperty(this, "statusBarHeight", StatusBar.currentHeight || 0);
+    _defineProperty(this, "defaultTopInset", 44);
+    _defineProperty(this, "maxHeightRatio", 0);
+    _defineProperty(this, "keyboardDidShowListener", void 0);
+    _defineProperty(this, "keyboardDidHideListener", void 0);
+    _defineProperty(this, "handleBackPress", () => {
+      if (this.state.isBottomsheetVisible) {
+        this.closeSheet();
+        return true; // Prevent default back action
+      }
+      return false;
+    });
+    _defineProperty(this, "onKeyboardShow", event => {
+      var _event$endCoordinates;
+      let keyboardHeight = ((_event$endCoordinates = event.endCoordinates) === null || _event$endCoordinates === void 0 ? void 0 : _event$endCoordinates.height) || 0;
+      this.updateState({
+        keyboardHeight: keyboardHeight
+      });
+    });
+    _defineProperty(this, "onKeyboardHide", () => {
+      this.updateState({
+        keyboardHeight: 0
+      });
+    });
+    _defineProperty(this, "handleSwipeGesture", gestureState => {
+      this.updateState({
+        lastGestureDy: 0
+      });
+      if (gestureState.dy > 0) {
+        if (this.state.isExpanded) {
+          // Expand the bottom sheet threshold is  25% of the fully expanded height
+          // If the user swipe distance is below the threshold, revert to the original sheet height
+          if (gestureState.dy < this.expandedHeight / 4) {
+            Animated.parallel([Animated.timing(this.state.translateY, {
+              toValue: 0,
+              // Keep sheet open
+              duration: this.animationDuration,
+              useNativeDriver: false
+            }), Animated.timing(this.state.sheetHeight, {
+              toValue: this.calculatedHeight,
+              // Back to original height
+              duration: this.animationDuration,
+              useNativeDriver: false
+            })]).start();
+            this.updateState({
+              isExpanded: false
+            });
+          } else if (gestureState.dy > this.expandedHeight / 4 || gestureState.vy > 0.5) {
+            this.closeSheet();
+          }
+        } else {
+          if (gestureState.dy > 100 || gestureState.vy > 0.5) {
+            this.closeSheet();
+          } else {
+            this.openSheet();
+          }
+        }
+      }
+    });
+    // panResponder for bottom sheet scroll view
+    _defineProperty(this, "panResponder", PanResponder.create({
+      onStartShouldSetPanResponder: (_, gestureState) => {
+        // Only handle the gesture if we're at the top and swiping down
+        return gestureState.dy > 0 && this.state.scrollOffset <= 0;
+      },
+      onMoveShouldSetPanResponder: (_, gestureState) => {
+        // Only handle the gesture if we're at the top and swiping down
+        return gestureState.dy > 0 && this.state.scrollOffset <= 0;
+      },
+      onPanResponderMove: (_, gestureState) => {
+        if (gestureState.dy > 0) {
+          const newTranslateY = Math.max(0, this.state.lastGestureDy + gestureState.dy);
+          this.state.translateY.setValue(newTranslateY);
+        }
+      },
+      onPanResponderRelease: (_, gestureState) => {
+        this.handleSwipeGesture(gestureState);
+      },
+      onPanResponderTerminate: () => {
+        this.openSheet();
+      }
+    }));
+    //pan repsoneder for bottom sheet dragable container
+    _defineProperty(this, "dragHandlePanResponder", PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
+      onMoveShouldSetPanResponder: () => true,
+      onPanResponderMove: (_, gestureState) => {
+        if (gestureState.dy > 0) {
+          // Handle downward drag
+          const newTranslateY = Math.max(0, this.state.lastGestureDy + gestureState.dy);
+          this.state.translateY.setValue(newTranslateY);
+        } else if (gestureState.dy < 0 && this.props.expand && this.props.bottomsheetheightratio !== 1) {
+          // Handle upward drag - expand to full height
+          // Allow expansion to full screen height
+          const targetHeight = Math.min(this.expandedHeight, SCREEN_HEIGHT);
+          Animated.timing(this.state.sheetHeight, {
+            toValue: targetHeight,
+            duration: this.animationDuration,
+            useNativeDriver: false
+          }).start();
+          this.updateState({
+            isExpanded: true
+          });
+        }
+      },
+      onPanResponderRelease: (_, gestureState) => {
+        this.handleSwipeGesture(gestureState);
+      }
+    }));
+    _defineProperty(this, "handleScroll", event => {
+      if (this.state.keyboardHeight > 0) return null;
+      const offsetY = event.nativeEvent.contentOffset.y;
+      this.updateState({
+        isScrolling: offsetY > 0,
+        scrollOffset: offsetY
+      });
+    });
+    _defineProperty(this, "openSheet", () => {
+      this.updateState({
+        lastGestureDy: 0
+      });
+      Animated.parallel([Animated.timing(this.state.translateY, {
+        toValue: 0,
+        duration: this.animationDuration,
+        useNativeDriver: false
+      }), Animated.timing(this.state.backdropOpacity, {
+        toValue: 1,
+        duration: this.animationDuration,
+        useNativeDriver: false
+      })]).start(() => {
+        this.invokeEventCallback('onOpened', [null, this]);
+      });
+    });
+    _defineProperty(this, "handleClose", () => {
+      this.updateState({
+        isBottomsheetVisible: false
+      });
+      this.invokeEventCallback('onClose', [null, this]);
+    });
+    _defineProperty(this, "closeSheet", () => {
+      Animated.parallel([Animated.timing(this.state.translateY, {
+        toValue: SCREEN_HEIGHT,
+        duration: this.animationDuration,
+        useNativeDriver: false
+      }), Animated.timing(this.state.backdropOpacity, {
+        toValue: 0,
+        duration: this.animationDuration,
+        useNativeDriver: false
+      })]).start(() => {
+        requestAnimationFrame(() => {
+          this.state.sheetHeight.setValue(this.calculatedHeight);
+          this.updateState({
+            isExpanded: false
+          });
+          this.handleClose();
+        });
+      });
+    });
+    _defineProperty(this, "closeSheetImmediate", () => {
+      this.state.translateY.setValue(SCREEN_HEIGHT);
+      this.state.backdropOpacity.setValue(0);
+      this.updateState({
+        lastGestureDy: 0,
+        isExpanded: false,
+        isBottomsheetVisible: false
+      });
+      requestAnimationFrame(() => {
+        this.state.sheetHeight.setValue(this.calculatedHeight);
+      });
+    });
+    this.calculatedHeight = this.calculateSheetHeight(props.bottomsheetheightratio);
+
+    // Use bottomsheetexpandedheightratio if provided, otherwise use expandedDefaultHeight
+    const expandedRatio = props.bottomsheetexpandedheightratio || this.expandedDefaultHeight;
+    const effectiveExpandedRatio = Math.max(this.minimumExpandedHeight, Math.min(expandedRatio, this.maxHeight));
+    this.expandedHeight = SCREEN_HEIGHT * effectiveExpandedRatio;
+    if (Platform.OS === 'android') {
+      if (effectiveExpandedRatio >= 0.9) {
+        this.expandedHeight -= this.statusBarHeight;
+      }
+    }
+    if (Platform.OS === 'ios') {
+      if (effectiveExpandedRatio >= 0.9) {
+        this.expandedHeight -= this.defaultTopInset;
+      }
+    }
+    this.state.sheetHeight.setValue(this.calculatedHeight);
+    this.updateState({
+      isBottomsheetVisible: this.props.showonrender || false
+    });
+    if (this.state.isBottomsheetVisible) {
+      this.openSheet();
+    } else {
+      this.closeSheetImmediate();
+    }
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    if (Platform.OS === 'android') {
+      BackHandler.addEventListener('hardwareBackPress', this.handleBackPress);
+    }
+    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this.onKeyboardShow);
+    this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this.onKeyboardHide);
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    if (Platform.OS === 'android') {
+      BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress);
+    }
+    this.keyboardDidShowListener.remove();
+    this.keyboardDidHideListener.remove();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.bottomsheetheightratio !== this.props.bottomsheetheightratio) {
+      this.calculatedHeight = this.calculateSheetHeight(this.props.bottomsheetheightratio);
+      this.state.sheetHeight.setValue(this.calculatedHeight);
+    }
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case "showonrender":
+        if ($new) {
+          this.updateState({
+            isBottomsheetVisible: $new || false
+          });
+          if (this.state.isBottomsheetVisible) {
+            this.openSheet && this.openSheet();
+          }
+        } else {
+          this.closeSheetImmediate && this.closeSheetImmediate();
+        }
+        break;
+    }
+  }
+  renderSkeleton(props) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: this.styles.root.width,
+      height: this.styles.root.height
+    });
+  }
+  renderWidget(props) {
+    if (!this.state.isBottomsheetVisible) return null;
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      return /*#__PURE__*/React.createElement(View, _extends({
+        style: this.styles.root
+      }, this.getTestProps('keyboardview')), this._background, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: this.closeSheet
+      }, /*#__PURE__*/React.createElement(Animated.View, _extends({
+        style: [this.styles.backdrop, {
+          opacity: this.state.backdropOpacity
+        }]
+      }, this.getTestProps('backdrop'), getAccessibilityProps(AccessibilityWidgetType.BOTTOMSHEET, props)))), /*#__PURE__*/React.createElement(Animated.View, _extends({
+        style: [this.styles.container, {
+          height: this.state.sheetHeight,
+          transform: [{
+            translateY: this.state.translateY
+          }]
+        }]
+      }, this.panResponder.panHandlers), /*#__PURE__*/React.createElement(View, _extends({
+        style: this.styles.dragHandleContainer
+      }, this.dragHandlePanResponder.panHandlers), /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+        onPress: this.closeSheet
+      }, /*#__PURE__*/React.createElement(View, _extends({
+        style: this.styles.dragIconHandle
+      }, this.getTestProps('draghandle'))))), /*#__PURE__*/React.createElement(ScrollView, _extends({
+        ref: this.state.scrollViewRef,
+        style: this.styles.sheetContentContainer,
+        contentContainerStyle: [this.styles.sheetScrollContent, {
+          paddingBottom: this.state.keyboardHeight
+        }],
+        alwaysBounceVertical: false,
+        alwaysBounceHorizontal: false,
+        bounces: false,
+        showsVerticalScrollIndicator: false,
+        scrollEventThrottle: 16,
+        onScroll: this.handleScroll,
+        nestedScrollEnabled: true,
+        scrollEnabled: true
+      }, this.getTestProps('scorllview')), props.children)));
+    });
+  }
+}
+//# sourceMappingURL=bottomsheet.component.js.map

package/components/basic/bottomsheet/bottomsheet.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createRef","BaseComponent","BaseComponentState","View","Animated","PanResponder","Dimensions","TouchableWithoutFeedback","Platform","ScrollView","StatusBar","BackHandler","Keyboard","WmBottomsheetProps","DEFAULT_CLASS","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","SafeAreaInsetsContext","height","SCREEN_HEIGHT","get","WmBottomsheetState","constructor","args","_defineProperty","Value","WmBottomsheet","calculateSheetHeight","bottomsheetheightratio","effectiveRatio","defaultHeight","maxHeightRatio","Math","max","minimumHeight","min","maxHeight","screenHeight","windowHeight","calculatedHeight","OS","defaultTopInset","statusBarHeight","open","state","isBottomsheetVisible","updateState","openSheet","close","closeSheet","props","currentHeight","event","_event$endCoordinates","keyboardHeight","endCoordinates","gestureState","lastGestureDy","dy","isExpanded","expandedHeight","parallel","timing","translateY","toValue","duration","animationDuration","useNativeDriver","sheetHeight","start","vy","create","onStartShouldSetPanResponder","_","scrollOffset","onMoveShouldSetPanResponder","onPanResponderMove","newTranslateY","setValue","onPanResponderRelease","handleSwipeGesture","onPanResponderTerminate","expand","targetHeight","offsetY","nativeEvent","contentOffset","y","isScrolling","backdropOpacity","invokeEventCallback","requestAnimationFrame","handleClose","expandedRatio","bottomsheetexpandedheightratio","expandedDefaultHeight","effectiveExpandedRatio","minimumExpandedHeight","showonrender","closeSheetImmediate","componentDidMount","addEventListener","handleBackPress","keyboardDidShowListener","addListener","onKeyboardShow","keyboardDidHideListener","onKeyboardHide","componentWillUnmount","removeEventListener","remove","componentDidUpdate","prevProps","onPropertyChange","name","$new","$old","renderSkeleton","theme","styles","skeleton","root","width","renderWidget","createElement","Consumer","insets","top","bottom","left","right","_extends","style","getTestProps","_background","onPress","backdrop","opacity","BOTTOMSHEET","container","transform","panResponder","panHandlers","dragHandleContainer","dragHandlePanResponder","dragIconHandle","ref","scrollViewRef","sheetContentContainer","contentContainerStyle","sheetScrollContent","paddingBottom","alwaysBounceVertical","alwaysBounceHorizontal","bounces","showsVerticalScrollIndicator","scrollEventThrottle","onScroll","handleScroll","nestedScrollEnabled","scrollEnabled","children"],"sources":["bottomsheet.component.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { View, Animated, PanResponder, Dimensions, TouchableWithoutFeedback, Platform, ScrollView, PanResponderGestureState, StatusBar, BackHandler, DimensionValue, KeyboardAvoidingView, Keyboard, EmitterSubscription } from 'react-native';\nimport WmBottomsheetProps from './bottomsheet.props';\nimport { DEFAULT_CLASS, WmBottomsheetStyles } from './bottomsheet.styles';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nconst { height: SCREEN_HEIGHT } = Dimensions.get('screen');\nexport class WmBottomsheetState extends BaseComponentState<WmBottomsheetProps> {\n  translateY = new Animated.Value(SCREEN_HEIGHT);\n  backdropOpacity = new Animated.Value(0);\n  sheetHeight = new Animated.Value(0);\n  lastGestureDy = 0;\n  scrollViewRef = createRef<ScrollView>();\n  isScrolling = false;\n  scrollOffset = 0;\n  isExpanded = false;\n  isBottomsheetVisible = false;\n  keyboardHeight = 0;\n}\n\nexport default class WmBottomsheet extends BaseComponent<WmBottomsheetProps, WmBottomsheetState, WmBottomsheetStyles> {\n  private calculatedHeight: number;\n  private expandedHeight: number;\n  private defaultHeight: number = 0.5;\n  private expandedDefaultHeight: number = 0.8;\n  private minimumHeight: number = 0.2;\n  private minimumExpandedHeight: number = 0.5;\n  private maxHeight: number = 1.0; // Allow full screen height\n  private animationDuration: number = 400\n  private statusBarHeight: number = StatusBar.currentHeight || 0;\n  private defaultTopInset: number = 44;\n  private maxHeightRatio: number = 0;\n  private keyboardDidShowListener!: EmitterSubscription;\n  private keyboardDidHideListener!: EmitterSubscription;\n\n  private calculateSheetHeight(bottomsheetheightratio: number): number {\n    // Use default height if ratio not provided, but ensure it's not below minimum\n    const effectiveRatio = bottomsheetheightratio || this.defaultHeight;\n    this.maxHeightRatio = Math.max(\n      this.minimumHeight,\n      Math.min(effectiveRatio, this.maxHeight)\n    );\n\n    const screenHeight = Dimensions.get('screen').height;\n    const windowHeight = Dimensions.get('window').height;\n    let calculatedHeight = screenHeight * this.maxHeightRatio;\n\n    if (Platform.OS === 'ios') {\n      // Subtract top inset bar height for ios only if bottomsheetheightratio is 0.9\n      if (this.maxHeightRatio >= 0.9) {\n        calculatedHeight -= this.defaultTopInset;\n      }\n    }\n    else if (Platform.OS === 'android') {\n      // Subtract status bar height for Android only if bottomsheetheightratio is 0.9\n      if (this.maxHeightRatio >= 0.9) {\n        calculatedHeight -= this.statusBarHeight;\n      }\n    }\n    return calculatedHeight;\n  }\n\n  open() {\n    if (!this.state.isBottomsheetVisible)\n      this.updateState({\n        isBottomsheetVisible: true\n      } as WmBottomsheetState);\n    this.openSheet();\n  }\n\n  close() {\n    if (this.state.isBottomsheetVisible) {\n      this.closeSheet();\n    }\n  }\n\n  constructor(props: WmBottomsheetProps) {\n    super(props, DEFAULT_CLASS, new WmBottomsheetProps(), new WmBottomsheetState());\n    this.calculatedHeight = this.calculateSheetHeight(props.bottomsheetheightratio);\n\n    // Use bottomsheetexpandedheightratio if provided, otherwise use expandedDefaultHeight\n    const expandedRatio = props.bottomsheetexpandedheightratio || this.expandedDefaultHeight;\n    const effectiveExpandedRatio = Math.max(\n      this.minimumExpandedHeight,\n      Math.min(expandedRatio, this.maxHeight)\n    );\n\n    this.expandedHeight = SCREEN_HEIGHT * effectiveExpandedRatio;\n\n    if (Platform.OS === 'android') {\n      if (effectiveExpandedRatio >= 0.9) {\n        this.expandedHeight -= this.statusBarHeight;\n      }\n    }\n    if (Platform.OS === 'ios') {\n      if (effectiveExpandedRatio >= 0.9) {\n        this.expandedHeight -= this.defaultTopInset;\n      }\n    }\n    this.state.sheetHeight.setValue(this.calculatedHeight);\n\n    this.updateState({\n      isBottomsheetVisible: this.props.showonrender || false\n    } as WmBottomsheetState);\n\n    if (this.state.isBottomsheetVisible) {\n      this.openSheet();\n    } else {\n      this.closeSheetImmediate();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    if (Platform.OS === 'android') {\n      BackHandler.addEventListener('hardwareBackPress', this.handleBackPress);\n    }\n    this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this.onKeyboardShow);\n    this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this.onKeyboardHide);\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    if (Platform.OS === 'android') {\n      BackHandler.removeEventListener('hardwareBackPress', this.handleBackPress);\n    }\n    this.keyboardDidShowListener.remove();\n    this.keyboardDidHideListener.remove();\n  }\n\n  private handleBackPress = () => {\n    if (this.state.isBottomsheetVisible) {\n      this.closeSheet();\n      return true; // Prevent default back action\n    }\n    return false;\n  };\n\n  private onKeyboardShow = (event: any) => {\n    let keyboardHeight = event.endCoordinates?.height || 0;\n    this.updateState({\n      keyboardHeight: keyboardHeight\n    } as WmBottomsheetState);\n  };\n\n  private onKeyboardHide = () => {\n    this.updateState({\n      keyboardHeight: 0\n    } as WmBottomsheetState);\n  };\n\n  componentDidUpdate(prevProps: WmBottomsheetProps) {\n    if (prevProps.bottomsheetheightratio !== this.props.bottomsheetheightratio) {\n      this.calculatedHeight = this.calculateSheetHeight(this.props.bottomsheetheightratio);\n      this.state.sheetHeight.setValue(this.calculatedHeight);\n    }\n  }\n\n  handleSwipeGesture = (gestureState: PanResponderGestureState) => {\n    this.updateState({\n      lastGestureDy: 0\n    } as WmBottomsheetState);\n    if (gestureState.dy > 0) {\n      if (this.state.isExpanded) {\n        // Expand the bottom sheet threshold is  25% of the fully expanded height\n        // If the user swipe distance is below the threshold, revert to the original sheet height\n        if (gestureState.dy < this.expandedHeight / 4) {\n          Animated.parallel([\n            Animated.timing(this.state.translateY, {\n              toValue: 0, // Keep sheet open\n              duration: this.animationDuration,\n              useNativeDriver: false,\n            }),\n            Animated.timing(this.state.sheetHeight, {\n              toValue: this.calculatedHeight, // Back to original height\n              duration: this.animationDuration,\n              useNativeDriver: false,\n            })\n          ]).start();\n          this.updateState({\n            isExpanded: false\n          } as WmBottomsheetState);\n        }\n        else if (gestureState.dy > this.expandedHeight / 4 || gestureState.vy > 0.5) {\n          this.closeSheet();\n        }\n      }\n      else {\n        if (gestureState.dy > 100 || gestureState.vy > 0.5) {\n          this.closeSheet();\n        } else {\n          this.openSheet();\n        }\n      }\n    }\n  }\n  // panResponder for bottom sheet scroll view\n  panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: (_, gestureState) => {\n      // Only handle the gesture if we're at the top and swiping down\n      return gestureState.dy > 0 && this.state.scrollOffset <= 0;\n    },\n\n    onMoveShouldSetPanResponder: (_, gestureState) => {\n      // Only handle the gesture if we're at the top and swiping down\n      return gestureState.dy > 0 && this.state.scrollOffset <= 0;\n    },\n\n    onPanResponderMove: (_, gestureState) => {\n      if (gestureState.dy > 0) {\n        const newTranslateY = Math.max(0, this.state.lastGestureDy + gestureState.dy);\n        this.state.translateY.setValue(newTranslateY);\n\n      }\n    },\n\n    onPanResponderRelease: (_, gestureState) => {\n      this.handleSwipeGesture(gestureState)\n    },\n\n    onPanResponderTerminate: () => {\n      this.openSheet();\n    },\n  });\n\n  //pan repsoneder for bottom sheet dragable container\n  dragHandlePanResponder = PanResponder.create({\n    onStartShouldSetPanResponder: () => true,\n    onMoveShouldSetPanResponder: () => true,\n    onPanResponderMove: (_, gestureState) => {\n\n      if (gestureState.dy > 0) { // Handle downward drag\n        const newTranslateY = Math.max(0, this.state.lastGestureDy + gestureState.dy);\n        this.state.translateY.setValue(newTranslateY);\n      } else if (gestureState.dy < 0 && this.props.expand && this.props.bottomsheetheightratio !== 1) {\n        // Handle upward drag - expand to full height\n        // Allow expansion to full screen height\n        const targetHeight = Math.min(this.expandedHeight, SCREEN_HEIGHT);\n        Animated.timing(this.state.sheetHeight, {\n          toValue: targetHeight,\n          duration: this.animationDuration,\n          useNativeDriver: false,\n        }).start();\n        this.updateState({\n          isExpanded: true\n        } as WmBottomsheetState);\n      }\n    },\n    onPanResponderRelease: (_, gestureState) => {\n      this.handleSwipeGesture(gestureState)\n    },\n  });\n\n  handleScroll = (event: any): any => {\n    if (this.state.keyboardHeight > 0) return null;\n    const offsetY = event.nativeEvent.contentOffset.y;\n    this.updateState({\n      isScrolling: offsetY > 0,\n      scrollOffset: offsetY\n    } as WmBottomsheetState);\n  };\n\n  openSheet = () => {\n    this.updateState({\n      lastGestureDy: 0,\n    } as WmBottomsheetState);\n\n    Animated.parallel([\n      Animated.timing(this.state.translateY, {\n        toValue: 0,\n        duration: this.animationDuration,\n        useNativeDriver: false,\n      }),\n      Animated.timing(this.state.backdropOpacity, {\n        toValue: 1,\n        duration: this.animationDuration,\n        useNativeDriver: false,\n      }),\n    ]).start(() => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    });\n  };\n\n  private handleClose = () => {\n    this.updateState({\n      isBottomsheetVisible: false\n    } as WmBottomsheetState);\n    this.invokeEventCallback('onClose', [null, this]);\n  };\n\n  closeSheet = () => {\n    Animated.parallel([\n      Animated.timing(this.state.translateY, {\n        toValue: SCREEN_HEIGHT,\n        duration: this.animationDuration,\n        useNativeDriver: false,\n      }),\n      Animated.timing(this.state.backdropOpacity, {\n        toValue: 0,\n        duration: this.animationDuration,\n        useNativeDriver: false,\n      }),\n    ]).start(() => {\n      requestAnimationFrame(() => {\n        this.state.sheetHeight.setValue(this.calculatedHeight);\n        this.updateState({\n          isExpanded: false\n        } as WmBottomsheetState);\n        this.handleClose();\n      });\n    });\n  };\n\n  closeSheetImmediate = () => {\n    this.state.translateY.setValue(SCREEN_HEIGHT);\n    this.state.backdropOpacity.setValue(0);\n    this.updateState({\n      lastGestureDy: 0,\n      isExpanded: false,\n      isBottomsheetVisible: false\n    } as WmBottomsheetState);\n    requestAnimationFrame(() => {\n      this.state.sheetHeight.setValue(this.calculatedHeight);\n    });\n  };\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case \"showonrender\":\n        if ($new) {\n          this.updateState({\n            isBottomsheetVisible: $new || false\n          } as WmBottomsheetState);\n          if (this.state.isBottomsheetVisible) {\n            this.openSheet && this.openSheet();\n          }\n        } else {\n          this.closeSheetImmediate && this.closeSheetImmediate();\n        }\n        break;\n    }\n  }\n\n  public renderSkeleton(props: WmBottomsheetProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.styles.root.width as DimensionValue,\n      height: this.styles.root.height as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmBottomsheetProps) {\n    if (!this.state.isBottomsheetVisible) return null;\n\n\n    return (\n      <SafeAreaInsetsContext.Consumer >\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          return (\n\n            <View style={this.styles.root}\n              {...this.getTestProps('keyboardview')}>\n\n              {this._background}\n              <TouchableWithoutFeedback onPress={this.closeSheet}>\n                <Animated.View style={[this.styles.backdrop, { opacity: this.state.backdropOpacity }]}\n                  {...this.getTestProps('backdrop')}\n                  {...getAccessibilityProps(AccessibilityWidgetType.BOTTOMSHEET, props)}\n                />\n              </TouchableWithoutFeedback>\n\n              <Animated.View\n                style={[\n                  this.styles.container,\n\n                  {\n                    height: this.state.sheetHeight,\n                    transform: [{ translateY: this.state.translateY }],\n                  },\n                ]}\n                {...this.panResponder.panHandlers}\n\n\n              >\n                <View style={this.styles.dragHandleContainer} {...this.dragHandlePanResponder.panHandlers}>\n                  <TouchableWithoutFeedback onPress={this.closeSheet}>\n                    <View style={this.styles.dragIconHandle}\n                      {...this.getTestProps('draghandle')} />\n                  </TouchableWithoutFeedback>\n                </View>\n                <ScrollView\n                  ref={this.state.scrollViewRef}\n                  style={this.styles.sheetContentContainer}\n                  contentContainerStyle={[this.styles.sheetScrollContent,\n                  {\n                    paddingBottom: this.state.keyboardHeight\n                  }\n                  ]}\n                  alwaysBounceVertical={false}\n                  alwaysBounceHorizontal={false}\n                  bounces={false}\n                  showsVerticalScrollIndicator={false}\n                  scrollEventThrottle={16}\n                  onScroll={this.handleScroll}\n                  nestedScrollEnabled={true}\n                  scrollEnabled={true}\n                  {...this.getTestProps('scorllview')}\n                >\n                  {props.children}\n                </ScrollView>\n\n              </Animated.View>\n\n            </View>\n          )\n        }}\n      </SafeAreaInsetsContext.Consumer>\n\n\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/bottomsheet/bottomsheet.props.js

@@ -0,0 +1,18 @@
+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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmBottomsheetProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "showonrender", false);
+    _defineProperty(this, "bottomsheetheightratio", 0.3);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "expand", false);
+    _defineProperty(this, "bottomsheetexpandedheightratio", 0.5);
+    _defineProperty(this, "keyboardverticaloffset", 100);
+    _defineProperty(this, "onOpened", null);
+    _defineProperty(this, "onClose", null);
+  }
+}
+//# sourceMappingURL=bottomsheet.props.js.map

package/components/basic/bottomsheet/bottomsheet.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmBottomsheetProps","constructor","args","_defineProperty"],"sources":["bottomsheet.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmBottomsheetProps extends BaseProps {\n    showonrender: boolean = false;\n    bottomsheetheightratio:number = 0.3;\n    children? = null as any;\n    expand?:boolean = false;\n    bottomsheetexpandedheightratio?:number = 0.5; \n    keyboardverticaloffset: number = 100;\n    onOpened?: Function = null as any;\n    onClose?: Function = null as any;\n\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC9B,KAAK;IAAAA,eAAA,iCACG,GAAG;IAAAA,eAAA,mBACvB,IAAI;IAAAA,eAAA,iBACE,KAAK;IAAAA,eAAA,yCACkB,GAAG;IAAAA,eAAA,iCACX,GAAG;IAAAA,eAAA,mBACd,IAAI;IAAAA,eAAA,kBACL,IAAI;EAAA;AAE7B","ignoreList":[]}

package/components/basic/bottomsheet/bottomsheet.styles.js

@@ -0,0 +1,79 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
+export const DEFAULT_CLASS = 'app-bottomsheet';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 9999,
+      elevation: 9999,
+      width: '100%',
+      height: '100%',
+      justifyContent: 'flex-end' // This pushes content to bottom
+    },
+    text: {},
+    backdrop: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: '100%',
+      height: '100%',
+      backgroundColor: ThemeVariables.INSTANCE.bottomSheetBgColor
+    },
+    container: {
+      backgroundColor: '#fff',
+      borderTopLeftRadius: 28,
+      borderTopRightRadius: 28,
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: -2
+      },
+      shadowOpacity: 0.05,
+      shadowRadius: 3,
+      elevation: 5,
+      borderTopWidth: 0.5,
+      borderColor: ThemeVariables.INSTANCE.bottomSheetBgColor,
+      width: '100%',
+      maxHeight: '100%',
+      // Allow full screen height
+      minHeight: 100 // Minimum height to prevent too small sheets
+    },
+    dragHandleContainer: {
+      paddingVertical: 16,
+      alignItems: 'center',
+      borderBottomWidth: 1,
+      borderBottomColor: ThemeVariables.INSTANCE.bottomSheetBgColor,
+      backgroundColor: '#fff',
+      borderTopLeftRadius: 28,
+      borderTopRightRadius: 28
+    },
+    dragIconHandle: {
+      width: 36,
+      height: 4,
+      backgroundColor: ThemeVariables.INSTANCE.bottomSheetDragIconcolor,
+      borderRadius: 2
+    },
+    sheetContentContainer: {
+      flex: 1,
+      maxHeight: '100%' // Ensure it doesn't exceed container
+    },
+    sheetScrollContent: {
+      paddingHorizontal: 20,
+      paddingBottom: 20,
+      flexGrow: 1
+    },
+    skeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=bottomsheet.styles.js.map

package/components/basic/bottomsheet/bottomsheet.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","position","top","left","right","bottom","zIndex","elevation","width","height","justifyContent","text","backdrop","backgroundColor","INSTANCE","bottomSheetBgColor","container","borderTopLeftRadius","borderTopRightRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","borderTopWidth","borderColor","maxHeight","minHeight","dragHandleContainer","paddingVertical","alignItems","borderBottomWidth","borderBottomColor","dragIconHandle","bottomSheetDragIconcolor","borderRadius","sheetContentContainer","flex","sheetScrollContent","paddingHorizontal","paddingBottom","flexGrow","skeleton"],"sources":["bottomsheet.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nexport type WmBottomsheetStyles = BaseStyles & {\n  root: ViewStyle;\n  backdrop: ViewStyle;\n  container: ViewStyle;\n  dragHandleContainer: ViewStyle;\n  dragIconHandle: ViewStyle;\n  sheetContentContainer: ViewStyle;\n  sheetScrollContent: ViewStyle;\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-bottomsheet';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmBottomsheetStyles>({\n        root: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            zIndex: 9999,\n            elevation: 9999,\n            width: '100%',\n            height: '100%',\n            justifyContent: 'flex-end', // This pushes content to bottom\n        },\n        text: {},\n        backdrop: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: '100%',\n            height: '100%',\n            backgroundColor: ThemeVariables.INSTANCE.bottomSheetBgColor\n        },\n        container: {\n            backgroundColor: '#fff',\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28,\n            shadowColor: '#000',\n            shadowOffset: { width: 0, height: -2 },\n            shadowOpacity: 0.05,\n            shadowRadius: 3,\n            elevation: 5,\n            borderTopWidth: 0.5,\n            borderColor: ThemeVariables.INSTANCE.bottomSheetBgColor,\n            width: '100%',\n            maxHeight: '100%', // Allow full screen height\n            minHeight: 100, // Minimum height to prevent too small sheets\n        },\n        dragHandleContainer: {\n            paddingVertical: 16,\n            alignItems: 'center',\n            borderBottomWidth: 1,\n            borderBottomColor: ThemeVariables.INSTANCE.bottomSheetBgColor,\n            backgroundColor: '#fff',\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28,\n        },\n        dragIconHandle: {\n            width: 36,\n            height: 4,\n            backgroundColor: ThemeVariables.INSTANCE.bottomSheetDragIconcolor,\n            borderRadius: 2,\n        },\n        sheetContentContainer: {\n            flex: 1,\n            maxHeight: '100%', // Ensure it doesn't exceed container\n        },\n        sheetScrollContent: {\n            paddingHorizontal: 20,\n            paddingBottom: 20,\n            flexGrow: 1,\n        },\n        skeleton: {\n        root: {\n         \n        }\n      } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAGxF,OAAOC,cAAc,MAAM,kDAAkD;AAY7E,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAE9CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGN,YAAY,CAAsB;IACpDO,IAAI,EAAE;MACFC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,IAAI;MACZC,SAAS,EAAE,IAAI;MACfC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,cAAc,EAAE,UAAU,CAAE;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNX,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTG,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdI,eAAe,EAAEnB,cAAc,CAACoB,QAAQ,CAACC;IAC7C,CAAC;IACDC,SAAS,EAAE;MACPH,eAAe,EAAE,MAAM;MACvBI,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE,EAAE;MACxBC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEZ,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAE,CAAC;MACtCY,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,CAAC;MACff,SAAS,EAAE,CAAC;MACZgB,cAAc,EAAE,GAAG;MACnBC,WAAW,EAAE9B,cAAc,CAACoB,QAAQ,CAACC,kBAAkB;MACvDP,KAAK,EAAE,MAAM;MACbiB,SAAS,EAAE,MAAM;MAAE;MACnBC,SAAS,EAAE,GAAG,CAAE;IACpB,CAAC;IACDC,mBAAmB,EAAE;MACjBC,eAAe,EAAE,EAAE;MACnBC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAErC,cAAc,CAACoB,QAAQ,CAACC,kBAAkB;MAC7DF,eAAe,EAAE,MAAM;MACvBI,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE;IAC1B,CAAC;IACDc,cAAc,EAAE;MACZxB,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTI,eAAe,EAAEnB,cAAc,CAACoB,QAAQ,CAACmB,wBAAwB;MACjEC,YAAY,EAAE;IAClB,CAAC;IACDC,qBAAqB,EAAE;MACnBC,IAAI,EAAE,CAAC;MACPX,SAAS,EAAE,MAAM,CAAE;IACvB,CAAC;IACDY,kBAAkB,EAAE;MAChBC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,EAAE;MACjBC,QAAQ,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACVzC,IAAI,EAAE,CAEN;IACF;EACF,CAAC,CAAC;EAEFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/basic/button/button.component.js

@@ -0,0 +1,110 @@
+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); }
+import React from 'react';
+import { Text, View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { Badge } from 'react-native-paper';
+import WmButtonProps from './button.props';
+import { DEFAULT_CLASS } from './button.styles';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '../skeleton/skeleton.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmButtonState extends BaseComponentState {}
+export default class WmButton extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmButtonProps());
+  }
+  prepareIcon({
+    iconclass,
+    iconurl,
+    hint,
+    name,
+    iconsize,
+    iconheight,
+    iconmargin,
+    iconwidth
+  }) {
+    return iconclass || iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      hint: hint,
+      styles: this.styles.icon,
+      name: `${name}_icon`,
+      iconclass: iconclass,
+      iconsize: iconsize,
+      iconurl: iconurl,
+      iconheight: iconheight,
+      iconmargin: iconmargin,
+      iconwidth: iconwidth
+    }) : null;
+  }
+  prepareBadge(props) {
+    //@ts-ignore
+    return /*#__PURE__*/React.createElement(Badge, _extends({
+      style: this.styles.badge
+    }, this.getTestProps('badge')), props.badgevalue);
+  }
+  renderSkeleton(prop) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      onLayout: event => this.handleLayout(event),
+      style: [this.styles.root, {
+        paddingTop: 0,
+        paddingBottom: 0,
+        paddingLeft: 0,
+        paddingRight: 0,
+        overflow: 'hidden',
+        flexDirection: 'column'
+      }, this.styles.root.height == "100%" ? {
+        flex: 1
+      } : {}]
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
+      disableTouchEffect: this.state.props.disabletoucheffect,
+      styles: {
+        paddingTop: this.styles.root.paddingTop,
+        paddingBottom: this.styles.root.paddingBottom,
+        paddingLeft: this.styles.root.paddingLeft,
+        paddingRight: this.styles.root.paddingRight,
+        width: '100%',
+        height: this.styles.root.height ? '100%' : null,
+        justifyContent: 'center'
+      },
+      rippleColor: this.styles.root.rippleColor,
+      target: this
+    }, this.getTestPropsForAction(), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.content, {
+        flexDirection: props.iconposition === 'top' ? 'column' : 'row'
+      }]
+    }, props.iconposition === 'top' && this.prepareIcon(props), props.iconposition === 'left' && this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.text
+    }, this.getTestPropsForLabel('caption'), {
+      importantForAccessibility: 'no'
+    }), props.caption) : null, props.iconposition === 'right' && this.prepareIcon(props)))), props.badgevalue && this.prepareBadge(props));
+  }
+}
+//# sourceMappingURL=button.component.js.map