settings_toggle: Convert module to typescript.

Author: evykassirer

tools/test-js-with-node

@@ -222,7 +222,7 @@ EXEMPT_FILES = make_set(
         "web/src/settings_realm_user_settings_defaults.ts",
         "web/src/settings_sections.ts",
         "web/src/settings_streams.ts",
-        "web/src/settings_toggle.js",
+        "web/src/settings_toggle.ts",
         "web/src/settings_ui.ts",
         "web/src/settings_user_topics.ts",
         "web/src/settings_users.ts",

web/src/admin.js

@@ -19,7 +19,7 @@ import * as settings_invites from "./settings_invites.ts";
 import * as settings_org from "./settings_org.ts";
 import * as settings_panel_menu from "./settings_panel_menu.ts";
 import * as settings_sections from "./settings_sections.ts";
-import * as settings_toggle from "./settings_toggle.js";
+import * as settings_toggle from "./settings_toggle.ts";
 import * as settings_users from "./settings_users.ts";
 import {current_user, realm} from "./state_data.ts";
 

web/src/click_handlers.js

@@ -31,7 +31,7 @@ import * as rows from "./rows.ts";
 import * as server_events from "./server_events.js";
 import * as settings_panel_menu from "./settings_panel_menu.ts";
 import * as settings_preferences from "./settings_preferences.ts";
-import * as settings_toggle from "./settings_toggle.js";
+import * as settings_toggle from "./settings_toggle.ts";
 import * as sidebar_ui from "./sidebar_ui.ts";
 import * as spectators from "./spectators.ts";
 import * as starred_messages_ui from "./starred_messages_ui.ts";

web/src/hashchange.js

@@ -24,7 +24,7 @@ import * as recent_view_util from "./recent_view_util.ts";
 import * as scheduled_messages_overlay_ui from "./scheduled_messages_overlay_ui.ts";
 import * as settings from "./settings.js";
 import * as settings_panel_menu from "./settings_panel_menu.ts";
-import * as settings_toggle from "./settings_toggle.js";
+import * as settings_toggle from "./settings_toggle.ts";
 import * as sidebar_ui from "./sidebar_ui.ts";
 import * as spectators from "./spectators.ts";
 import {current_user} from "./state_data.ts";

web/src/settings.js

@@ -19,7 +19,7 @@ import * as settings_data from "./settings_data.ts";
 import * as settings_panel_menu from "./settings_panel_menu.ts";
 import * as settings_preferences from "./settings_preferences.ts";
 import * as settings_sections from "./settings_sections.ts";
-import * as settings_toggle from "./settings_toggle.js";
+import * as settings_toggle from "./settings_toggle.ts";
 import {current_user, realm} from "./state_data.ts";
 import * as timerender from "./timerender.ts";
 import {user_settings} from "./user_settings.ts";

web/src/settings_toggle.js web/src/settings_toggle.ts

@@ -1,18 +1,19 @@
 import $ from "jquery";
 
 import * as components from "./components.ts";
+import type {Toggle} from "./components.ts";
 import {$t} from "./i18n.ts";
 import * as settings_panel_menu from "./settings_panel_menu.ts";
 
-let toggler;
+let toggler: Toggle | undefined;
 
-export function goto(tab_name) {
+export function goto(tab_name: string): void {
     if (toggler) {
         toggler.goto(tab_name);
     }
 }
 
-export function initialize() {
+export function initialize(): void {
     toggler = components.toggle({
         child_wants_focus: true,
         values: [
@@ -34,7 +35,7 @@ export function initialize() {
 }
 
 // Handles the collapse/reveal of some tabs in the org settings for non-admins.
-export function toggle_org_setting_collapse() {
+export function toggle_org_setting_collapse(): void {
     const is_collapsed = $(".collapse-org-settings").hasClass("hide-org-settings");
     const show_fewer_settings_text = $t({defaultMessage: "Show fewer"});
     const show_more_settings_text = $t({defaultMessage: "Show more"});

web/src/ui_init.js

@@ -110,7 +110,7 @@ import * as settings_panel_menu from "./settings_panel_menu.ts";
 import * as settings_preferences from "./settings_preferences.ts";
 import * as settings_realm_user_settings_defaults from "./settings_realm_user_settings_defaults.ts";
 import * as settings_sections from "./settings_sections.ts";
-import * as settings_toggle from "./settings_toggle.js";
+import * as settings_toggle from "./settings_toggle.ts";
 import * as sidebar_ui from "./sidebar_ui.ts";
 import * as spoilers from "./spoilers.ts";
 import * as starred_messages from "./starred_messages.ts";