feat(ts): convert connectRefinementList, refinementList (#4658)

* feat(ts): convert connectRefinementList, refinementList

- changed how the searchbox templates are done to be easier to type and code
- did not migrate RefinementList component
- moved prepareTemplateProps tests
- fixed a typo in prepareTemplateProps tests

* chore: fix lint

Author: Haroenv

src/components/RefinementList/RefinementList.js

@@ -189,14 +189,18 @@ class RefinementList extends Component {
       this.props.searchIsAlwaysActive !== true &&
       !(this.props.isFromSearch || !this.props.hasExhaustiveItems);
 
+    const templates = this.props.searchBoxTemplateProps
+      ? this.props.searchBoxTemplateProps.templates
+      : {};
+
     const searchBox = this.props.searchFacetValues && (
       <div className={this.props.cssClasses.searchBox}>
         <SearchBox
           ref={searchBoxRef => (this.searchBox = searchBoxRef)}
           placeholder={this.props.searchPlaceholder}
           disabled={shouldDisableSearchBox}
           cssClasses={this.props.cssClasses.searchable}
-          templates={this.props.templateProps.templates}
+          templates={templates}
           onChange={event => this.props.searchFacetValues(event.target.value)}
           onReset={() => this.props.searchFacetValues('')}
           onSubmit={() => this.refineFirstValue()}
@@ -282,6 +286,7 @@ RefinementList.propTypes = {
   facetValues: PropTypes.array,
   attribute: PropTypes.string,
   templateProps: PropTypes.object.isRequired,
+  searchBoxTemplateProps: PropTypes.object,
   toggleRefinement: PropTypes.func.isRequired,
   searchFacetValues: PropTypes.func,
   searchPlaceholder: PropTypes.string,

src/components/RefinementList/__tests__/RefinementList-test.js

@@ -407,6 +407,10 @@ describe('RefinementList', () => {
           templates: {
             item: item => item.value,
             searchableNoResults: x => JSON.stringify(x),
+          },
+        },
+        searchBoxTemplateProps: {
+          templates: {
             reset: 'reset',
             submit: 'submit',
             loadingIndicator: 'loadingIndicator',
@@ -544,6 +548,10 @@ describe('RefinementList', () => {
         templateProps: {
           templates: {
             item: item => item.value,
+          },
+        },
+        searchBoxTemplateProps: {
+          templates: {
             reset: 'reset',
             submit: 'submit',
             loadingIndicator: 'loadingIndicator',