Move on to events namespace

spec/on.spec.js → spec/events/on.spec.js

@@ -1,4 +1,4 @@
-import { on } from "../src";
+import { on } from "../../src";
 
 describe("on", () => {
   let subject;

src/events/on.js

@@ -0,0 +1,15 @@
+/* @flow */
+
+import type { EventType } from "../types";
+
+function on(
+  element: Element,
+  eventType: EventType,
+  listener: EventListener
+): () => void {
+  element.addEventListener(eventType, listener);
+
+  return () => element.removeEventListener(eventType, listener);
+}
+
+export default on;

src/index.js

@@ -1,12 +1,13 @@
 /* @flow */
 
-import type { Selector } from "./types";
+import type { EventType, Selector } from "./types";
 
 import { html, body } from "./aliases";
 import addClass from "./css/add-class";
 import hasClass from "./css/has-class";
 import removeClass from "./css/remove-class";
 import toggleClass from "./css/toggle-class";
+import on from "./events/on";
 import query from "./queries/query";
 import queryAll from "./queries/query-all";
 import matches from "./traversing/matches";
@@ -21,8 +22,6 @@ type EventDetails = { [key: string]: mixed };
 
 type EventListener = (event: Event) => mixed;
 
-type EventType = string;
-
 type PredicateFn = (element: Element) => boolean;
 
 /* Dataset */
@@ -118,16 +117,6 @@ function remove(element: Element): boolean {
 
 /* Events */
 
-function on(
-  element: Element,
-  eventType: EventType,
-  listener: EventListener
-): () => void {
-  element.addEventListener(eventType, listener);
-
-  return () => element.removeEventListener(eventType, listener);
-}
-
 function once(
   element: Element,
   eventType: EventType,

src/types.js

@@ -4,6 +4,8 @@ export type CSSClass = string;
 
 export type Elements = Array<Element>;
 
+export type EventType = string;
+
 export type Predicate = (element: Element) => boolean;
 
 export type Selector = string;