Split event definitions from types.js into events.js

The types.js file now just contains typedefs for Closure.
There are some constants defined in events.js which are actually used at runtime.

Change-Id: Ibe12b78de463785e1a27f613ff6cad54facaa90d
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2626614Reviewed-by: John Palmer <jopalmer@chromium.org>
Reviewed-by: Keith Lee <keithlee@chromium.org>
Commit-Queue: Kenton Lam <kentonlam@google.com>
Cr-Commit-Position: refs/heads/master@{#843389}

chrome/browser/resources/chromeos/emoji_picker/BUILD.gn

@@ -28,6 +28,7 @@ generate_grd("build_grd") {
   input_files = [
     "index.html",
     "types.js",
+    "events.js",
   ]
   grdp_files = [
     components_grdp_file,
@@ -69,6 +70,7 @@ js_library("emoji_picker") {
   deps = [
     ":emoji_group",
     ":emoji_group_button",
+    ":events",
     ":types",
     "//third_party/polymer/v3_0/components-chromium/polymer:polymer_bundled",
     "//ui/webui/resources/js:assert.m",
@@ -84,6 +86,7 @@ js_library("emoji_group") {
 
 js_library("emoji_group_button") {
   deps = [
+    ":events",
     ":icons",
     "//third_party/polymer/v3_0/components-chromium/iron-icon",
     "//third_party/polymer/v3_0/components-chromium/polymer:polymer_bundled",
@@ -100,12 +103,16 @@ js_library("icons") {
 js_library("types") {
 }
 
+js_library("events") {
+}
+
 js_type_check("closure_compile") {
   is_polymer3 = true
   deps = [
     ":emoji_group",
     ":emoji_group_button",
     ":emoji_picker",
+    ":events",
     ":icons",
     ":types",
   ]

chrome/browser/resources/chromeos/emoji_picker/emoji_group_button.js

@@ -7,7 +7,7 @@ import 'chrome://resources/polymer/v3_0/iron-icon/iron-icon.js';
 
 import {html, PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
 
-import {GROUP_BUTTON_EVENT, GroupButtonEvent} from './types.js';
+import {GROUP_BUTTON_EVENT, GroupButtonEvent} from './events.js';
 
 class EmojiGroupButton extends PolymerElement {
   static get is() {

chrome/browser/resources/chromeos/emoji_picker/emoji_picker.js

@@ -9,7 +9,8 @@ import './emoji_group_button.js';
 import {assert} from 'chrome://resources/js/assert.m.js';
 import {html, PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
 
-import {EmojiData, EmojiGroup, GROUP_BUTTON_EVENT} from './types.js';
+import {GROUP_BUTTON_EVENT} from './events.js';
+import {EmojiData, EmojiGroup} from './types.js';
 
 const EMOJI_ORDERING_JSON = '/emoji_13_1_ordering.json';
 

chrome/browser/resources/chromeos/emoji_picker/events.js

+// Copyright 2021 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+/**
+ * @typedef {!CustomEvent<{group: string}>}
+ */
+export let GroupButtonEvent;
+
+export const GROUP_BUTTON_EVENT = 'group-button';
+
+/**
+ * @typedef {!CustomEvent<{emoji: string}>}
+ */
+export let EmojiButtonEvent;
+
+export const EMOJI_BUTTON_EVENT = 'emoji-button';
\ No newline at end of file

chrome/browser/resources/chromeos/emoji_picker/types.js

@@ -16,10 +16,3 @@ export let EmojiGroup;
  * @typedef {Array<EmojiGroup>} EmojiData
  */
 export let EmojiData;
-
-/**
- * @typedef {!CustomEvent<{group: string}>} GroupButtonEvent
- */
-export let GroupButtonEvent;
-
-export const GROUP_BUTTON_EVENT = 'group-button';