@thecb/components 6.0.0-beta.7 → 6.0.0-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js
CHANGED
|
@@ -19520,6 +19520,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19520
19520
|
var onKeyDown = function onKeyDown(e) {
|
|
19521
19521
|
var _optionRefs$current$l, _optionRefs$current;
|
|
19522
19522
|
|
|
19523
|
+
console.log("key down event is", e);
|
|
19523
19524
|
var key = e.key,
|
|
19524
19525
|
keyCode = e.keyCode;
|
|
19525
19526
|
var focus = document.activeElement;
|
|
@@ -19594,11 +19595,12 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19594
19595
|
};
|
|
19595
19596
|
|
|
19596
19597
|
useEffect$1(function () {
|
|
19597
|
-
console.log("option refs in isopen useffect", optionRefs
|
|
19598
|
+
console.log("option refs in isopen useffect", optionRefs);
|
|
19599
|
+
console.log("option ref current in isopen useffect", optionRefs.current[0].current);
|
|
19598
19600
|
console.log("selected refs in isopen useffect", selectedRef);
|
|
19599
19601
|
console.log("value in isopen useffect", value);
|
|
19600
19602
|
|
|
19601
|
-
if (isOpen && selectedRef !== undefined) {
|
|
19603
|
+
if (isOpen && selectedRef !== undefined && selectedRef.current !== null) {
|
|
19602
19604
|
// WAI-ARIA requires the selected option to receive focus
|
|
19603
19605
|
selectedRef.current.focus();
|
|
19604
19606
|
} else if (isOpen && optionRefs.current[0].current) {
|
|
@@ -19614,7 +19616,7 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19614
19616
|
clearTimeout(timer);
|
|
19615
19617
|
setTimer(setTimeout(function () {
|
|
19616
19618
|
return setInputValue("");
|
|
19617
|
-
},
|
|
19619
|
+
}, 3000));
|
|
19618
19620
|
}
|
|
19619
19621
|
|
|
19620
19622
|
setFilteredOptions(options.filter(function (option) {
|
|
@@ -19667,7 +19669,9 @@ var Dropdown = function Dropdown(_ref8) {
|
|
|
19667
19669
|
"aria-label": getSelection(),
|
|
19668
19670
|
placeholder: getSelection(),
|
|
19669
19671
|
value: inputValue,
|
|
19670
|
-
onChange:
|
|
19672
|
+
onChange: function onChange(e) {
|
|
19673
|
+
console.log("input change event", e);
|
|
19674
|
+
},
|
|
19671
19675
|
themeValues: themeValues,
|
|
19672
19676
|
role: "searchbox",
|
|
19673
19677
|
type: "text",
|