@postxl/ui-components 1.4.0 → 1.4.1

package/dist/index.js

@@ -5927,12 +5927,15 @@ function DataGridViewMenu({ table, savedViews, activeViewId, currentUserId, isAd
 									})
 								]
 							}, view.id);
-							return /* @__PURE__ */ jsxs(Button, {
-								variant: "ghost",
-								size: "max",
-								className: cn("text-start gap-1 px-2 h-6 rounded-sm cursor-pointer group hover:bg-accent", isActive && "bg-accent/50"),
-								onClick: () => onApplyView?.(view.id),
+							return /* @__PURE__ */ jsxs("div", {
+								className: cn("relative flex items-center text-start gap-1 px-2 h-6 rounded-sm cursor-pointer group hover:bg-accent", isActive && "bg-accent/50"),
 								children: [
+									/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: "absolute inset-0 hover:cursor-pointer",
+										onClick: () => onApplyView?.(view.id),
+										"aria-label": `Apply view "${view.name}"`
+									}),
 									view.isGlobal ? /* @__PURE__ */ jsx(GlobeIcon, { className: cn("size-3.5 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ jsx(BookmarkIcon, { className: cn("size-3.5 shrink-0", isActive ? "text-primary" : "text-muted-foreground") }),
 									/* @__PURE__ */ jsx("span", {
 										className: "text-sm truncate flex-1",
@@ -5940,7 +5943,7 @@ function DataGridViewMenu({ table, savedViews, activeViewId, currentUserId, isAd
 									}),
 									isActive ? /* @__PURE__ */ jsx(CheckIcon$1, { className: "group-hover:hidden size-3.5 text-primary shrink-0" }) : null,
 									canEdit && /* @__PURE__ */ jsxs("div", {
-										className: "hidden group-hover:flex items-center shrink-0",
+										className: "relative z-10 hidden group-hover:flex items-center shrink-0",
 										children: [
 											onUpdateView && /* @__PURE__ */ jsx(TooltipProvider, {
 												delayDuration: 300,
@@ -5949,8 +5952,7 @@ function DataGridViewMenu({ table, savedViews, activeViewId, currentUserId, isAd
 													children: /* @__PURE__ */ jsx(Button, {
 														variant: "ghost",
 														size: "iconXs",
-														onClick: (e) => {
-															e.stopPropagation();
+														onClick: () => {
 															resetAllStates();
 															setUpdatingViewId(view.id);
 														},
@@ -5968,8 +5970,7 @@ function DataGridViewMenu({ table, savedViews, activeViewId, currentUserId, isAd
 													children: /* @__PURE__ */ jsx(Button, {
 														variant: "ghost",
 														size: "iconXs",
-														onClick: (e) => {
-															e.stopPropagation();
+														onClick: () => {
 															resetAllStates();
 															setRenamingViewId(view.id);
 															setRenameValue(view.name);
@@ -5989,8 +5990,7 @@ function DataGridViewMenu({ table, savedViews, activeViewId, currentUserId, isAd
 														variant: "ghost",
 														size: "iconXs",
 														className: "text-destructive hover:text-destructive",
-														onClick: (e) => {
-															e.stopPropagation();
+														onClick: () => {
 															resetAllStates();
 															setDeletingViewId(view.id);
 														},