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

package/dist/index.esm.js

@@ -19604,6 +19604,19 @@ var Dropdown = function Dropdown(_ref8) {
     }
   };
 
+  var handleItemSelection = function handleItemSelection(evt, choice, i) {
+    disabledValues.includes(choice.value) ? function (evt) {
+      return evt.preventDefault();
+    } : function () {
+      setSelectedRef(optionRefs.current[i]);
+      onSelect(choice.value);
+
+      if (isOpen) {
+        _onClick();
+      }
+    };
+  };
+
   useEffect$1(function () {
     if (isOpen && selectedRef !== undefined && selectedRef.current !== null) {
       // WAI-ARIA requires the selected option to receive focus
@@ -19673,15 +19686,20 @@ var Dropdown = function Dropdown(_ref8) {
     minWidth: "100%",
     name: autocompleteValue,
     onFocus: function onFocus() {
+      /*
       if (!isOpen) {
-        _onClick();
+        onClick();
       }
+      */
     },
     onChange: function onChange(e) {
       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);
+      console.log("input change event value", e.target.value); // support autofill and copy/paste
+
+      if (e.tarvet.value !== inputValue) {
+        setInputValue(e.target.value);
+      }
     },
     padding: "12px",
     placeholder: getSelection(),
@@ -19717,14 +19735,12 @@ var Dropdown = function Dropdown(_ref8) {
       key: choice.value,
       ref: optionRefs.current[i],
       tabIndex: -1,
-      onClick: disabledValues.includes(choice.value) ? function (evt) {
-        return evt.preventDefault();
-      } : function () {
-        setSelectedRef(optionRefs.current[i]);
-        onSelect(choice.value);
-
-        if (isOpen) {
-          _onClick();
+      onClick: function onClick(e) {
+        return handleItemSelection(e, choice, i);
+      },
+      onKeyDown: function onKeyDown(e) {
+        if (e.keyCode === 13) {
+          handleItemSelection(e, choice, i);
         }
       },
       selected: choice.value === value,