hunk.code_window:         "react-infinite-scroll-component": "^6.1.0",
           "react-infinite-scroller": "1.2.6",
           "react-intl": "*",
           "react-redux": "7.2.6",
           "react-refresh": "0.11.0",
           "react-router-dom": "5.3.4",
           "react-router-hash-link": "2.4.3",
           "react-select": "4.3.1",
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.file_path: webapp/package-lock.json
hunk.type: replace
file: // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
  // See LICENSE.txt for license information.
  
  import React from 'react';
  import {CSSTransition} from 'react-transition-group';
  
  import {isMobile} from 'utils/utils';
  
  const ANIMATION_DURATION = 80;
  
  type Props = {
      children?: React.ReactNode;
      show: boolean;
  }
  
  /**
   * @deprecated Use the "webapp/channels/src/components/menu" instead.
   */
  export default function MenuWrapperAnimation(props: Props) {
      if (isMobile()) {
          if (props.show) {
              return props.children;
          }
  
          return null;
      }
  
      return (
          <CSSTransition
              in={props.show}
              classNames='MenuWrapperAnimation'
              enter={true}
              exit={true}
              mountOnEnter={true}
              unmountOnExit={true}
              timeout={ANIMATION_DURATION}
          >
              {props.children}
          </CSSTransition>
      );
  }
  
  