@thecb/components 6.0.0-beta.16 → 6.0.0-beta.17

package/dist/index.esm.js

@@ -19400,7 +19400,7 @@ var fallbackValues$e = {
 var IconWrapper = styled.div.withConfig({
   displayName: "Dropdown__IconWrapper",
   componentId: "sc-pn6m0h-0"
-})(["position:absolute;display:flex;flex-direction:column;justify-content:center;transition:transform 0.3s ease;", " top:20px;right:12px;"], function (_ref) {
+})(["position:absolute;display:flex;flex-direction:column;justify-content:center;transition:transform 0.3s ease;", ";top:20px;right:12px;"], function (_ref) {
   var open = _ref.open;
   return open ? "transform: rotate(-180deg)" : "";
 });
@@ -19521,7 +19521,7 @@ var Dropdown = function Dropdown(_ref8) {
   var onKeyDown = function onKeyDown(e) {
     var _optionRefs$current$l, _optionRefs$current;
 
-    console.log("current input value", inputValue);
+    console.log("current input value top of keyDown", inputValue);
     var key = e.key,
         keyCode = e.keyCode;
     var focus = document.activeElement;
@@ -19599,6 +19599,7 @@ var Dropdown = function Dropdown(_ref8) {
 
     if (keyCode > 64 && keyCode < 91 || keyCode == 32 || keyCode == 189) {
       e.preventDefault();
+      console.log("current input value inside keydown if", inputValue);
       setInputValue(inputValue + key);
     }
   };
@@ -19677,7 +19678,7 @@ var Dropdown = function Dropdown(_ref8) {
       }
     },
     onChange: function onChange(e) {
-      console.log("current input value", inputValue);
+      console.log("current input value onChange", inputValue);
       console.log("input change event", e.target);
       console.log("input change event value", e.target.value);
       setInputValue(e.target.value);
@@ -19721,6 +19722,10 @@ var Dropdown = function Dropdown(_ref8) {
       } : function () {
         setSelectedRef(optionRefs.current[i]);
         onSelect(choice.value);
+
+        if (isOpen) {
+          _onClick();
+        }
       },
       selected: choice.value === value,
       "aria-selected": choice.value === value,