Release v8.0.2 (#1441)

* Release v8.0.2

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change history for stripes-components
 
+## [8.0.2](https://github.com/folio-org/stripes-components/tree/v8.0.2) (2020-11-13)
+[Full Changelog](https://github.com/folio-org/stripes-components/compare/v8.0.1...v8.0.2)
+
+* Fix focusing SearchField when loading - make it readOnly. Refs STCOM-762
+
 ## [8.0.1](https://github.com/folio-org/stripes-components/tree/v8.0.1) (2020-11-12)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v8.0.0...v8.0.1)
 

lib/SearchField/SearchField.js

@@ -109,7 +109,7 @@ const SearchField = (props) => {
         {...rest}
         aria-label={rest['aria-label'] || ariaLabel}
         clearFieldId={clearSearchId}
-        disabled={disabled || loading}
+        disabled={disabled}
         focusedClass={css.isFocused}
         id={id}
         hasClearIcon={typeof onClear === 'function' && loading !== true}
@@ -121,6 +121,7 @@ const SearchField = (props) => {
         startControl={!hasSearchableIndexes ? searchIcon : null}
         type="search"
         value={value || ''}
+        readOnly={loading || rest.readOnly}
       />
     </div>
   );

lib/SearchField/tests/SearchField-test.js

@@ -22,6 +22,7 @@ describe('SearchField', () => {
 
     it('applies the supplied id prop to the input', () => {
       expect(searchField.id).to.equal('searchFieldTest');
+      expect(searchField.inputReadOnly).to.be.null;
     });
   });
 
@@ -58,7 +59,7 @@ describe('SearchField', () => {
       });
 
       it('input and select are disabled', () => {
-        expect(searchField.isDisabled).to.be.true;
+        expect(searchField.inputReadOnly).to.equal('');
         expect(searchField.isDisabledIndex).to.be.true;
       });
     });

lib/SearchField/tests/interactor.js

@@ -12,5 +12,6 @@ export default interactor(class SearchFieldInteractor {
   selectIndex = selectable('select');
   placeholder = attribute('input', 'placeholder');
   isDisabled = property('input', 'disabled');
+  inputReadOnly = attribute('input', 'readonly');
   isDisabledIndex = property('select', 'disabled');
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@folio/stripes-components",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "description": "Component library for building Stripes applications.",
   "license": "Apache-2.0",
   "repository": "folio-org/stripes-components",