[No QA][TS migration] Remove all remaining prop-types from the project

package.json

@@ -122,7 +122,6 @@
     "mapbox-gl": "^2.15.0",
     "onfido-sdk-ui": "14.15.0",
     "process": "^0.11.10",
-    "prop-types": "^15.7.2",
     "pusher-js": "8.3.0",
     "react": "18.2.0",
     "react-beautiful-dnd": "^13.1.1",

src/components/Tooltip/BaseTooltip/index.tsx

@@ -20,8 +20,6 @@ const hasHoverSupport = DeviceCapabilities.hasHoverSupport();
 /**
  * A component used to wrap an element intended for displaying a tooltip. The term "tooltip's target" refers to the
  * wrapped element, which, upon hover, triggers the tooltip to be shown.
- * @param {propTypes} props
- * @returns {ReactNodeLike}
  */
 
 /**
@@ -30,10 +28,10 @@ const hasHoverSupport = DeviceCapabilities.hasHoverSupport();
  * so we need to find the correct part (the one that the user is hovering
  * over) and show the tooltip there.
  *
- * @param {Element} target The DOM element being hovered over.
- * @param {number} clientX The X position from the MouseEvent.
- * @param {number} clientY The Y position from the MouseEvent.
- * @return {DOMRect} The chosen bounding box.
+ * @param target The DOM element being hovered over.
+ * @param clientX The X position from the MouseEvent.
+ * @param clientY The Y position from the MouseEvent.
+ * @return The chosen bounding box.
  */
 
 function chooseBoundingBox(target: HTMLElement, clientX: number, clientY: number): DOMRect {

src/components/withCurrentReportID.tsx

@@ -1,5 +1,4 @@
 import type {NavigationState} from '@react-navigation/native';
-import PropTypes from 'prop-types';
 import type {ComponentType, ForwardedRef, RefAttributes} from 'react';
 import React, {createContext, forwardRef, useCallback, useMemo, useState} from 'react';
 import getComponentDisplayName from '@libs/getComponentDisplayName';
@@ -17,15 +16,6 @@ type CurrentReportIDContextProviderProps = {
 
 const CurrentReportIDContext = createContext<CurrentReportIDContextValue | null>(null);
 
-// TODO: Remove when depended components are migrated to TypeScript.
-const withCurrentReportIDPropTypes = {
-    /** Function to update the state */
-    updateCurrentReportID: PropTypes.func.isRequired,
-
-    /** The top most report id */
-    currentReportID: PropTypes.string,
-};
-
 const withCurrentReportIDDefaultProps = {
     currentReportID: '',
 };
@@ -95,5 +85,5 @@ export default function withCurrentReportID<TProps extends CurrentReportIDContex
     return forwardRef(WithCurrentReportID);
 }
 
-export {withCurrentReportIDPropTypes, withCurrentReportIDDefaultProps, CurrentReportIDContextProvider, CurrentReportIDContext};
+export {withCurrentReportIDDefaultProps, CurrentReportIDContextProvider, CurrentReportIDContext};
 export type {CurrentReportIDContextValue};

src/components/withKeyboardState.tsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import type {ComponentType, ForwardedRef, ReactElement, RefAttributes} from 'react';
 import React, {createContext, forwardRef, useEffect, useMemo, useState} from 'react';
 import {Keyboard} from 'react-native';
@@ -13,15 +12,6 @@ type KeyboardStateContextValue = {
     keyboardHeight: number;
 };
 
-// TODO: Remove - left for backwards compatibility with existing components (https://github.com/Expensify/App/issues/25151)
-const keyboardStatePropTypes = {
-    /** Whether the keyboard is open */
-    isKeyboardShown: PropTypes.bool.isRequired,
-
-    /** Height of the keyboard in pixels */
-    keyboardHeight: PropTypes.number.isRequired,
-};
-
 const KeyboardStateContext = createContext<KeyboardStateContextValue>({
     isKeyboardShown: false,
     keyboardHeight: 0,
@@ -76,4 +66,5 @@ export default function withKeyboardState<TProps extends KeyboardStateContextVal
     return forwardRef(WithKeyboardState);
 }
 
-export {KeyboardStateProvider, keyboardStatePropTypes, type KeyboardStateContextValue, KeyboardStateContext};
+export type {KeyboardStateContextValue};
+export {KeyboardStateProvider, KeyboardStateContext};

src/components/withLocalize.tsx

@@ -1,37 +1,9 @@
-import PropTypes from 'prop-types';
 import type {ComponentType, ForwardedRef, ReactElement, RefAttributes} from 'react';
 import React, {forwardRef} from 'react';
 import getComponentDisplayName from '@libs/getComponentDisplayName';
 import type {LocaleContextProps} from './LocaleContextProvider';
 import {LocaleContext} from './LocaleContextProvider';
 
-const withLocalizePropTypes = {
-    /** Returns translated string for given locale and phrase */
-    translate: PropTypes.func.isRequired,
-
-    /** Formats number formatted according to locale and options */
-    numberFormat: PropTypes.func.isRequired,
-
-    /** Converts a datetime into a localized string representation that's relative to current moment in time */
-    datetimeToRelative: PropTypes.func.isRequired,
-
-    /** Formats a datetime to local date and time string */
-    datetimeToCalendarTime: PropTypes.func.isRequired,
-
-    /** Updates date-fns internal locale */
-    updateLocale: PropTypes.func.isRequired,
-
-    /** Returns a locally converted phone number for numbers from the same region
-     * and an internationally converted phone number with the country code for numbers from other regions */
-    formatPhoneNumber: PropTypes.func.isRequired,
-
-    /** Gets the standard digit corresponding to a locale digit */
-    fromLocaleDigit: PropTypes.func.isRequired,
-
-    /** Gets the locale digit corresponding to a standard digit */
-    toLocaleDigit: PropTypes.func.isRequired,
-};
-
 type WithLocalizeProps = LocaleContextProps;
 
 export default function withLocalize<TProps extends WithLocalizeProps, TRef>(
@@ -57,5 +29,4 @@ export default function withLocalize<TProps extends WithLocalizeProps, TRef>(
     return forwardRef(WithLocalize);
 }
 
-export {withLocalizePropTypes};
 export type {WithLocalizeProps};

src/components/withStyleUtils.tsx

@@ -1,13 +1,9 @@
-import PropTypes from 'prop-types';
 import type {ComponentType, ForwardedRef, ReactElement, RefAttributes} from 'react';
 import React, {forwardRef} from 'react';
 import useStyleUtils from '@hooks/useStyleUtils';
 import getComponentDisplayName from '@libs/getComponentDisplayName';
 import type {StyleUtilsType} from '@styles/utils';
 
-const withStyleUtilsPropTypes = {
-    StyleUtils: PropTypes.object.isRequired,
-};
 type WithStyleUtilsProps = {StyleUtils: StyleUtilsType};
 
 export default function withStyleUtils<TProps extends WithStyleUtilsProps, TRef>(
@@ -30,4 +26,4 @@ export default function withStyleUtils<TProps extends WithStyleUtilsProps, TRef>
     return forwardRef(WithStyleUtils);
 }
 
-export {withStyleUtilsPropTypes, type WithStyleUtilsProps};
+export type {WithStyleUtilsProps};

src/components/withTheme.tsx

@@ -1,13 +1,9 @@
-import PropTypes from 'prop-types';
 import type {ComponentType, ForwardedRef, ReactElement, RefAttributes} from 'react';
 import React, {forwardRef} from 'react';
 import useTheme from '@hooks/useTheme';
 import getComponentDisplayName from '@libs/getComponentDisplayName';
 import type {ThemeColors} from '@styles/theme/types';
 
-const withThemePropTypes = {
-    theme: PropTypes.object.isRequired,
-};
 type WithThemeProps = {theme: ThemeColors};
 
 export default function withTheme<TProps extends WithThemeProps, TRef>(
@@ -30,5 +26,4 @@ export default function withTheme<TProps extends WithThemeProps, TRef>(
     return forwardRef(WithTheme);
 }
 
-export {withThemePropTypes};
 export type {WithThemeProps};

src/components/withThemeStyles.tsx

@@ -1,13 +1,9 @@
-import PropTypes from 'prop-types';
 import type {ComponentType, ForwardedRef, ReactElement, RefAttributes} from 'react';
 import React, {forwardRef} from 'react';
 import useThemeStyles from '@hooks/useThemeStyles';
 import getComponentDisplayName from '@libs/getComponentDisplayName';
 import type {ThemeStyles} from '@styles/index';
 
-const withThemeStylesPropTypes = {
-    themeStyles: PropTypes.object.isRequired,
-};
 type WithThemeStylesProps = {themeStyles: ThemeStyles};
 
 export default function withThemeStyles<TProps extends WithThemeStylesProps, TRef>(
@@ -30,5 +26,4 @@ export default function withThemeStyles<TProps extends WithThemeStylesProps, TRe
     return forwardRef(WithThemeStyles);
 }
 
-export {withThemeStylesPropTypes};
 export type {WithThemeStylesProps};