958991db94
* Create ConsulServiceInstanceList with styling and test * Implement ConsulServiceInstanceList to Service Detail page * Implement ConsulExternalSource to Services Show page header * Update services/show page object * Update the styling of CompositeRow * Refactor ConsulServiceList component and styling * Update ConsulExternalSource to say 'Registered via...' * Upgrade consul-api-double to patch 2.14.1 * Fix up tests to not use Kind in service models * Update ListCollection with clickFirstAnchor action * Add $typo-size-450 to typography base variables
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
const clickEvent = function($el) {
|
|
['mousedown', 'mouseup', 'click']
|
|
.map(function(type) {
|
|
return new MouseEvent(type, {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
view: window,
|
|
});
|
|
})
|
|
.forEach(function(event) {
|
|
$el.dispatchEvent(event);
|
|
});
|
|
};
|
|
export default function(closest, click = clickEvent) {
|
|
// TODO: Decide whether we should use `e` for ease
|
|
// or `target`/`el`
|
|
// TODO: currently, using a string stopElement to tell the func
|
|
// where to stop looking and currenlty default is 'tr' because
|
|
// it's backwards compatible.
|
|
// Long-term this func shouldn't default to 'tr'
|
|
return function(e, stopElement = 'tr') {
|
|
// click on row functionality
|
|
// so if you click the actual row but not a link
|
|
// find the first link and fire that instead
|
|
const name = e.target.nodeName.toLowerCase();
|
|
switch (name) {
|
|
case 'input':
|
|
case 'label':
|
|
case 'a':
|
|
case 'button':
|
|
return;
|
|
}
|
|
const $a = closest(stopElement, e.target).querySelector('a');
|
|
if ($a) {
|
|
click($a);
|
|
}
|
|
};
|
|
}
|