ref(TS) Convert constants tiles to TS (#12148)

Remove unnecessary ts-ignores

react/features/calendar-sync/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 /**
  * An enumeration of support calendar integration types.
  *

react/features/filmstrip/components/web/Filmstrip.tsx

@@ -25,7 +25,8 @@ import { showToolbox } from '../../../toolbox/actions.web';
 // @ts-ignore
 import { isButtonEnabled, isToolboxVisible } from '../../../toolbox/functions.web';
 // @ts-ignore
-import { getCurrentLayout, LAYOUTS } from '../../../video-layout';
+import { getCurrentLayout } from '../../../video-layout';
+import { LAYOUTS } from '../../../video-layout/constants';
 import {
     setFilmstripVisible,
     setUserFilmstripHeight,

react/features/filmstrip/components/web/Thumbnail.tsx

@@ -45,7 +45,8 @@ import { getGifDisplayMode, getGifForParticipant } from '../../../gifs/functions
 // @ts-ignore
 import { PresenceLabel } from '../../../presence-status';
 // @ts-ignore
-import { getCurrentLayout, LAYOUTS } from '../../../video-layout';
+import { getCurrentLayout } from '../../../video-layout';
+import { LAYOUTS } from '../../../video-layout/constants';
 // @ts-ignore
 import { togglePinStageParticipant } from '../../actions';
 import {

react/features/invite/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 /**
  * The pathName for the dialInInfo page.
  *

react/features/mobile/watchos/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 // NOTE When changing any of the commands make sure to update JitsiMeetCommands enum in the WatchKit extension code.
 
 export const CMD_HANG_UP = 'hangup';

react/features/participants-pane/components/web/FooterContextMenu.tsx

@@ -33,11 +33,11 @@ import {
 // @ts-ignore
 import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
 import {
-    SETTINGS_TABS,
     openSettingsDialog,
     shouldShowModeratorSettings
     // @ts-ignore
 } from '../../../settings';
+import { SETTINGS_TABS } from '../../../settings/constants';
 // @ts-ignore
 import { MuteEveryonesVideoDialog } from '../../../video-menu/components';
 

react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx

@@ -18,7 +18,6 @@ import { StyleType } from '../../../base/styles';
 import { authorizeDropbox, updateDropboxToken } from '../../../dropbox';
 // @ts-ignore
 import { isVpaasMeeting } from '../../../jaas/functions';
-// @ts-ignore
 import { RECORDING_TYPES } from '../../constants';
 // @ts-ignore
 import { supportsLocalRecording } from '../../functions';

react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx

@@ -10,7 +10,6 @@ import { connect } from '../../../../base/redux/functions';
 import Button from '../../../../base/ui/components/native/Button';
 import Switch from '../../../../base/ui/components/native/Switch';
 import { BUTTON_TYPES } from '../../../../base/ui/constants';
-// @ts-ignore
 import { RECORDING_TYPES } from '../../../constants';
 // @ts-ignore
 import { getRecordingDurationEstimation } from '../../../functions';

react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx

@@ -13,7 +13,6 @@ import {
 import { connect } from '../../../../base/redux/functions';
 import Button from '../../../../base/ui/components/web/Button';
 import { BUTTON_TYPES } from '../../../../base/ui/constants';
-// @ts-ignore
 import { RECORDING_TYPES } from '../../../constants';
 // @ts-ignore
 import { getRecordingDurationEstimation } from '../../../functions';

react/features/recording/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 import { JitsiRecordingConstants } from '../base/lib-jitsi-meet';
 
 

react/features/salesforce/components/web/RecordItem.tsx

@@ -2,7 +2,6 @@ import { makeStyles } from '@material-ui/core';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-// @ts-ignore
 import { RECORD_TYPE } from '../../constants';
 
 /**
@@ -82,7 +81,7 @@ export const RecordItem = ({
 }: Props) => {
     const { t } = useTranslation();
     const classes = useStyles();
-    const Icon = RECORD_TYPE[type].icon;
+    const Icon = RECORD_TYPE[type as keyof typeof RECORD_TYPE].icon;
 
     return (
         <li

react/features/salesforce/components/web/SalesforceLinkDialog.tsx

@@ -12,7 +12,6 @@ import { IconSearch } from '../../../base/icons/svg';
 // @ts-ignore
 import { getFieldValue } from '../../../base/react';
 import BaseTheme from '../../../base/ui/components/BaseTheme.web';
-// @ts-ignore
 import { NOTES_MAX_LENGTH } from '../../constants';
 // @ts-ignore
 import { useSalesforceLinkDialog } from '../../useSalesforceLinkDialog';

react/features/salesforce/constants.ts

@@ -3,7 +3,7 @@ import {
     IconRecordContact,
     IconRecordLead,
     IconRecordOpportunity
-} from '../base/icons';
+} from '../base/icons/svg';
 
 export const NOTES_MAX_LENGTH = 255;
 
@@ -13,7 +13,12 @@ export const CONTENT_HEIGHT_OFFSET = 200;
 
 export const LIST_HEIGHT_OFFSET = 250;
 
-export const RECORD_TYPE = {
+export const RECORD_TYPE: {
+    [key: string]: {
+        icon?: Function;
+        label: string;
+    };
+} = {
     ACCOUNT: {
         label: 'record.type.account',
         icon: IconRecordAccount

react/features/screenshot-capture/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 /**
  * Percent of pixels that signal if two images should be considered different.
  */

react/features/settings/components/web/SettingsDialog.tsx

@@ -23,7 +23,6 @@ import {
     submitSoundsTab
     // @ts-ignore
 } from '../../actions';
-// @ts-ignore
 import { SETTINGS_TABS } from '../../constants';
 import {
     getModeratorTabProps,

react/features/shared-video/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 /**
  * Fixed name of the video player fake participant.
  *

react/features/speaker-stats/components/web/SpeakerStats.tsx

@@ -13,7 +13,6 @@ import {
     DISPLAY_SWITCH_BREAKPOINT,
     MOBILE_BREAKPOINT,
     RESIZE_SEARCH_SWITCH_CONTAINER_BREAKPOINT
-    // @ts-ignore
 } from '../../constants';
 
 import FaceExpressionsSwitch from './FaceExpressionsSwitch';

react/features/speaker-stats/components/web/SpeakerStatsList.tsx

@@ -2,7 +2,6 @@
 import { makeStyles } from '@material-ui/core/styles';
 import React from 'react';
 
-// @ts-ignore
 import { MOBILE_BREAKPOINT } from '../../constants';
 // @ts-ignore
 import abstractSpeakerStatsList from '../AbstractSpeakerStatsList';

react/features/speaker-stats/components/web/SpeakerStatsSearch.tsx

@@ -9,7 +9,6 @@ import { IconSearch } from '../../../base/icons/svg';
 // @ts-ignore
 import { getFieldValue } from '../../../base/react';
 import BaseTheme from '../../../base/ui/components/BaseTheme.web';
-// @ts-ignore
 import { MOBILE_BREAKPOINT } from '../../constants';
 // @ts-ignore
 import { isSpeakerStatsSearchDisabled } from '../../functions';

react/features/video-menu/components/web/VolumeSlider.tsx

@@ -7,7 +7,6 @@ import { WithTranslation } from 'react-i18next';
 import { translate } from '../../../base/i18n/functions';
 import Icon from '../../../base/icons/components/Icon';
 import { IconVolume } from '../../../base/icons/svg';
-// @ts-ignore
 import { VOLUME_SLIDER_SCALE } from '../../constants';
 
 /**

react/features/video-menu/constants.ts

@@ -1,5 +1,3 @@
-// @flow
-
 /**
  * Used to modify initialValue, which is expected to be a decimal value between
  * 0 and 1, and converts it to a number representable by an input slider, which

react/features/welcome/constants.tsx

@@ -1,10 +1,11 @@
-// @flow
-
+/* eslint-disable lines-around-comment */
 import React from 'react';
 
-import { IconEventNote, IconRestore, IconSettings } from '../base/icons';
+import { IconEventNote, IconRestore, IconSettings } from '../base/icons/svg';
+// @ts-ignore
 import BaseTheme from '../base/ui/components/BaseTheme';
 
+// @ts-ignore
 import TabIcon from './components/TabIcon';
 
 export const INACTIVE_TAB_COLOR = BaseTheme.palette.tab01Disabled;
@@ -21,7 +22,7 @@ export const tabBarOptions = {
 };
 
 export const recentListTabBarOptions = {
-    tabBarIcon: ({ focused }) => (
+    tabBarIcon: ({ focused }: { focused: boolean; }) => (
         <TabIcon
             focused = { focused }
             src = { IconRestore } />
@@ -29,7 +30,7 @@ export const recentListTabBarOptions = {
 };
 
 export const calendarListTabBarOptions = {
-    tabBarIcon: ({ focused }) => (
+    tabBarIcon: ({ focused }: { focused: boolean; }) => (
         <TabIcon
             focused = { focused }
             src = { IconEventNote } />
@@ -37,7 +38,7 @@ export const calendarListTabBarOptions = {
 };
 
 export const settingsTabBarOptions = {
-    tabBarIcon: ({ focused }) => (
+    tabBarIcon: ({ focused }: { focused: boolean; }) => (
         <TabIcon
             focused = { focused }
             src = { IconSettings } />