Delete unused component and macro

js/components/forms/multi_step_modal_form.js

@@ -2,7 +2,6 @@ import FormMixin from '../../mixins/form'
 import textinput from '../text_input'
 import optionsinput from '../options_input'
 import checkboxinput from '../checkbox_input'
-import Selector from '../selector'
 import Modal from '../../mixins/modal'
 import toggler from '../toggler'
 
@@ -14,7 +13,6 @@ export default {
   components: {
     toggler,
     Modal,
-    Selector,
     textinput,
     optionsinput,
     checkboxinput,

js/components/selector.js

@@ -1,117 +0,0 @@
-import { VPopover } from 'v-tooltip'
-
-const SelectorInput = {
-  name: 'SelectorInput',
-  props: {
-    name: String,
-    value: String,
-    label: String,
-    description: String,
-    selected: Boolean,
-    handleChange: Function,
-    handleEnter: Function,
-    handleEsc: Function,
-  },
-
-  computed: {
-    id: function() {
-      return `${this.name}_${this.value}`
-    },
-  },
-
-  methods: {
-    onChange: function(e) {
-      this.handleChange(this.value)
-    },
-
-    onEnter: function(e) {
-      this.handleEnter()
-    },
-
-    onEsc: function(e) {
-      this.handleEsc()
-    },
-  },
-}
-
-export default {
-  name: 'selector',
-
-  components: {
-    VPopover,
-    SelectorInput,
-  },
-
-  props: {
-    choices: Array,
-    defaultLabel: String,
-    initialErrors: Array,
-    initialChoice: {
-      type: String,
-      default: null,
-    },
-  },
-
-  data: function() {
-    return {
-      value: this.initialChoice || null,
-      currentChoice: this.initialChoice || null,
-      showError: (this.initialErrors && this.initialErrors.length) || false,
-      usingKeyboard: false,
-    }
-  },
-
-  computed: {
-    label: function() {
-      if (this.value) {
-        const selectedChoice = this.choices.find(choice => {
-          return this.value === choice[0]
-        })[1]
-        return selectedChoice.name
-      } else {
-        return this.defaultLabel
-      }
-    },
-  },
-
-  methods: {
-    change: function(value) {
-      this.value = value
-      this.showError = false
-    },
-
-    onShow: function() {
-      setTimeout(() => {
-        // timeout is a hack to make focus work in Chrome
-        const selected = this.$refs.choices.find(choice => choice.selected)
-        if (selected) {
-          selected.$refs.input[0].focus()
-        } else {
-          this.$refs.choices[0].$refs.input[0].focus()
-        }
-      }, 100)
-    },
-
-    enter: function() {
-      this.$refs.popover.hide()
-    },
-
-    esc: function() {
-      this.value = this.currentChoice
-      this.usingKeyboard = false
-      this.$refs.popover.hide()
-    },
-
-    handleEnterOption: function(e) {
-      this.change(e.target.value)
-      this.currentChoice = e.target.value
-      this.usingKeyboard = false
-      this.$refs.popover.hide()
-    },
-
-    handleButtonArrowDown: function(e) {
-      this.usingKeyboard = true
-      this.$refs.popover.show()
-    },
-  },
-}

js/index.js

@@ -19,7 +19,6 @@ import ApplicationEnvironments from './components/forms/new_application/environm
 import MultiStepModalForm from './components/forms/multi_step_modal_form'
 import uploadinput from './components/upload_input'
 import Modal from './mixins/modal'
-import selector from './components/selector'
 import BudgetChart from './components/charts/budget_chart'
 import SpendTable from './components/tables/spend_table'
 import LocalDatetime from './components/local_datetime'
@@ -52,7 +51,6 @@ const app = new Vue({
     poc,
     ApplicationNameAndDescription,
     ApplicationEnvironments,
-    selector,
     BudgetChart,
     SpendTable,
     LocalDatetime,