ui: convert javascript files to typescript

[Forfold]

convert remaining .js/.jsx components to .tsx and .js utility files to .ts

remaining files:

• ./live.js
• ./src/cypress/plugins/index.js
• ./src/cypress/plugins/tasks.js
• ./src/cypress/ci-plugins.js
• ./src/cypress/support/commands.js
• ./src/app/forms/FormContainer.js
• ./src/app/forms/index.js
• ./src/app/forms/FormField.js
• ./src/app/forms/context.js
• ./src/app/forms/Form.js
• ./src/app/loading/components/Spinner.js (ui/loading: convert LoadingButton and Spinner to typescript #2369)
• ./src/app/loading/components/LoadingButton.js (ui/loading: convert LoadingButton and Spinner to typescript #2369)
• ./src/app/rotations/RotationEditDialog.js (ui/rotations: convert RotationEditDialog to ts #2473)
• ./src/app/rotations/RotationRouter.js
• ./src/app/rotations/util.js (ui/rotations: convert util.js to ts #2479)
• ./src/app/rotations/RotationUserList.js (ui/rotations: convert RotationUserList to typescript #2675)
• ./src/app/rotations/RotationDeleteDialog.js (ui/rotations: convert RotationDeleteDialog to ts and use urql #2471)
• ./src/app/rotations/RotationAddUserDialog.js (ui/rotations: convert RotationAddUserDialog file to ts #2433)
• ./src/app/rotations/RotationCreateDialog.js (ui/rotations: convert RotationCreateDialog to ts #2434)
• ./src/app/rotations/RotationSetActiveDialog.js (ui/rotations: convert RotationSetActiveDialog to ts and use urql #2476)
• ./src/app/rotations/UserForm.js (ui/rotations: convert UserForm to typescript #2676)
• ./src/app/rotations/RotationForm.js (ui/rotations: convert RotationForm to ts #2474)
• ./src/app/rotations/RotationDetails.js (ui/rotations: convert RotationDetails & RotationUserDeleteDialog to ts #2472)
• ./src/app/rotations/RotationUserDeleteDialog.js (ui/rotations: convert RotationDetails & RotationUserDeleteDialog to ts #2472)
• ./src/app/escalation-policies/PolicyStepsQuery.js ui/escalation-policies: convert PolicyStepsQuery to ts #2526
• ./src/app/escalation-policies/PolicyStepEditDialog.js ui/escalation-policies: convert PolicyStepEditDialog to ts #2536
• ./src/app/escalation-policies/PolicyEditDialog.js ui/escalation-policies: convert PolicyEditDialog to ts #2528
• ./src/app/escalation-policies/PolicyStepForm.js
• ./src/app/escalation-policies/PolicyStep.js ui/escalation-policies: convert PolicyStep to ts #2537
• ./src/app/escalation-policies/PolicyForm.js (ui/escalation_policies: convert PolicyForm to typescript #2681)
• ./src/app/escalation-policies/PolicyDetails.js ui/escalation-policies: convert PolicyDetails to ts #2527
• ./src/app/escalation-policies/PolicyCreateDialog.js (ui/lists: use component type for create dialogs #2467)
• ./src/app/escalation-policies/PolicyStepCreateDialog.js ui/escalation-policies: convert PolicyStepCreateDialog to ts #2534
• ./src/app/escalation-policies/PolicyRouter.js
• ./src/app/escalation-policies/PolicyStepDeleteDialog.js ui/escalation-policies: convert PolicyStepDeleteDialog to ts #2535
• ./src/app/escalation-policies/PolicyDeleteDialog.js ui/escalation-policies: convert PolicyDeleteDialog to ts #2508
• ./src/app/escalation-policies/PolicyServicesQuery.js ui/escalation-policies: convert PolicyServicesQuery to ts #2538
• ./src/app/escalation-policies/PolicyStepsCard.jsx (ts: convert PolicyStepCard to ts #3796)
• ./src/app/util/graphql.js
• ./src/app/util/MountWatcher.js
• ./src/app/util/query_param.js
• ./src/app/util/OtherActionsDesktop.js
• ./src/app/util/promiseBatch.js
• ./src/app/util/AppBarSearchContainer.js
• ./src/app/util/Query.js
• ./src/app/util/OtherActionsMobile.js
• ./src/app/util/graphql.test.js
• ./src/app/util/LuxonLocalizer.js
• ./src/app/util/FilterContainer.js
• ./src/app/util/CountDown.js (ui/util: convert CountDown to ts #2477)
• ./src/app/util/shrinkWorkaround.js
• ./src/app/util/OtherActions.js
• ./src/app/util/PageActions.js
• ./src/app/util/Search.js
• ./src/app/util/Markdown.js
• ./src/app/wizard/WizardForm.js
• ./src/app/wizard/util.js
• ./src/app/wizard/WizardRouter.js
• ./src/app/wizard/propTypes.js
• ./src/app/wizard/utilTestData.js
• ./src/app/wizard/util.test.js
• ./src/app/wizard/WizardScheduleForm.js
• ./src/app/admin/AdminDialog.js (ui/admin: convert file to typescript #2346)
• ./src/app/admin/AdminRouter.js (ui/admin: convert javascript file to typescript #2357)
• ./src/app/apollo.js
• ./src/app/schedules/ScheduleNewOverrideFAB.js (ui/schedules: convert ScheduleNewOverrideFAB & ScheduleOverrideCreateDialog to ts #2457)
• ./src/app/schedules/ScheduleShiftList.js (ui/schedules: Convert ScheduleShiftList to ts #2855)
• ./src/app/schedules/util.js
• ./src/app/schedules/ScheduleForm.js (ui/schedules: convert ScheduleForm to ts #2455)
• ./src/app/schedules/calendar/ScheduleCalendarOverrideDialog.js
• ./src/app/schedules/ScheduleTZFilter.js
• ./src/app/schedules/ScheduleRuleEditDialog.js (ui/schedules: convert ScheduleRuleList, ScheduleRuleCreateDialog, ScheduleRuleEditDialog to typescript #3525)
• ./src/app/schedules/ScheduleCreateDialog.js (ui/schedules: convert ScheduleCreateDialog to typescript #2453)
• ./src/app/schedules/ScheduleRouter.js
• ./src/app/schedules/ScheduleOverrideForm.js
• ./src/app/schedules/ScheduleDeleteDialog.js (ui/schedules: convert ScheduleDeleteDialog to typescript #2454)
• ./src/app/schedules/ScheduleRuleForm.js
• ./src/app/schedules/ScheduleAssignedToList.js (ui/schedules: convert ScheduleAssignedToList to typescript #2452)
• ./src/app/schedules/ScheduleRuleCreateDialog.js (ui/schedules: convert ScheduleRuleList, ScheduleRuleCreateDialog, ScheduleRuleEditDialog to typescript #3525)
• ./src/app/schedules/ScheduleOverrideCreateDialog.js (ui/schedules: convert ScheduleNewOverrideFAB & ScheduleOverrideCreateDialog to ts #2457)
• ./src/app/schedules/ScheduleOverrideEditDialog.js (ui/schedules: convert ScheduleOverrideEditDialog to ts and use urql #2464)
• ./src/app/schedules/ScheduleOverrideDeleteDialog.js (ui/schedules: convert ScheduleOverrideDeleteDialog to ts and use urql #2461)
• ./src/app/schedules/calendar-subscribe/CalendarSuccessForm.js
• ./src/app/schedules/calendar-subscribe/CalendarSubscribeForm.js
• ./src/app/schedules/calendar-subscribe/CalendarSubscribeDeleteDialog.js (ui: convert CalendarSubscribe dialogs to ts and to use urql instead of apollo #3590)
• ./src/app/schedules/calendar-subscribe/CalendarSubscribeButton.js
• ./src/app/schedules/calendar-subscribe/CalendarSubscribeCreateDialog.js (ui: convert CalendarSubscribe dialogs to ts and to use urql instead of apollo #3590)
• ./src/app/schedules/calendar-subscribe/CalendarSubscribeEditDialog.js (ui: convert CalendarSubscribe dialogs to ts and to use urql instead of apollo #3590)
• ./src/app/schedules/ScheduleRuleDeleteDialog.js (ui/schedules: convert ScheduleRuleDeleteDialog file to typescript #2417)
• ./src/app/schedules/ScheduleRuleList.js (ui/schedules: convert ScheduleRuleList, ScheduleRuleCreateDialog, ScheduleRuleEditDialog to typescript #3525)
• ./src/app/schedules/ScheduleOverrideList.js
• ./src/app/schedules/util.test.js
• ./src/app/schedules/ScheduleEditDialog.js (ui/schedules: convert ScheduleEditDialog to typescript #2451)
• ./src/app/alerts/AlertRouter.js
• ./src/app/alerts/components/AlertsListFilter.js (ui/alerts: use typescript for alerts list filter and controls #2365)
• ./src/app/alerts/components/AlertDetails.js (ui/alerts: convert AlertDetails file to typescript #2364)
• ./src/app/alerts/components/AlertsListControls.js (ui/alerts: use typescript for alerts list filter and controls #2365)
• ./src/app/alerts/AlertsList.js (ui/alerts: convert AlertsList file to typescript #2360)
• ./src/app/alerts/AlertDetailLogs.js (ui/AlertDetailLogs: Convert to typescript #2935)
• ./src/app/alerts/pages/AlertDetailPage.js (ui/AlertDetailPage: Convert to typescript #2936)
• ./src/app/alerts/CreateAlertDialog/CreateAlertDialog.js (ui/alerts: convert CreateAlertDialog, CreateAlertForm, and useCreateAlerts to ts #2423)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertServiceListItem.js (ui/alerts: Convert alert step content to typescript #2939)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertInfo.js (ui/alerts: Convert alert step content to typescript #2939)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertReview.js (ui/alerts: Convert alert step content to typescript #2939)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertServiceSelect.js (ui/alerts: Convert alert step content to typescript #2939)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertConfirm.js (ui/alerts: Convert alert step content to typescript #2939)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertForm.js (ui/alerts: convert CreateAlertDialog, CreateAlertForm, and useCreateAlerts to ts #2423)
• ./src/app/alerts/CreateAlertDialog/StepContent/CreateAlertListItem.js (ui/alerts: Convert alert step content to typescript #2939)
• ./src/app/alerts/CreateAlertDialog/useCreateAlerts.js (ui/alerts: convert CreateAlertDialog, CreateAlertForm, and useCreateAlerts to ts #2423)
• ./src/app/error-pages/index.js (ui/error-pages: convert Error files to typescript #2367)
• ./src/app/error-pages/Errors.js (ui/error-pages: convert Error files to typescript #2367)
• ./src/app/styles/materialStyles.js (ui/alerts: convert AlertDetails file to typescript #2364)
• ./src/app/styles/index.js (ui/styles: Convert index file to Typescript #3179)
• ./src/app/links/UserLink.js
• ./src/app/links/ServiceLink.js
• ./src/app/links/RotationLink.js
• ./src/app/links/SlackChannelLink.js
• ./src/app/links/index.js
• ./src/app/links/ScheduleLink.js
• ./src/app/users/UserNotificationRuleDeleteDialog.js (ui/users: convert UserNotificationRuleDeleteDialog file to ts and change to useMutation #2387)
• ./src/app/users/util.js
• ./src/app/users/UserNotificationRuleForm.js (ui/users: convert UserNotificationRuleForm file to typescript #2386)
• ./src/app/users/UserNotificationRuleCreateDialog.js (ui/users: convert UserNotificationRuleCreateDialog to typescript #2392)
• ./src/app/users/UserRouter.js (ui/users: convert UserRouter file to typescript #2383)
• ./src/app/users/UserContactMethodDeleteDialog.js ui/users: convert UserContactMethodDeleteDialog to ts #2503
• ./src/app/users/UserContactMethodCreateDialog.js (ui/users: convert UserContactMethodCreateDialog file to typescript #2378)
• ./src/app/users/UserContactMethodSelect.js (ui: convert UserContactMethodSelect to typescript #3438)
• ./src/app/users/UserDetails.js ui/users: convert UserDetails to ts #2502
• ./src/app/users/UserNotificationRuleList.js (ui/users: convert UserNotificationRuleList file to typescript #2384)
• ./src/app/users/UserContactMethodVerificationForm.js (ui/profile: convert UserContactMethodVerificationForm to typescript #3494)
• ./src/app/users/UserStatusUpdatePreference.js (ui/users: convert UserStatusUpdatePreference file to typescript #2382)
• ./src/app/users/UserContactMethodEditDialog.js (ui: convert UserContactMethodEditDialog to typescript #3472)
• ./src/app/users/UserContactMethodVerificationDialog.js (ui/profile: convert UserContactMethodVerificationDialog to ts #3490)
• ./src/app/users/UserCalendarSubscriptionList.js (ui/users: convert UserCalendarSubscriptionList file to typescript #2377)
• ./src/app/users/util.test.js
• ./src/app/icons/index.js
• ./src/app/icons/components/Icons.js
• ./src/app/actions/auth.js
• ./src/app/actions/index.js
• ./src/app/actions/main.js
• ./src/app/dialogs/FormDialog.js
• ./src/app/dialogs/components/DialogTitleWrapper.js
• ./src/app/dialogs/components/DialogContentError.js
• ./src/app/mui-pickers.js
• ./src/app/selection/RotationSelect.js
• ./src/app/selection/LabelValueSelect.js (ui/services: add integration key filter for services list #2587)
• ./src/app/selection/LabelKeySelect.js (ui/services: add integration key filter for services list #2587)
• ./src/app/selection/UserSelect.js
• ./src/app/selection/ScheduleSelect.js
• ./src/app/selection/TimeZoneSelect.js
• ./src/app/selection/index.js
• ./src/app/selection/SlackChannelSelect.js
• ./src/app/selection/ServiceSelect.js
• ./src/app/selection/QuerySelect.js
• ./src/app/selection/EscalationPolicySelect.js
• ./src/app/main/components/SideBarDrawerList.js
• ./src/app/main/components/Login.js (ui/components: Convert Login to typescript #3183)
• ./src/app/main/components/NavSubMenu.js
• ./src/app/main/components/ToolbarAction.js
• ./src/app/main/components/ToolbarTitle.js
• ./src/app/main/components/NewUserSetup.js
• ./src/app/main/routes.js
• ./src/app/main/ErrorBoundary.js
• ./src/app/main/App.js (ui/main: convert App file to typescript #2396)
• ./src/app/reducers/auth.js
• ./src/app/reducers/index.js
• ./src/app/reducers/main.js
• ./src/app/services/ServiceLabelForm.js
• ./src/app/services/ServiceCreateDialog.js (ui/lists: use component type for create dialogs #2467)
• ./src/app/services/IntegrationKeyDeleteDialog.js ui/services: convert IntegrationKeyDeleteDialog to ts #2569
• ./src/app/services/ServiceDeleteDialog.js ui/services: convert ServiceDeleteDialog to ts #2566
• ./src/app/services/IntegrationKeyCreateDialog.js ui/services: convert IntegrationKeyCreateDialog & IntegrationKeyList to ts #2568
• ./src/app/services/HeartbeatMonitorList.js ui/services: convert HeartbeatMonitorList to ts and use urql #2486
• ./src/app/services/ServiceLabelDeleteDialog.js ui/services: convert ServiceLabelList & ServiceLabelDeleteDialog to ts #2570
• ./src/app/services/HeartbeatMonitorCreateDialog.js (ui/services: convert HeartbeatMonitorCreateDialog to ts and use urql #2480)
• ./src/app/services/HeartbeatMonitorDeleteDialog.js ui/services: convert HeartbeatMonitorDeleteDialog to ts and use urql #2484
• ./src/app/services/ServiceLabelFilterContainer.js (ui/services: add integration key filter for services list #2587)
• ./src/app/services/ServiceRouter.js
• ./src/app/services/ServiceLabelEditDialog.js ui/services: convert ServiceEditDialog to ts #2571
• ./src/app/services/HeartbeatMonitorStatus.js ui/services: convert HeartbeatMonitorStatus to ts #2487
• ./src/app/services/ServiceDetails.js ui/services: convert ServiceDetails to ts #2572
• ./src/app/services/ServiceLabelList.js ui/services: convert ServiceLabelList & ServiceLabelDeleteDialog to ts #2570
• ./src/app/services/ServiceAlerts.js ui/services: convert ServiceAlerts to ts #2573
• ./src/app/services/ServiceEditDialog.js ui/services: convert ServiceEditDialog to ts #2565
• ./src/app/services/HeartbeatMonitorEditDialog.js ui/services: convert HeartbeatMonitorEditDialog to ts and use urql #2485
• ./src/app/services/ServiceOnCallList.js
• ./src/app/services/IntegrationKeyList.js ui/services: convert IntegrationKeyCreateDialog & IntegrationKeyList to ts #2568
• ./src/esbuild.config.js
• ./src/webpack.cypress.js
• ./src/babel.config.js
• ./src/modernizr.config.js
• ./src/build/static/explore.js
• ./src/build/static/app.js
• ./src/codemods/jsimports.js
• ./src/codemods/material-core.js