@skygraph/react 0.5.0 → 0.5.2
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.cjs +26 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -4918,13 +4918,21 @@ function Dropdown({
|
|
|
4918
4918
|
break;
|
|
4919
4919
|
case "ArrowDown":
|
|
4920
4920
|
e.preventDefault();
|
|
4921
|
-
if (!open)
|
|
4922
|
-
|
|
4921
|
+
if (!open) {
|
|
4922
|
+
setOpen(true);
|
|
4923
|
+
setFocusedIndex(getNextMenuIndex(-1, 1));
|
|
4924
|
+
} else {
|
|
4925
|
+
setFocusedIndex((i) => getNextMenuIndex(i, 1));
|
|
4926
|
+
}
|
|
4923
4927
|
break;
|
|
4924
4928
|
case "ArrowUp":
|
|
4925
4929
|
e.preventDefault();
|
|
4926
|
-
if (!open)
|
|
4927
|
-
|
|
4930
|
+
if (!open) {
|
|
4931
|
+
setOpen(true);
|
|
4932
|
+
setFocusedIndex(getNextMenuIndex(items2.length, -1));
|
|
4933
|
+
} else {
|
|
4934
|
+
setFocusedIndex((i) => getNextMenuIndex(i, -1));
|
|
4935
|
+
}
|
|
4928
4936
|
break;
|
|
4929
4937
|
case "Home":
|
|
4930
4938
|
if (open) {
|
|
@@ -4941,12 +4949,20 @@ function Dropdown({
|
|
|
4941
4949
|
}
|
|
4942
4950
|
};
|
|
4943
4951
|
if (unstyled) {
|
|
4944
|
-
return /* @__PURE__ */ jsxs19(
|
|
4945
|
-
|
|
4946
|
-
|
|
4947
|
-
|
|
4948
|
-
|
|
4949
|
-
|
|
4952
|
+
return /* @__PURE__ */ jsxs19(
|
|
4953
|
+
"div",
|
|
4954
|
+
{
|
|
4955
|
+
ref,
|
|
4956
|
+
className,
|
|
4957
|
+
style: { position: "relative", display: "inline-block" },
|
|
4958
|
+
children: [
|
|
4959
|
+
/* @__PURE__ */ jsx21("div", { onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children }),
|
|
4960
|
+
open && /* @__PURE__ */ jsx21("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: items2.map(
|
|
4961
|
+
(item) => item.divider ? /* @__PURE__ */ jsx21("hr", {}, item.key) : /* @__PURE__ */ jsx21("div", { onClick: () => handleSelect(item), children: item.label }, item.key)
|
|
4962
|
+
) })
|
|
4963
|
+
]
|
|
4964
|
+
}
|
|
4965
|
+
);
|
|
4950
4966
|
}
|
|
4951
4967
|
return /* @__PURE__ */ jsxs19(
|
|
4952
4968
|
"div",
|