Skip to content

Commit

Permalink
Update build system to use bable-preset-env.
Browse files Browse the repository at this point in the history
  • Loading branch information
Jordan Humphreys committed Feb 15, 2018
1 parent 36fd771 commit 9ad4c74
Show file tree
Hide file tree
Showing 13 changed files with 4,735 additions and 300 deletions.
2 changes: 1 addition & 1 deletion .babelrc
View file
@@ -1,4 +1,4 @@
{
"presets": ["es2015"],
"presets": ["env"],
"plugins": ["add-module-exports"]
}
301 changes: 301 additions & 0 deletions dist/TributeEvents.js
View file
@@ -0,0 +1,301 @@
'use strict';

Object.defineProperty(exports, "__esModule", {
value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var TributeEvents = function () {
function TributeEvents(tribute) {
_classCallCheck(this, TributeEvents);

this.tribute = tribute;
this.tribute.events = this;
}

_createClass(TributeEvents, [{
key: 'bind',
value: function bind(element) {
element.addEventListener('keydown', this.keydown.bind(element, this), false);
element.addEventListener('keyup', this.keyup.bind(element, this), false);
element.addEventListener('input', this.input.bind(element, this), false);
}
}, {
key: 'keydown',
value: function keydown(instance, event) {
if (instance.shouldDeactivate(event)) {
instance.tribute.isActive = false;
instance.tribute.hideMenu();
}

var element = this;
instance.commandEvent = false;

TributeEvents.keys().forEach(function (o) {
if (o.key === event.keyCode) {
instance.commandEvent = true;
instance.callbacks()[o.value.toLowerCase()](event, element);
}
});
}
}, {
key: 'input',
value: function input(instance, event) {
instance.inputEvent = true;
instance.keyup.call(this, instance, event);
}
}, {
key: 'click',
value: function click(instance, event) {
var tribute = instance.tribute;
if (tribute.menu && tribute.menu.contains(event.target)) {
var li = event.target;
event.preventDefault();
event.stopPropagation();
while (li.nodeName.toLowerCase() !== 'li') {
li = li.parentNode;
if (!li || li === tribute.menu) {
throw new Error('cannot find the <li> container for the click');
}
}
tribute.selectItemAtIndex(li.getAttribute('data-index'), event);
tribute.hideMenu();

// TODO: should fire with externalTrigger and target is outside of menu
} else if (tribute.current.element && !tribute.current.externalTrigger) {
tribute.current.externalTrigger = false;
setTimeout(function () {
return tribute.hideMenu();
});
}
}
}, {
key: 'keyup',
value: function keyup(instance, event) {
if (instance.inputEvent) {
instance.inputEvent = false;
}
instance.updateSelection(this);

if (event.keyCode === 27) return;

if (!instance.tribute.isActive) {
var keyCode = instance.getKeyCode(instance, this, event);

if (isNaN(keyCode) || !keyCode) return;

var trigger = instance.tribute.triggers().find(function (trigger) {
return trigger.charCodeAt(0) === keyCode;
});

if (typeof trigger !== 'undefined') {
instance.callbacks().triggerChar(event, this, trigger);
}
}

if (instance.tribute.current.trigger && instance.commandEvent === false || instance.tribute.isActive && event.keyCode === 8) {
instance.tribute.showMenuFor(this, true);
}
}
}, {
key: 'shouldDeactivate',
value: function shouldDeactivate(event) {
if (!this.tribute.isActive) return false;

if (this.tribute.current.mentionText.length === 0) {
var eventKeyPressed = false;
TributeEvents.keys().forEach(function (o) {
if (event.keyCode === o.key) eventKeyPressed = true;
});

return !eventKeyPressed;
}

return false;
}
}, {
key: 'getKeyCode',
value: function getKeyCode(instance, el, event) {
var char = void 0;
var tribute = instance.tribute;
var info = tribute.range.getTriggerInfo(false, false, true, tribute.allowSpaces);

if (info) {
return info.mentionTriggerChar.charCodeAt(0);
} else {
return false;
}
}
}, {
key: 'updateSelection',
value: function updateSelection(el) {
this.tribute.current.element = el;
var info = this.tribute.range.getTriggerInfo(false, false, true, this.tribute.allowSpaces);

if (info) {
this.tribute.current.selectedPath = info.mentionSelectedPath;
this.tribute.current.mentionText = info.mentionText;
this.tribute.current.selectedOffset = info.mentionSelectedOffset;
}
}
}, {
key: 'callbacks',
value: function callbacks() {
var _this = this;

return {
triggerChar: function triggerChar(e, el, trigger) {
var tribute = _this.tribute;
tribute.current.trigger = trigger;

var collectionItem = tribute.collection.find(function (item) {
return item.trigger === trigger;
});

tribute.current.collection = collectionItem;
if (tribute.inputEvent) tribute.showMenuFor(el, true);
},
enter: function enter(e, el) {
// choose selection
if (_this.tribute.isActive) {
e.preventDefault();
e.stopPropagation();
setTimeout(function () {
_this.tribute.selectItemAtIndex(_this.tribute.menuSelected, e);
_this.tribute.hideMenu();
}, 0);
}
},
escape: function escape(e, el) {
if (_this.tribute.isActive) {
e.preventDefault();
e.stopPropagation();
_this.tribute.isActive = false;
_this.tribute.hideMenu();
}
},
tab: function tab(e, el) {
// choose first match
_this.callbacks().enter(e, el);
},
up: function up(e, el) {
// navigate up ul
if (_this.tribute.isActive) {
e.preventDefault();
e.stopPropagation();
var count = _this.tribute.current.filteredItems.length,
selected = _this.tribute.menuSelected;

if (count > selected && selected > 0) {
_this.tribute.menuSelected--;
_this.setActiveLi();
} else if (selected === 0) {
_this.tribute.menuSelected = count - 1;
_this.setActiveLi();
_this.tribute.menu.scrollTop = _this.tribute.menu.scrollHeight;
}
}
},
down: function down(e, el) {
// navigate down ul
if (_this.tribute.isActive) {
e.preventDefault();
e.stopPropagation();
var count = _this.tribute.current.filteredItems.length - 1,
selected = _this.tribute.menuSelected;

if (count > selected) {
_this.tribute.menuSelected++;
_this.setActiveLi();
} else if (count === selected) {
_this.tribute.menuSelected = 0;
_this.setActiveLi();
_this.tribute.menu.scrollTop = 0;
}
}
},
delete: function _delete(e, el) {
if (_this.tribute.isActive && _this.tribute.current.mentionText.length < 1) {
_this.tribute.hideMenu();
} else if (_this.tribute.isActive) {
_this.tribute.showMenuFor(el);
}
}
};
}
}, {
key: 'setActiveLi',
value: function setActiveLi(index) {
var lis = this.tribute.menu.querySelectorAll('li'),
length = lis.length >>> 0;

// get heights
var menuFullHeight = this.getFullHeight(this.tribute.menu),
liHeight = this.getFullHeight(lis[0]);

if (index) this.tribute.menuSelected = index;

for (var i = 0; i < length; i++) {
var li = lis[i];
if (i === this.tribute.menuSelected) {
var offset = liHeight * (i + 1);
var scrollTop = this.tribute.menu.scrollTop;
var totalScroll = scrollTop + menuFullHeight;

if (offset > totalScroll) {
this.tribute.menu.scrollTop += liHeight;
} else if (offset < totalScroll) {
this.tribute.menu.scrollTop -= liHeight;
}

li.className = this.tribute.current.collection.selectClass;
} else {
li.className = '';
}
}
}
}, {
key: 'getFullHeight',
value: function getFullHeight(elem, includeMargin) {
var height = elem.getBoundingClientRect().height;

if (includeMargin) {
var style = elem.currentStyle || window.getComputedStyle(elem);
return height + parseFloat(style.marginTop) + parseFloat(style.marginBottom);
}

return height;
}
}], [{
key: 'keys',
value: function keys() {
return [{
key: 9,
value: 'TAB'
}, {
key: 8,
value: 'DELETE'
}, {
key: 13,
value: 'ENTER'
}, {
key: 27,
value: 'ESCAPE'
}, {
key: 38,
value: 'UP'
}, {
key: 40,
value: 'DOWN'
}];
}
}]);

return TributeEvents;
}();

exports.default = TributeEvents;
module.exports = exports['default'];
77 changes: 77 additions & 0 deletions dist/TributeMenuEvents.js
View file
@@ -0,0 +1,77 @@
'use strict';

Object.defineProperty(exports, "__esModule", {
value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var TributeMenuEvents = function () {
function TributeMenuEvents(tribute) {
_classCallCheck(this, TributeMenuEvents);

this.tribute = tribute;
this.tribute.menuEvents = this;
this.menu = this.tribute.menu;
}

_createClass(TributeMenuEvents, [{
key: 'bind',
value: function bind(menu) {
var _this = this;

menu.addEventListener('keydown', this.tribute.events.keydown.bind(this.menu, this), false);
this.tribute.range.getDocument().addEventListener('mousedown', this.tribute.events.click.bind(null, this), false);

// fixes IE11 issues with mousedown
this.tribute.range.getDocument().addEventListener('MSPointerDown', this.tribute.events.click.bind(null, this), false);

window.addEventListener('resize', this.debounce(function () {
if (_this.tribute.isActive) {
_this.tribute.range.positionMenuAtCaret(true);
}
}, 300, false));

if (this.menuContainer) {
this.menuContainer.addEventListener('scroll', this.debounce(function () {
if (_this.tribute.isActive) {
_this.tribute.showMenuFor(_this.tribute.current.element, false);
}
}, 300, false), false);
} else {
window.onscroll = this.debounce(function () {
if (_this.tribute.isActive) {
_this.tribute.showMenuFor(_this.tribute.current.element, false);
}
}, 300, false);
}
}
}, {
key: 'debounce',
value: function debounce(func, wait, immediate) {
var _this2 = this,
_arguments = arguments;

var timeout;
return function () {
var context = _this2,
args = _arguments;
var later = function later() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
}
}]);

return TributeMenuEvents;
}();

exports.default = TributeMenuEvents;
module.exports = exports['default'];

0 comments on commit 9ad4c74

Please sign in to comment.