code format Hint component

Author: ethanshar

src/components/hint/index.tsx

@@ -50,12 +50,11 @@ interface HintTargetFrame {
   height?: number;
 }
 
-type Position = Pick<ViewStyle, 'top' | 'bottom' | 'left' | 'right'>
+type Position = Pick<ViewStyle, 'top' | 'bottom' | 'left' | 'right'>;
 
-type HintPositionStyle = Position & Pick<ViewStyle, 'alignItems'>
-
-type Paddings = Pick<ViewStyle, 'paddingLeft' | 'paddingRight' | 'paddingVertical' | 'paddingHorizontal'>
+type HintPositionStyle = Position & Pick<ViewStyle, 'alignItems'>;
 
+type Paddings = Pick<ViewStyle, 'paddingLeft' | 'paddingRight' | 'paddingVertical' | 'paddingHorizontal'>;
 
 export interface HintProps {
   /**
@@ -110,7 +109,7 @@ export interface HintProps {
    * Callback for Hint press
    */
   onPress?: () => void;
-  /** 
+  /**
    * Callback for the background press
    */
   onBackgroundPress?: (event: GestureResponderEvent) => void;
@@ -195,7 +194,7 @@ class Hint extends Component<HintProps, HintState> {
     const {message} = this.props;
     const targetRefTag = findNodeHandle(this.targetRef);
     const hintRefTag = findNodeHandle(this.hintRef);
-    
+
     if (targetRefTag && _.isString(message)) {
       AccessibilityInfo.setAccessibilityFocus(targetRefTag);
     } else if (hintRefTag) {
@@ -217,7 +216,7 @@ class Hint extends Component<HintProps, HintState> {
     if (!_.isEqual(this.state.targetLayout, layout)) {
       this.setState({targetLayout: layout});
     }
-    
+
     if (!this.state.targetLayoutInWindow || this.props.onBackgroundPress) {
       setTimeout(() => {
         this.targetRef?.measureInWindow((x: number, y: number, width: number, height: number) => {
@@ -286,7 +285,7 @@ class Hint extends Component<HintProps, HintState> {
   getTargetPositionOnScreen() {
     if (this.targetLayout?.x && this.targetLayout?.width) {
       const targetMidPosition = this.targetLayout.x + this.targetLayout.width / 2;
-      
+
       if (targetMidPosition > this.containerWidth * (2 / 3)) {
         return TARGET_POSITIONS.RIGHT;
       } else if (targetMidPosition < this.containerWidth * (1 / 3)) {
@@ -329,7 +328,7 @@ class Hint extends Component<HintProps, HintState> {
 
   getHintPadding() {
     const paddings: Paddings = {paddingVertical: this.hintOffset, paddingHorizontal: this.edgeMargins};
-    
+
     if (this.useSideTip && this.targetLayout?.x) {
       const targetPositionOnScreen = this.getTargetPositionOnScreen();
       if (targetPositionOnScreen === TARGET_POSITIONS.LEFT) {
@@ -345,7 +344,7 @@ class Hint extends Component<HintProps, HintState> {
   getHintAnimatedStyle = () => {
     const {position} = this.props;
     const translateY = position === HintPositions.TOP ? -10 : 10;
-    
+
     return {
       opacity: this.visibleAnimated,
       transform: [
@@ -431,25 +430,19 @@ class Hint extends Component<HintProps, HintState> {
       transform: [{scaleY: flipVertically ? -1 : 1}, {scaleX: flipHorizontally ? -1 : 1}]
     };
 
-    return (
-      <Image
-        tintColor={color}
-        source={source}
-        style={[styles.hintTip, this.getTipPosition(), flipStyle]}
-      />
-    );
+    return <Image tintColor={color} source={source} style={[styles.hintTip, this.getTipPosition(), flipStyle]}/>;
   }
 
   renderContent() {
     const {
-      message, 
-      messageStyle, 
-      icon, 
-      iconStyle, 
-      borderRadius, 
-      color = DEFAULT_COLOR, 
-      customContent, 
-      removePaddings, 
+      message,
+      messageStyle,
+      icon,
+      iconStyle,
+      borderRadius,
+      color = DEFAULT_COLOR,
+      customContent,
+      removePaddings,
       enableShadow,
       visible,
       testID
@@ -463,7 +456,7 @@ class Hint extends Component<HintProps, HintState> {
         style={[
           styles.hint,
           !removePaddings && styles.hintPaddings,
-          visible && enableShadow && styles.containerShadow, 
+          visible && enableShadow && styles.containerShadow,
           {backgroundColor: color},
           !_.isUndefined(borderRadius) && {borderRadius}
         ]}
@@ -508,7 +501,7 @@ class Hint extends Component<HintProps, HintState> {
     return (
       <View
         {...others}
-        // this view must be collapsable, don't pass testID or backgroundColor etc'. 
+        // this view must be collapsable, don't pass testID or backgroundColor etc'.
         collapsable
         testID={undefined}
         style={[styles.container, style, this.getContainerPosition()]}
@@ -533,7 +526,7 @@ class Hint extends Component<HintProps, HintState> {
 
   render() {
     const {onBackgroundPress, testID} = this.props;
-    
+
     if (!this.props.visible && this.state.hintUnmounted) {
       return this.props.children || null;
     }