SearchBar: support for actionProps and uiProps

inveniosoftware · Oct 12, 2020 · b41faf5 · b41faf5
1 parent 52daccd
commit b41faf5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/rollup.config.js b/rollup.config.js
@@ -24,8 +24,6 @@ export default {
       sourcemap: true,
     },
   ],
-  context: 'null',
-  moduleContext: 'null',
   plugins: [
     peerDepsExternal(),
     postcss({

diff --git a/src/lib/components/SearchBar/SearchBar.js b/src/lib/components/SearchBar/SearchBar.js
@@ -43,16 +43,19 @@ class SearchBar extends Component {
 
   render() {
     const {
+      actionProps,
       autofocus,
       executeSearch,
       onBtnSearchClick,
       onInputChange,
       onKeyPress,
       overridableId,
       placeholder,
+      uiProps,
     } = this.props;
     return (
       <Element
+        actionProps={actionProps}
         autofocus={autofocus}
         executeSearch={executeSearch || this.executeSearch}
         onBtnSearchClick={onBtnSearchClick || this.onBtnSearchClick}
@@ -61,12 +64,14 @@ class SearchBar extends Component {
         overridableId={overridableId}
         placeholder={placeholder}
         queryString={this.state.currentValue}
+        uiProps={uiProps}
       />
     );
   }
 }
 
 SearchBar.propTypes = {
+  actionProps: PropTypes.object,
   autofocus: PropTypes.bool,
   executeSearch: PropTypes.func,
   onBtnSearchClick: PropTypes.func,
@@ -76,17 +81,20 @@ SearchBar.propTypes = {
   placeholder: PropTypes.string,
   queryString: PropTypes.string,
   updateQueryString: PropTypes.func.isRequired,
+  uiProps: PropTypes.object,
 };
 
 SearchBar.defaultProps = {
-  autofocus: true,
+  actionProps: null,
+  autofocus: false,
   executeSearch: null,
   onBtnSearchClick: null,
   onInputChange: null,
   onKeyPress: null,
   overridableId: '',
   placeholder: '',
   queryString: '',
+  uiProps: null,
 };
 
 // NOTE: Adding the key prop, will recreate the SearchBar in order to update
@@ -106,12 +114,14 @@ class Element extends Component {
 
   render() {
     const {
+      actionProps,
       onBtnSearchClick,
       onInputChange,
       onKeyPress,
       overridableId,
       placeholder,
       queryString,
+      uiProps,
     } = this.props;
 
     return (
@@ -123,8 +133,10 @@ class Element extends Component {
           action={{
             content: 'Search',
             onClick: onBtnSearchClick,
+            ...actionProps,
           }}
           fluid
+          {...uiProps}
           placeholder={placeholder || 'Type something'}
           onChange={(event, { value }) => {
             onInputChange(value);