@ai-matrx/design-system 0.49.18 → 0.49.19

package/dist/data-table/index.js

@@ -36624,9 +36624,11 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
     if (id) onEditCancel?.(id);
     onEditDone?.();
   };
+  const canClose = (id) => closable && tabs.length > 1 && id !== "default";
+  const canRename = (id) => renameable && id !== "default";
   return /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 shrink-0 items-center border-b", "data-matrx-table-tabs": true, children: [
-    /* @__PURE__ */ jsxs16("div", { role: "tablist", "aria-label": "Table views", className: "flex min-w-0 flex-1 items-center overflow-x-auto", children: [
-      tabs.map((tab, index) => /* @__PURE__ */ jsxs16("div", { className: "group flex shrink-0 items-center border-r", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 flex-1 items-center overflow-x-auto", children: [
+      /* @__PURE__ */ jsx24("div", { role: "tablist", "aria-label": "Table views", className: "flex shrink-0 items-center", children: tabs.map((tab, index) => /* @__PURE__ */ jsxs16("div", { role: "presentation", className: "group flex shrink-0 items-center border-r", children: [
         renaming === tab.id ? /* @__PURE__ */ jsx24(
           "input",
           {
@@ -36650,14 +36652,26 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
             role: "tab",
             "aria-selected": tab.id === activeId,
             tabIndex: tab.id === activeId ? 0 : -1,
+            "aria-keyshortcuts": [canClose(tab.id) ? "Delete" : "", canRename(tab.id) ? "F2" : ""].filter(Boolean).join(" ") || void 0,
             onClick: () => onSelect(tab.id),
             onDoubleClick: () => {
-              if (renameable && tab.id !== "default") {
+              if (canRename(tab.id)) {
                 setDraft(tab.label);
                 setRenaming(tab.id);
               }
             },
             onKeyDown: (e) => {
+              if (e.key === "Delete" && canClose(tab.id)) {
+                e.preventDefault();
+                onClose(tab.id);
+                return;
+              }
+              if (e.key === "F2" && canRename(tab.id)) {
+                e.preventDefault();
+                setDraft(tab.label);
+                setRenaming(tab.id);
+                return;
+              }
               const next = e.key === "ArrowRight" ? (index + 1) % tabs.length : e.key === "ArrowLeft" ? (index + tabs.length - 1) % tabs.length : e.key === "Home" ? 0 : e.key === "End" ? tabs.length - 1 : -1;
               if (next >= 0) {
                 e.preventDefault();
@@ -36673,14 +36687,15 @@ function TableViewTabs({ tabs, activeId, onSelect, onAdd, onClose, onRename, rel
             ]
           }
         ),
-        closable && tabs.length > 1 && tab.id !== "default" && /* @__PURE__ */ jsxs16(Tooltip, { children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24("button", { type: "button", "aria-label": `Close ${tab.label}`, onClick: () => onClose(tab.id), className: "flex size-7 items-center justify-center rounded hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring", children: /* @__PURE__ */ jsx24(X, { className: "size-4" }) }) }),
+        canClose(tab.id) && /* @__PURE__ */ jsxs16(Tooltip, { children: [
+          /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24("button", { type: "button", "aria-hidden": "true", tabIndex: -1, "data-close-tab": tab.id, onClick: () => onClose(tab.id), className: "flex size-7 items-center justify-center rounded hover:bg-muted", children: /* @__PURE__ */ jsx24(X, { className: "size-4" }) }) }),
           /* @__PURE__ */ jsxs16(TooltipContent, { children: [
             "Close ",
-            tab.label
+            tab.label,
+            " (Delete)"
           ] })
         ] })
-      ] }, tab.id)),
+      ] }, tab.id)) }),
       /* @__PURE__ */ jsxs16(Tooltip, { children: [
         /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx24("button", { type: "button", "aria-label": "New table tab", onClick: onAdd, className: "flex size-8 shrink-0 items-center justify-center rounded hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring", children: /* @__PURE__ */ jsx24(Plus, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsx24(TooltipContent, { children: addHint })