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

package/package.json

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

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

@@ -21,7 +21,7 @@ const IconWrapper = styled.div`
   flex-direction: column;
   justify-content: center;
   transition: transform 0.3s ease;
-  ${({ open }) => (open ? "transform: rotate(-180deg)" : "")}
+  ${({ open }) => (open ? "transform: rotate(-180deg)" : "")};
   top: 20px;
   right: 12px;
 `;
@@ -123,7 +123,7 @@ const Dropdown = ({
     value ? options.find(option => option.value === value)?.text : placeholder;
 
   const onKeyDown = e => {
-    console.log("current input value", inputValue);
+    console.log("current input value top of keyDown", inputValue);
     const { key, keyCode } = e;
     const focus = document.activeElement;
     console.log("dropdown value is", value);
@@ -185,6 +185,7 @@ const Dropdown = ({
     }
     if ((keyCode > 64 && keyCode < 91) || keyCode == 32 || keyCode == 189) {
       e.preventDefault();
+      console.log("current input value inside keydown if", inputValue);
       setInputValue(inputValue + key);
     }
   };
@@ -283,7 +284,7 @@ const Dropdown = ({
           }
         }}
         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);
@@ -337,6 +338,9 @@ const Dropdown = ({
                         : () => {
                             setSelectedRef(optionRefs.current[i]);
                             onSelect(choice.value);
+                            if (isOpen) {
+                              onClick();
+                            }
                           }
                     }
                     selected={choice.value === value}