Update to use config search value (#60)

.changeset/olive-ducks-fold.md

@@ -0,0 +1,5 @@
+---
+'@hashicorp/consul-ui-toolkit': patch
+---
+
+Update `<Cut::FilterBar::Search />` to use search as a value on the search input

documentation/tests/integration/components/filter-bar-test.js

@@ -410,4 +410,20 @@ module('Integration | Component | cut/filter-bar', function (hooks) {
       'Search is updated with the new search value'
     );
   });
+
+  test('if search is set by the config it should prepulate the input', async function (assert) {
+    await setupTest.call(this, {
+      config: {
+        search: { value: 'orange' },
+      },
+    });
+
+    assert.dom('[data-test-search]').hasValue('orange');
+  });
+
+  test('if search is not set by the config it should not prepulate the input', async function (assert) {
+    await setupTest.call(this);
+
+    assert.dom('[data-test-search]').hasNoValue();
+  });
 });

toolkit/src/components/cut/filter-bar/index.hbs

@@ -5,7 +5,6 @@
 <div class='cut-filter-bar' aria-label='Filter bar'>
   <div class='cut-filter-bar-filters'>
     <div class='cut-filter-bar-filtergroup'>
-
       {{yield
         (hash
           FilterGroup=(component
@@ -42,6 +41,7 @@
           )
           Search=(component
             'cut/filter-bar/search'
+            search=@config.search.value
             onSearchInput=this.onSearchInput
             onSearchKeyup=this.onSearchKeyup
           )

toolkit/src/components/cut/filter-bar/search.hbs

@@ -6,6 +6,7 @@
   {{#let @group as |SG|}}
     <SG.TextInput
       @type='search'
+      @value={{@search}}
       placeholder='Search'
       aria-label='Search'
       {{on 'keyup' @onSearchKeyup}}
@@ -16,6 +17,7 @@
 {{else}}
   <Hds::Form::TextInput::Base
     @type='search'
+    @value={{@search}}
     placeholder='Search'
     aria-label='Search'
     class='cut-filter-bar-search'