@comicrelief/component-library 7.13.0 → 7.14.0

package/dist/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap

@@ -92,13 +92,13 @@ exports[`renders correctly 1`] = `
         aria-describedby="school-lookup"
         autoComplete="off"
         className="c5"
+        defaultValue=""
         id="school-lookup"
         name="school-lookup"
         onChange={[Function]}
         placeholder="Type to start search"
         required={false}
         type="text"
-        value=""
       />
     </div>
     

package/dist/components/Molecules/Typeahead/Typeahead.js

@@ -43,20 +43,15 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       fetchErrorHandler = _ref.fetchErrorHandler,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)([]),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
+      options = _useState2[0],
+      setOptions = _useState2[1];
 
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      options = _useState4[0],
-      setOptions = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(''),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      errorMsg = _useState6[0],
-      setErrorMsg = _useState6[1];
+      errorMsg = _useState4[0],
+      setErrorMsg = _useState4[1];
 
   var handleChange = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
@@ -119,12 +114,11 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
   var debouncedHandleChange = (0, _react.useCallback)((0, _lodash.debounce)(handleChange, DELAY_DURATION), []);
   return /*#__PURE__*/_react.default.createElement(_TextInputWithDropdown.default, Object.assign({
-    value: value,
+    defaultValue: "",
     options: optionParser ? options.map(optionParser) : options,
     errorMsg: errorMsg,
     onChange: function onChange(e) {
       var newValue = e.currentTarget.value;
-      setValue(newValue);
       debouncedHandleChange(newValue);
     },
     onSelect: function onSelect(parsedOption, optionIndex) {
@@ -136,7 +130,6 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
       setOptions([]);
       setErrorMsg('');
-      setValue('');
     },
     id: id,
     label: label,

package/dist/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap

@@ -92,13 +92,13 @@ exports[`renders correctly 1`] = `
         aria-describedby="typeahead-test"
         autoComplete="off"
         className="c5"
+        defaultValue=""
         id="typeahead-test"
         name="q"
         onChange={[Function]}
         placeholder="Type to start searching..."
         required={false}
         type="text"
-        value=""
       />
     </div>
     

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "7.13.0",
+  "version": "7.14.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap

@@ -92,13 +92,13 @@ exports[`renders correctly 1`] = `
         aria-describedby="school-lookup"
         autoComplete="off"
         className="c5"
+        defaultValue=""
         id="school-lookup"
         name="school-lookup"
         onChange={[Function]}
         placeholder="Type to start search"
         required={false}
         type="text"
-        value=""
       />
     </div>
     

package/src/components/Molecules/Typeahead/Typeahead.js

@@ -24,7 +24,6 @@ const Typeahead = React.forwardRef(
     },
     ref
   ) => {
-    const [value, setValue] = useState('');
     const [options, setOptions] = useState([]);
     const [errorMsg, setErrorMsg] = useState('');
 
@@ -62,13 +61,11 @@ const Typeahead = React.forwardRef(
 
     return (
       <TextInputWithDropdown
-        value={value}
+        defaultValue=""
         options={optionParser ? options.map(optionParser) : options}
         errorMsg={errorMsg}
         onChange={e => {
           const newValue = e.currentTarget.value;
-          setValue(newValue);
-
           debouncedHandleChange(newValue);
         }}
         onSelect={(parsedOption, optionIndex) => {
@@ -81,7 +78,6 @@ const Typeahead = React.forwardRef(
           // reset
           setOptions([]);
           setErrorMsg('');
-          setValue('');
         }}
         id={id}
         label={label}

package/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap

@@ -92,13 +92,13 @@ exports[`renders correctly 1`] = `
         aria-describedby="typeahead-test"
         autoComplete="off"
         className="c5"
+        defaultValue=""
         id="typeahead-test"
         name="q"
         onChange={[Function]}
         placeholder="Type to start searching..."
         required={false}
         type="text"
-        value=""
       />
     </div>