@x-oasis/bind-events 0.1.34

package/README.md

@@ -0,0 +1,19 @@
+# @x-oasis/bind-events
+
+## Installation
+
+```bash
+$ npm i @x-oasis/bind-events
+```
+
+## How to use
+
+```typescript
+import bindEvents from '@x-oasis/bind-events'
+```
+
+## How to run test
+
+```bash
+$ pnpm test
+```

package/dist/bind-events.cjs.development.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function getOptions(shared, fromBinding) {
+  return _extends({}, shared, fromBinding);
+}
+function bindEvents(el, bindings, sharedOptions) {
+  var empty = [];
+  var nextBindings = empty.concat(bindings);
+  var unBindings = nextBindings.map(function (binding) {
+    var options = getOptions(sharedOptions, binding.options);
+    el.addEventListener(binding.eventName, binding.fn, options);
+    return function unbind() {
+      el.removeEventListener(binding.eventName, binding.fn, options);
+    };
+  });
+  return function unbindAll() {
+    unBindings.forEach(function (unbind) {
+      return unbind();
+    });
+  };
+}
+function bindEventsOnce(el, bindings, sharedOptions) {
+  var empty = [];
+  var nextBindings = empty.concat(bindings);
+  var unBindings = nextBindings.map(function (binding) {
+    var options = getOptions(sharedOptions, binding.options);
+    var unbind = function unbind() {};
+    var wrappedFn = function wrappedFn(e) {
+      binding.fn.call(null, e);
+      unbind();
+    };
+    el.addEventListener(binding.eventName, wrappedFn, options);
+    unbind = function unbind() {
+      return el.removeEventListener(binding.eventName, wrappedFn, options);
+    };
+    return unbind;
+  });
+  return function unbindAll() {
+    unBindings.forEach(function (unbind) {
+      return unbind();
+    });
+  };
+}
+
+exports.bindEventsOnce = bindEventsOnce;
+exports.default = bindEvents;
+//# sourceMappingURL=bind-events.cjs.development.js.map

package/dist/bind-events.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-events.cjs.development.js","sources":["../src/index.ts"],"sourcesContent":["// addEventListener<K extends keyof WindowEventMap>\n// (type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;\n\n// export interface Binding <K extends keyof WindowEventMap>{\n//   eventName: K;\n//   fn: (this: Window, ev: WindowEventMap[K]) => any;\n//   options?: boolean | AddEventListenerOptions\n// }\nexport interface Binding {\n  eventName: string;\n  fn: (e: MouseEvent) => any;\n  options?: AddEventListenerOptions;\n}\n\n// https://github.com/atlassian/react-beautiful-dnd/blob/master/src/view/event-bindings/bind-events.js\n\nfunction getOptions(\n  shared?: AddEventListenerOptions,\n  fromBinding?: AddEventListenerOptions\n) {\n  return {\n    ...shared,\n    ...fromBinding,\n  };\n}\n\nexport default function bindEvents(\n  el: HTMLElement | Window | Document,\n  bindings: Binding[] | Binding,\n  sharedOptions?: AddEventListenerOptions\n) {\n  const empty = [] as Binding[];\n  const nextBindings = empty.concat(bindings);\n  const unBindings = nextBindings.map((binding) => {\n    const options = getOptions(sharedOptions, binding.options);\n    // ts-hint: https://github.com/microsoft/TypeScript/issues/28357#issuecomment-436484705\n    el.addEventListener(\n      binding.eventName,\n      binding.fn as EventListener,\n      options\n    );\n\n    return function unbind() {\n      el.removeEventListener(\n        binding.eventName,\n        binding.fn as EventListener,\n        options\n      );\n    };\n  });\n\n  // Return a function to unbind events\n  return function unbindAll() {\n    unBindings.forEach((unbind) => unbind());\n  };\n}\n\n// once event triggered. it will be teardown first...\nexport function bindEventsOnce(\n  el: HTMLElement,\n  bindings: Binding[] | Binding,\n  sharedOptions?: AddEventListenerOptions\n) {\n  const empty = [] as Binding[];\n  const nextBindings = empty.concat(bindings);\n  const unBindings = nextBindings.map((binding) => {\n    const options = getOptions(sharedOptions, binding.options);\n    let unbind = () => {};\n\n    const wrappedFn = (e: MouseEvent) => {\n      binding.fn.call(null, e);\n      unbind();\n    };\n\n    el.addEventListener(binding.eventName, wrappedFn as EventListener, options);\n\n    unbind = () =>\n      el.removeEventListener(\n        binding.eventName,\n        wrappedFn as EventListener,\n        options\n      );\n\n    return unbind;\n  });\n\n  // Return a function to unbind events\n  return function unbindAll() {\n    unBindings.forEach((unbind) => unbind());\n  };\n}\n"],"names":["getOptions","shared","fromBinding","_extends","bindEvents","el","bindings","sharedOptions","empty","nextBindings","concat","unBindings","map","binding","options","addEventListener","eventName","fn","unbind","removeEventListener","unbindAll","forEach","bindEventsOnce","wrappedFn","e","call"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,SAASA,UAAUA,CACjBC,MAAgC,EAChCC,WAAqC;EAErC,OAAAC,QAAA,KACKF,MAAM,EACNC,WAAW;AAElB;SAEwBE,UAAUA,CAChCC,EAAmC,EACnCC,QAA6B,EAC7BC,aAAuC;EAEvC,IAAMC,KAAK,GAAG,EAAe;EAC7B,IAAMC,YAAY,GAAGD,KAAK,CAACE,MAAM,CAACJ,QAAQ,CAAC;EAC3C,IAAMK,UAAU,GAAGF,YAAY,CAACG,GAAG,CAAC,UAACC,OAAO;IAC1C,IAAMC,OAAO,GAAGd,UAAU,CAACO,aAAa,EAAEM,OAAO,CAACC,OAAO,CAAC;IAE1DT,EAAE,CAACU,gBAAgB,CACjBF,OAAO,CAACG,SAAS,EACjBH,OAAO,CAACI,EAAmB,EAC3BH,OAAO,CACR;IAED,OAAO,SAASI,MAAMA;MACpBb,EAAE,CAACc,mBAAmB,CACpBN,OAAO,CAACG,SAAS,EACjBH,OAAO,CAACI,EAAmB,EAC3BH,OAAO,CACR;KACF;GACF,CAAC;EAGF,OAAO,SAASM,SAASA;IACvBT,UAAU,CAACU,OAAO,CAAC,UAACH,MAAM;MAAA,OAAKA,MAAM,EAAE;MAAC;GACzC;AACH;SAGgBI,cAAcA,CAC5BjB,EAAe,EACfC,QAA6B,EAC7BC,aAAuC;EAEvC,IAAMC,KAAK,GAAG,EAAe;EAC7B,IAAMC,YAAY,GAAGD,KAAK,CAACE,MAAM,CAACJ,QAAQ,CAAC;EAC3C,IAAMK,UAAU,GAAGF,YAAY,CAACG,GAAG,CAAC,UAACC,OAAO;IAC1C,IAAMC,OAAO,GAAGd,UAAU,CAACO,aAAa,EAAEM,OAAO,CAACC,OAAO,CAAC;IAC1D,IAAII,MAAM,GAAG,SAAAA,WAAQ;IAErB,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAIC,CAAa;MAC9BX,OAAO,CAACI,EAAE,CAACQ,IAAI,CAAC,IAAI,EAAED,CAAC,CAAC;MACxBN,MAAM,EAAE;KACT;IAEDb,EAAE,CAACU,gBAAgB,CAACF,OAAO,CAACG,SAAS,EAAEO,SAA0B,EAAET,OAAO,CAAC;IAE3EI,MAAM,GAAG,SAAAA;MAAA,OACPb,EAAE,CAACc,mBAAmB,CACpBN,OAAO,CAACG,SAAS,EACjBO,SAA0B,EAC1BT,OAAO,CACR;;IAEH,OAAOI,MAAM;GACd,CAAC;EAGF,OAAO,SAASE,SAASA;IACvBT,UAAU,CAACU,OAAO,CAAC,UAACH,MAAM;MAAA,OAAKA,MAAM,EAAE;MAAC;GACzC;AACH;;;;;"}

package/dist/bind-events.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";function n(){return(n=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function e(e,t){return n({},e,t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.bindEventsOnce=function(n,t,r){var o=[].concat(t).map((function(t){var o=e(r,t.options),u=function(){},c=function(n){t.fn.call(null,n),u()};return n.addEventListener(t.eventName,c,o),u=function(){return n.removeEventListener(t.eventName,c,o)}}));return function(){o.forEach((function(n){return n()}))}},exports.default=function(n,t,r){var o=[].concat(t).map((function(t){var o=e(r,t.options);return n.addEventListener(t.eventName,t.fn,o),function(){n.removeEventListener(t.eventName,t.fn,o)}}));return function(){o.forEach((function(n){return n()}))}};
+//# sourceMappingURL=bind-events.cjs.production.min.js.map

package/dist/bind-events.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-events.cjs.production.min.js","sources":["../src/index.ts"],"sourcesContent":["// addEventListener<K extends keyof WindowEventMap>\n// (type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;\n\n// export interface Binding <K extends keyof WindowEventMap>{\n//   eventName: K;\n//   fn: (this: Window, ev: WindowEventMap[K]) => any;\n//   options?: boolean | AddEventListenerOptions\n// }\nexport interface Binding {\n  eventName: string;\n  fn: (e: MouseEvent) => any;\n  options?: AddEventListenerOptions;\n}\n\n// https://github.com/atlassian/react-beautiful-dnd/blob/master/src/view/event-bindings/bind-events.js\n\nfunction getOptions(\n  shared?: AddEventListenerOptions,\n  fromBinding?: AddEventListenerOptions\n) {\n  return {\n    ...shared,\n    ...fromBinding,\n  };\n}\n\nexport default function bindEvents(\n  el: HTMLElement | Window | Document,\n  bindings: Binding[] | Binding,\n  sharedOptions?: AddEventListenerOptions\n) {\n  const empty = [] as Binding[];\n  const nextBindings = empty.concat(bindings);\n  const unBindings = nextBindings.map((binding) => {\n    const options = getOptions(sharedOptions, binding.options);\n    // ts-hint: https://github.com/microsoft/TypeScript/issues/28357#issuecomment-436484705\n    el.addEventListener(\n      binding.eventName,\n      binding.fn as EventListener,\n      options\n    );\n\n    return function unbind() {\n      el.removeEventListener(\n        binding.eventName,\n        binding.fn as EventListener,\n        options\n      );\n    };\n  });\n\n  // Return a function to unbind events\n  return function unbindAll() {\n    unBindings.forEach((unbind) => unbind());\n  };\n}\n\n// once event triggered. it will be teardown first...\nexport function bindEventsOnce(\n  el: HTMLElement,\n  bindings: Binding[] | Binding,\n  sharedOptions?: AddEventListenerOptions\n) {\n  const empty = [] as Binding[];\n  const nextBindings = empty.concat(bindings);\n  const unBindings = nextBindings.map((binding) => {\n    const options = getOptions(sharedOptions, binding.options);\n    let unbind = () => {};\n\n    const wrappedFn = (e: MouseEvent) => {\n      binding.fn.call(null, e);\n      unbind();\n    };\n\n    el.addEventListener(binding.eventName, wrappedFn as EventListener, options);\n\n    unbind = () =>\n      el.removeEventListener(\n        binding.eventName,\n        wrappedFn as EventListener,\n        options\n      );\n\n    return unbind;\n  });\n\n  // Return a function to unbind events\n  return function unbindAll() {\n    unBindings.forEach((unbind) => unbind());\n  };\n}\n"],"names":["getOptions","shared","fromBinding","_extends","el","bindings","sharedOptions","unBindings","concat","map","binding","options","unbind","wrappedFn","e","fn","call","addEventListener","eventName","removeEventListener","forEach"],"mappings":"gPAgBA,SAASA,EACPC,EACAC,GAEA,OAAAC,KACKF,EACAC,0FAqCLE,EACAC,EACAC,GAEA,IAEMC,EAFQ,GACaC,OAAOH,GACFI,KAAI,SAACC,GACnC,IAAMC,EAAUX,EAAWM,EAAeI,EAAQC,SAC9CC,EAAS,aAEPC,EAAY,SAACC,GACjBJ,EAAQK,GAAGC,KAAK,KAAMF,GACtBF,KAYF,OATAR,EAAGa,iBAAiBP,EAAQQ,UAAWL,EAA4BF,GAEnEC,EAAS,WAAA,OACPR,EAAGe,oBACDT,EAAQQ,UACRL,EACAF,OAON,OAAO,WACLJ,EAAWa,SAAQ,SAACR,GAAM,OAAKA,kCA7DjCR,EACAC,EACAC,GAEA,IAEMC,EAFQ,GACaC,OAAOH,GACFI,KAAI,SAACC,GACnC,IAAMC,EAAUX,EAAWM,EAAeI,EAAQC,SAQlD,OANAP,EAAGa,iBACDP,EAAQQ,UACRR,EAAQK,GACRJ,GAGK,WACLP,EAAGe,oBACDT,EAAQQ,UACRR,EAAQK,GACRJ,OAMN,OAAO,WACLJ,EAAWa,SAAQ,SAACR,GAAM,OAAKA"}

package/dist/bind-events.esm.js

@@ -0,0 +1,60 @@
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function getOptions(shared, fromBinding) {
+  return _extends({}, shared, fromBinding);
+}
+function bindEvents(el, bindings, sharedOptions) {
+  var empty = [];
+  var nextBindings = empty.concat(bindings);
+  var unBindings = nextBindings.map(function (binding) {
+    var options = getOptions(sharedOptions, binding.options);
+    el.addEventListener(binding.eventName, binding.fn, options);
+    return function unbind() {
+      el.removeEventListener(binding.eventName, binding.fn, options);
+    };
+  });
+  return function unbindAll() {
+    unBindings.forEach(function (unbind) {
+      return unbind();
+    });
+  };
+}
+function bindEventsOnce(el, bindings, sharedOptions) {
+  var empty = [];
+  var nextBindings = empty.concat(bindings);
+  var unBindings = nextBindings.map(function (binding) {
+    var options = getOptions(sharedOptions, binding.options);
+    var unbind = function unbind() {};
+    var wrappedFn = function wrappedFn(e) {
+      binding.fn.call(null, e);
+      unbind();
+    };
+    el.addEventListener(binding.eventName, wrappedFn, options);
+    unbind = function unbind() {
+      return el.removeEventListener(binding.eventName, wrappedFn, options);
+    };
+    return unbind;
+  });
+  return function unbindAll() {
+    unBindings.forEach(function (unbind) {
+      return unbind();
+    });
+  };
+}
+
+export default bindEvents;
+export { bindEventsOnce };
+//# sourceMappingURL=bind-events.esm.js.map

package/dist/bind-events.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-events.esm.js","sources":["../src/index.ts"],"sourcesContent":["// addEventListener<K extends keyof WindowEventMap>\n// (type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;\n\n// export interface Binding <K extends keyof WindowEventMap>{\n//   eventName: K;\n//   fn: (this: Window, ev: WindowEventMap[K]) => any;\n//   options?: boolean | AddEventListenerOptions\n// }\nexport interface Binding {\n  eventName: string;\n  fn: (e: MouseEvent) => any;\n  options?: AddEventListenerOptions;\n}\n\n// https://github.com/atlassian/react-beautiful-dnd/blob/master/src/view/event-bindings/bind-events.js\n\nfunction getOptions(\n  shared?: AddEventListenerOptions,\n  fromBinding?: AddEventListenerOptions\n) {\n  return {\n    ...shared,\n    ...fromBinding,\n  };\n}\n\nexport default function bindEvents(\n  el: HTMLElement | Window | Document,\n  bindings: Binding[] | Binding,\n  sharedOptions?: AddEventListenerOptions\n) {\n  const empty = [] as Binding[];\n  const nextBindings = empty.concat(bindings);\n  const unBindings = nextBindings.map((binding) => {\n    const options = getOptions(sharedOptions, binding.options);\n    // ts-hint: https://github.com/microsoft/TypeScript/issues/28357#issuecomment-436484705\n    el.addEventListener(\n      binding.eventName,\n      binding.fn as EventListener,\n      options\n    );\n\n    return function unbind() {\n      el.removeEventListener(\n        binding.eventName,\n        binding.fn as EventListener,\n        options\n      );\n    };\n  });\n\n  // Return a function to unbind events\n  return function unbindAll() {\n    unBindings.forEach((unbind) => unbind());\n  };\n}\n\n// once event triggered. it will be teardown first...\nexport function bindEventsOnce(\n  el: HTMLElement,\n  bindings: Binding[] | Binding,\n  sharedOptions?: AddEventListenerOptions\n) {\n  const empty = [] as Binding[];\n  const nextBindings = empty.concat(bindings);\n  const unBindings = nextBindings.map((binding) => {\n    const options = getOptions(sharedOptions, binding.options);\n    let unbind = () => {};\n\n    const wrappedFn = (e: MouseEvent) => {\n      binding.fn.call(null, e);\n      unbind();\n    };\n\n    el.addEventListener(binding.eventName, wrappedFn as EventListener, options);\n\n    unbind = () =>\n      el.removeEventListener(\n        binding.eventName,\n        wrappedFn as EventListener,\n        options\n      );\n\n    return unbind;\n  });\n\n  // Return a function to unbind events\n  return function unbindAll() {\n    unBindings.forEach((unbind) => unbind());\n  };\n}\n"],"names":["getOptions","shared","fromBinding","_extends","bindEvents","el","bindings","sharedOptions","empty","nextBindings","concat","unBindings","map","binding","options","addEventListener","eventName","fn","unbind","removeEventListener","unbindAll","forEach","bindEventsOnce","wrappedFn","e","call"],"mappings":";;;;;;;;;;;;;;;AAgBA,SAASA,UAAUA,CACjBC,MAAgC,EAChCC,WAAqC;EAErC,OAAAC,QAAA,KACKF,MAAM,EACNC,WAAW;AAElB;SAEwBE,UAAUA,CAChCC,EAAmC,EACnCC,QAA6B,EAC7BC,aAAuC;EAEvC,IAAMC,KAAK,GAAG,EAAe;EAC7B,IAAMC,YAAY,GAAGD,KAAK,CAACE,MAAM,CAACJ,QAAQ,CAAC;EAC3C,IAAMK,UAAU,GAAGF,YAAY,CAACG,GAAG,CAAC,UAACC,OAAO;IAC1C,IAAMC,OAAO,GAAGd,UAAU,CAACO,aAAa,EAAEM,OAAO,CAACC,OAAO,CAAC;IAE1DT,EAAE,CAACU,gBAAgB,CACjBF,OAAO,CAACG,SAAS,EACjBH,OAAO,CAACI,EAAmB,EAC3BH,OAAO,CACR;IAED,OAAO,SAASI,MAAMA;MACpBb,EAAE,CAACc,mBAAmB,CACpBN,OAAO,CAACG,SAAS,EACjBH,OAAO,CAACI,EAAmB,EAC3BH,OAAO,CACR;KACF;GACF,CAAC;EAGF,OAAO,SAASM,SAASA;IACvBT,UAAU,CAACU,OAAO,CAAC,UAACH,MAAM;MAAA,OAAKA,MAAM,EAAE;MAAC;GACzC;AACH;SAGgBI,cAAcA,CAC5BjB,EAAe,EACfC,QAA6B,EAC7BC,aAAuC;EAEvC,IAAMC,KAAK,GAAG,EAAe;EAC7B,IAAMC,YAAY,GAAGD,KAAK,CAACE,MAAM,CAACJ,QAAQ,CAAC;EAC3C,IAAMK,UAAU,GAAGF,YAAY,CAACG,GAAG,CAAC,UAACC,OAAO;IAC1C,IAAMC,OAAO,GAAGd,UAAU,CAACO,aAAa,EAAEM,OAAO,CAACC,OAAO,CAAC;IAC1D,IAAII,MAAM,GAAG,SAAAA,WAAQ;IAErB,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAIC,CAAa;MAC9BX,OAAO,CAACI,EAAE,CAACQ,IAAI,CAAC,IAAI,EAAED,CAAC,CAAC;MACxBN,MAAM,EAAE;KACT;IAEDb,EAAE,CAACU,gBAAgB,CAACF,OAAO,CAACG,SAAS,EAAEO,SAA0B,EAAET,OAAO,CAAC;IAE3EI,MAAM,GAAG,SAAAA;MAAA,OACPb,EAAE,CAACc,mBAAmB,CACpBN,OAAO,CAACG,SAAS,EACjBO,SAA0B,EAC1BT,OAAO,CACR;;IAEH,OAAOI,MAAM;GACd,CAAC;EAGF,OAAO,SAASE,SAASA;IACvBT,UAAU,CAACU,OAAO,CAAC,UAACH,MAAM;MAAA,OAAKA,MAAM,EAAE;MAAC;GACzC;AACH;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export interface Binding {
+    eventName: string;
+    fn: (e: MouseEvent) => any;
+    options?: AddEventListenerOptions;
+}
+export default function bindEvents(el: HTMLElement | Window | Document, bindings: Binding[] | Binding, sharedOptions?: AddEventListenerOptions): () => void;
+export declare function bindEventsOnce(el: HTMLElement, bindings: Binding[] | Binding, sharedOptions?: AddEventListenerOptions): () => void;

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./bind-events.cjs.production.min.js')
+} else {
+  module.exports = require('./bind-events.cjs.development.js')
+}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@x-oasis/bind-events",
+  "version": "0.1.34",
+  "description": "bind-events function",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "module": "dist/bind-events.esm.js",
+  "files": [
+    "dist",
+    "index.ts",
+    "src"
+  ],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "tsdx": "^0.14.1"
+  },
+  "scripts": {
+    "build": "tsdx build --tsconfig tsconfig.build.json",
+    "clean": "rimraf ./dist",
+    "test": "vitest",
+    "compile": "tsc -p tsconfig.build.json"
+  }
+}

package/src/index.ts

@@ -0,0 +1,91 @@
+// addEventListener<K extends keyof WindowEventMap>
+// (type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+
+// export interface Binding <K extends keyof WindowEventMap>{
+//   eventName: K;
+//   fn: (this: Window, ev: WindowEventMap[K]) => any;
+//   options?: boolean | AddEventListenerOptions
+// }
+export interface Binding {
+  eventName: string;
+  fn: (e: MouseEvent) => any;
+  options?: AddEventListenerOptions;
+}
+
+// https://github.com/atlassian/react-beautiful-dnd/blob/master/src/view/event-bindings/bind-events.js
+
+function getOptions(
+  shared?: AddEventListenerOptions,
+  fromBinding?: AddEventListenerOptions
+) {
+  return {
+    ...shared,
+    ...fromBinding,
+  };
+}
+
+export default function bindEvents(
+  el: HTMLElement | Window | Document,
+  bindings: Binding[] | Binding,
+  sharedOptions?: AddEventListenerOptions
+) {
+  const empty = [] as Binding[];
+  const nextBindings = empty.concat(bindings);
+  const unBindings = nextBindings.map((binding) => {
+    const options = getOptions(sharedOptions, binding.options);
+    // ts-hint: https://github.com/microsoft/TypeScript/issues/28357#issuecomment-436484705
+    el.addEventListener(
+      binding.eventName,
+      binding.fn as EventListener,
+      options
+    );
+
+    return function unbind() {
+      el.removeEventListener(
+        binding.eventName,
+        binding.fn as EventListener,
+        options
+      );
+    };
+  });
+
+  // Return a function to unbind events
+  return function unbindAll() {
+    unBindings.forEach((unbind) => unbind());
+  };
+}
+
+// once event triggered. it will be teardown first...
+export function bindEventsOnce(
+  el: HTMLElement,
+  bindings: Binding[] | Binding,
+  sharedOptions?: AddEventListenerOptions
+) {
+  const empty = [] as Binding[];
+  const nextBindings = empty.concat(bindings);
+  const unBindings = nextBindings.map((binding) => {
+    const options = getOptions(sharedOptions, binding.options);
+    let unbind = () => {};
+
+    const wrappedFn = (e: MouseEvent) => {
+      binding.fn.call(null, e);
+      unbind();
+    };
+
+    el.addEventListener(binding.eventName, wrappedFn as EventListener, options);
+
+    unbind = () =>
+      el.removeEventListener(
+        binding.eventName,
+        wrappedFn as EventListener,
+        options
+      );
+
+    return unbind;
+  });
+
+  // Return a function to unbind events
+  return function unbindAll() {
+    unBindings.forEach((unbind) => unbind());
+  };
+}