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

package/dist/index.cjs.js

@@ -19528,6 +19528,7 @@ var Dropdown = function Dropdown(_ref8) {
   var onKeyDown = function onKeyDown(e) {
     var _optionRefs$current$l, _optionRefs$current;
 
+    console.log("key down event is", e);
     var key = e.key,
         keyCode = e.keyCode;
     var focus = document.activeElement;
@@ -19602,11 +19603,12 @@ var Dropdown = function Dropdown(_ref8) {
   };
 
   React.useEffect(function () {
-    console.log("option refs in isopen useffect", optionRefs.current[0].current);
+    console.log("option refs in isopen useffect", optionRefs);
+    console.log("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) {
@@ -19622,7 +19624,7 @@ var Dropdown = function Dropdown(_ref8) {
       clearTimeout(timer);
       setTimer(setTimeout(function () {
         return setInputValue("");
-      }, 5000));
+      }, 3000));
     }
 
     setFilteredOptions(options.filter(function (option) {
@@ -19675,7 +19677,9 @@ var Dropdown = function Dropdown(_ref8) {
     "aria-label": getSelection(),
     placeholder: getSelection(),
     value: inputValue,
-    onChange: noop,
+    onChange: function onChange(e) {
+      console.log("input change event", e);
+    },
     themeValues: themeValues,
     role: "searchbox",
     type: "text",