js: Convert static/js/components.js to ES6 module.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

.eslintrc.json

@@ -152,7 +152,6 @@
                 "color_data": false,
                 "colorspace": false,
                 "common": false,
-                "components": false,
                 "compose": false,
                 "compose_actions": false,
                 "compose_fade": false,

static/js/bundles/app.js

@@ -20,7 +20,6 @@ import "../keydown_util";
 import "../rtl";
 import "../fold_dict";
 import "../scroll_util";
-import "../components";
 import "../feedback_widget";
 import "../localstorage";
 import "../drafts";

static/js/components.js

@@ -1,5 +1,3 @@
-"use strict";
-
 /* USAGE:
     Toggle x = components.toggle({
         selected: Integer selected_index,
@@ -12,7 +10,7 @@
     }).get();
 */
 
-exports.toggle = function (opts) {
+export function toggle(opts) {
     const component = (function render_component(opts) {
         const _component = $("<div class='tab-switcher'></div>");
         if (opts.html_class) {
@@ -166,6 +164,4 @@ exports.toggle = function (opts) {
     };
 
     return prototype;
-};
-
-window.components = exports;
+}

static/js/global.d.ts

@@ -25,7 +25,6 @@ declare let click_handlers: any;
 declare let color_data: any;
 declare let colorspace: any;
 declare let common: any;
-declare let components: any;
 declare let compose: any;
 declare let compose_actions: any;
 declare let composebox_typeahead: any;

static/js/info_overlay.js

@@ -1,5 +1,7 @@
 "use strict";
 
+const components = require("./components");
+
 // Make it explicit that our toggler is undefined until
 // set_up_toggler is called.
 exports.toggler = undefined;

static/js/settings_toggle.js

@@ -1,5 +1,7 @@
 "use strict";
 
+const components = require("./components");
+
 let toggler;
 
 exports.highlight_toggle = function (tab_name) {

static/js/subs.js

@@ -7,6 +7,7 @@ const render_subscription_settings = require("../templates/subscription_settings
 const render_subscription_table_body = require("../templates/subscription_table_body.hbs");
 const render_subscriptions = require("../templates/subscriptions.hbs");
 
+const components = require("./components");
 const people = require("./people");
 const search_util = require("./search_util");
 const util = require("./util");