Feature/select add section classes

components/select/select.js

@@ -143,13 +143,23 @@ function getListItems(props, state, rawFilterString, data = props.data) {
     (add && filterString && !exactMatch) ||
     (add && add.alwaysVisible)
   ) {
-    if (!(add.regexp && !add.regexp.test(filterString)) &&
+    if (
+      !(add.regexp && !add.regexp.test(filterString)) &&
       !(add.minlength && filterString.length < +add.minlength) ||
-      add.alwaysVisible) {
+      add.alwaysVisible
+    ) {
+      let label;
+
+      if (add.label) {
+        label = (typeof add.label === 'function') ? add.label(filterString) : add.label;
+
+      } else {
+        label = filterString;
+      }
 
       addButton = {
         prefix: add.prefix,
-        label: add.label || filterString,
+        label,
         delayed: add.hasOwnProperty('delayed') ? add.delayed : true
       };
     }

components/select/select.test.js

@@ -423,6 +423,20 @@ describe('Select', () => {
         addButton.should.contain.text('Add Something');
       });
 
+      it('Should process filterValue into a label at the "Add" button if "add.label" prop is a function', () => {
+        const wrapper = mountSelect({
+          add: {
+            label: value => `--${value}--`
+          }
+        });
+        const instance = wrapper.instance();
+        instance.filterValue = sandbox.stub().returns('test');
+        instance._showPopup();
+        const addButton = instance._popup.popup.popup.querySelector(`.${styles.button}`);
+
+        addButton.should.contain.text('--test--');
+      });
+
       it('Should add hint if specified', () => {
         const wrapper = mountSelect({
           hint: 'blah blah'