datahub/wherehows-web/app/components/confirm-dialog.ts

import Ember from 'ember';
import Component from 'ember-modal-dialog/components/modal-dialog';

const { get, assert } = Ember;

/**
 * The default value for content when component is rendered inline
 * @type {string}
 */
const defaultInlineContent = '';

enum Key {
  Escape = 27
}

export default Component.extend({
  containerClassNames: ['notification-confirm-modal'],

  /**
   * Default value for modal content
   * @type {string}
   */
  content: defaultInlineContent,

  init() {
    this._super(...Array.from(arguments));

    assert('Expected a closure action handler for onClose.', typeof get(this, 'onClose') === 'function');

    assert('Expected a closure action handler for onConfirm.', typeof get(this, 'onConfirm') === 'function');
  },

  actions: {
    /**
     * Handles user dismissal of modal
     */
    onClose() {
      get(this, 'onClose')();
    },

    /**
     * On user confirmation / affirm
     */
    onConfirm() {
      get(this, 'onConfirm')();
    },

    //TODO: META-91
    onKeyUp({ key, which }: { key: any; which: any }) {
      if (which === Key.Escape || key === 'Escape') {
        get(this, 'onClose')();
      }
    }
  }
});