UISACQCOMP-124: Add handlers for search field and reset all button in…

… PluginFindRecordModal component (#652) (cherry picked from commit 5b9cc94)
folio-org · Nov 18, 2022 · eb30dbf · eb30dbf
1 parent 818ee61
commit eb30dbf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,9 @@
 # Change history for stripes-acq-components
 
-## (IN PROGRESS)
+## [3.3.1](https://github.com/folio-org/stripes-acq-components/tree/v3.3.1) (2022-11-17)
+[Full Changelog](https://github.com/folio-org/stripes-acq-components/compare/v3.3.0...v3.3.1)
+
+* Add handlers for search field and reset all button in `PluginFindRecordModal` component. Refs UISACQCOMP-124.
 
 ## [3.3.0](https://github.com/folio-org/stripes-acq-components/tree/v3.3.0) (2022-10-18)
 [Full Changelog](https://github.com/folio-org/stripes-acq-components/compare/v3.2.4...v3.3.0)

diff --git a/lib/PluginFindRecord/PluginFindRecordModal.js b/lib/PluginFindRecord/PluginFindRecordModal.js
@@ -162,6 +162,7 @@ class PluginFindRecordModal extends React.Component {
       sortableColumns = visibleColumns,
       getRecordLabel,
       intl,
+      onSearchChange,
     } = this.props;
     const { checkedMap, isAllChecked } = this.state;
 
@@ -302,7 +303,10 @@ class PluginFindRecordModal extends React.Component {
                               data-test-plugin-search-input
                               marginBottom0
                               name="query"
-                              onChange={getSearchHandlers().query}
+                              onChange={(e) => {
+                                onSearchChange(e.target.value);
+                                getSearchHandlers().query(e);
+                              }}
                               onClear={getSearchHandlers().reset}
                               value={searchValue.query}
                             />
@@ -323,7 +327,10 @@ class PluginFindRecordModal extends React.Component {
                               disabled={!(filterChanged || searchChanged)}
                               fullWidth
                               id="clickable-reset-all"
-                              onClick={resetAll}
+                              onClick={() => {
+                                onSearchChange('');
+                                resetAll();
+                              }}
                             >
                               <Icon icon="times-circle-solid">
                                 <FormattedMessage id="stripes-smart-components.resetAll" />
@@ -424,6 +431,7 @@ PluginFindRecordModal.propTypes = {
   validateSelectedRecords: PropTypes.func,
   getRecordLabel: PropTypes.func,
   intl: PropTypes.object.isRequired,
+  onSearchChange: PropTypes.func,
 };
 
 PluginFindRecordModal.defaultProps = {
@@ -435,6 +443,7 @@ PluginFindRecordModal.defaultProps = {
   modalLabel: '',
   onSaveMultiple: noop,
   renderNewBtn: noop,
+  onSearchChange: noop,
   resultsFormatter: {},
 };