const D3_TOUCH_PATCH_EVENTS = [
  "touchmove.zoom",
  "touchend.zoom touchcancel.zoom"
];

const _patchD3ZoomTouchEvents = ({ filter, selection }) => {
  D3_TOUCH_PATCH_EVENTS.map((eventName) => {
    const originalHandler = selection.on(eventName);

    if (!originalHandler) {
      return;
    }

    selection.on(eventName, () => {
      // Prevent original d3-zoom handler from calling if this event
      // *should* be filtered out. This is a bug in d3-zoom!
      // See https://github.com/d3/d3-zoom/pull/125
      if (!filter()) {
        return;
      }

      originalHandler.apply(d3.event.currentTarget, arguments);
    });
  });
};

const filter = () => { /* filter logic here */ };
const handleZoom = () => { /* zoom logic here */ };

const selection = d3.select("#myCoolElement");

const zoom = d3
  .zoom()
  .filter(filter)
  .on("zoom", handleZoom);

selection.call(zoom);

_patchD3ZoomTouchEvents({ filter, selection });