[No QA] [TS migration] Migrate 'getNavigationModalCardStyles' style to TypeScript

src/styles/getNavigationModalCardStyles/getBaseNavigationModalCardStyles.js → src/styles/getNavigationModalCardStyles/getBaseNavigationModalCardStyles.ts

@@ -1,10 +1,13 @@
 import variables from '../variables';
+import GetNavigationModalCardStyles from './types';
 
-export default ({isSmallScreenWidth}) => ({
+const getBaseNavigationModalCardStyles: GetNavigationModalCardStyles = ({isSmallScreenWidth}) => ({
     position: 'absolute',
     top: 0,
     right: 0,
     width: isSmallScreenWidth ? '100%' : variables.sideBarWidth,
     backgroundColor: 'transparent',
     height: '100%',
 });
+
+export default getBaseNavigationModalCardStyles;

src/styles/getNavigationModalCardStyles/index.website.js → src/styles/getNavigationModalCardStyles/index.website.ts

@@ -1,6 +1,7 @@
 import getBaseNavigationModalCardStyles from './getBaseNavigationModalCardStyles';
+import GetNavigationModalCardStyles from './types';
 
-export default ({isSmallScreenWidth}) => ({
+const getNavigationModalCardStyles: GetNavigationModalCardStyles = ({isSmallScreenWidth}) => ({
     ...getBaseNavigationModalCardStyles({isSmallScreenWidth}),
 
     // position: fixed is set instead of position absolute to workaround Safari known issues of updating heights in DOM.
@@ -10,3 +11,5 @@ export default ({isSmallScreenWidth}) => ({
     // https://github.com/Expensify/App/issues/20709
     position: 'fixed',
 });
+
+export default getNavigationModalCardStyles;

src/styles/getNavigationModalCardStyles/types.ts

@@ -0,0 +1,9 @@
+import {CSSProperties} from 'react';
+import {ViewStyle} from 'react-native';
+import {Merge} from 'type-fest';
+
+type GetNavigationModalCardStylesParams = {isSmallScreenWidth: number};
+
+type GetNavigationModalCardStyles = (params: GetNavigationModalCardStylesParams) => Merge<ViewStyle, Pick<CSSProperties, 'position'>>;
+
+export default GetNavigationModalCardStyles;