@thecb/components 6.0.0-beta.7 → 6.0.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "6.0.0-beta.7",
+  "version": "6.0.0-beta.8",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/dropdown/Dropdown.js

@@ -122,6 +122,7 @@ const Dropdown = ({
     value ? options.find(option => option.value === value)?.text : placeholder;
 
   const onKeyDown = e => {
+    console.log("key down event is", e);
     const { key, keyCode } = e;
     const focus = document.activeElement;
     console.log("dropdown value is", value);
@@ -183,13 +184,14 @@ const Dropdown = ({
   };
 
   useEffect(() => {
+    console.log("option refs in isopen useffect", optionRefs);
     console.log(
-      "option refs in isopen useffect",
+      "option ref current in isopen useffect",
       optionRefs.current[0].current
     );
     console.log("selected refs in isopen useffect", selectedRef);
     console.log("value in isopen useffect", value);
-    if (isOpen && selectedRef !== undefined) {
+    if (isOpen && selectedRef !== undefined && selectedRef.current !== null) {
       // WAI-ARIA requires the selected option to receive focus
       selectedRef.current.focus();
     } else if (isOpen && optionRefs.current[0].current) {
@@ -203,7 +205,7 @@ const Dropdown = ({
   useEffect(() => {
     if (autoEraseTypeAhead) {
       clearTimeout(timer);
-      setTimer(setTimeout(() => setInputValue(""), 5000));
+      setTimer(setTimeout(() => setInputValue(""), 3000));
     }
     setFilteredOptions(
       options.filter(
@@ -285,7 +287,9 @@ const Dropdown = ({
             aria-label={getSelection()}
             placeholder={getSelection()}
             value={inputValue}
-            onChange={noop}
+            onChange={e => {
+              console.log("input change event", e);
+            }}
             themeValues={themeValues}
             role="searchbox"
             type="text"