[add data] advanced processor dropdown

[BigFunger]

Replaced by #7277
Addresses #7061

Uses the angular-ui-select directive (a wrapper for selectize.js) to replace the processors dropdown on the pipeline-setup screen.

[BigFunger]

@alt74 said:

can you change the text color for “Select a processor…” or is that going to be the correct dark color (almost black) when you merge your PR into the ../kibana/feature-ingest branch?

[BigFunger]

@alt74 said:

only thing that would add some whipped cream to this is if we make the drop down darker when selected. text would be white.
https://projects.invisionapp.com/d/main#/console/4925467/149983785/preview
so drop down goes from light blue (regular state) to darker blue when selected. otherwise I really dig the description under each processor option. I hope text wont be as long as in the 3rd example.

[alt74]

@BigFunger cool! 👍

[alt74]

to make it official here LGTM @BigFunger
:)

[Bargs]

A couple of quirks I noticed in Chrome and Safari:

Safari

Clicking the select box to close the drop down adds a processor instead of just closing the box.

Chrome

Clicking the select box when the dropdown is open does nothing. I'd expect it to close the dropdown. Update Now that I've realized the box takes text entry this makes a bit more sense. See thoughts on styling below.

In both browsers, there's a blinking cursor in the select box when the dropdown is open. This isn't a functional issue but looks a little odd. Update I just now realized the cursor was present because you could actually type in the box to filter the results. I only realized this after reading the code and seeing references to $select.search filtering the options. I wonder if we could tweak the design a little to make it more obvious this box takes text entry. Thoughts @alt74?

[Bargs]

Should these be indented at the same level as the first line in the string?

[BigFunger]

Because I am using the backticks, if I align the additional lines of text with the first, all of the whitespace gets inserted into the string. What is the preferred method/format of setting multi-line string values?

[Bargs]

Ah right. I don't think we have guidelines for backticks. This seems fine to me.

[alt74]

@Bargs @BigFunger the drop down menu text should not be selectable. it's just a basic drop down. So no cursor in the button please :)
bootstrap example: http://getbootstrap.com/components/#btn-dropdowns

[alt74]

correcting my earlier comments. since search is built right into the drop down menu button the color should change to white indicating to the user that is a editable search field. thanks @BigFunger for fixing it 👍