@undevy-org/tablewright 0.4.0 → 0.5.1

package/dist/es/components/data-table/FilterPopoverFooter.js

@@ -2,16 +2,24 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../ui/button.js";
 import { ButtonFooter } from "../ui/button-footer.js";
+const DEFAULT_LABELS = {
+  apply: "Apply",
+  clear: "Clear"
+};
 function FilterPopoverFooter({
   onApply,
   onClear,
-  applyLabel = "Apply",
-  clearLabel = "Clear",
+  labels: labelOverrides,
+  applyLabel,
+  clearLabel,
   className
 }) {
+  const labels = { ...DEFAULT_LABELS, ...labelOverrides };
+  const apply = applyLabel ?? labels.apply;
+  const clear = clearLabel ?? labels.clear;
   return /* @__PURE__ */ jsxs(ButtonFooter, { className: cn("px-3 py-2.5", className), children: [
-    onClear && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onClear, children: clearLabel }),
-    /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onApply, children: applyLabel })
+    onClear && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: onClear, children: clear }),
+    /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onApply, children: apply })
   ] });
 }
 export {

package/dist/es/components/data-table/TableLayout.js

@@ -1,12 +1,21 @@
 import { jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
+import { SCROLL_REGION_TAB_INDEX } from "../../lib/scroll-region-tab-index.js";
 import { useScrollActivity } from "../../hooks/use-scroll-activity.js";
 function TableLayout({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("relative flex flex-1 flex-col overflow-hidden", className), children });
 }
 function ScrollArea({ children, className }) {
   const scrollRef = useScrollActivity();
-  return /* @__PURE__ */ jsx("div", { ref: scrollRef, className: cn("scrollbar-auto-hide flex-1 overflow-auto", className), children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollRef,
+      tabIndex: SCROLL_REGION_TAB_INDEX,
+      className: cn("scrollbar-auto-hide flex-1 overflow-auto", className),
+      children
+    }
+  );
 }
 TableLayout.ScrollArea = ScrollArea;
 export {

package/dist/es/components/layout/Sidebar.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronRight, ChevronLeft } from "lucide-react";
+import { collapsedNavLinkAriaLabel } from "../../lib/collapsed-nav-link-a11y.js";
 import { cn } from "../../lib/utils.js";
 import { useAppShell } from "./app-shell-context.js";
 function isItemActive(href, activeKey) {
@@ -75,10 +76,15 @@ const Sidebar = React.forwardRef(
                 ),
                 showExpanded && /* @__PURE__ */ jsx("span", { className: "truncate text-[13px]", children: item.label })
               ] });
+              const collapsedLinkLabel = collapsedNavLinkAriaLabel(
+                showExpanded,
+                item.label
+              );
               if (renderLink) {
                 return /* @__PURE__ */ jsx(React.Fragment, { children: renderLink(item.href, {
                   className: itemClassName,
-                  children
+                  children,
+                  ...collapsedLinkLabel ? { "aria-label": collapsedLinkLabel } : {}
                 }) }, item.key);
               }
               return /* @__PURE__ */ jsx(
@@ -86,6 +92,7 @@ const Sidebar = React.forwardRef(
                 {
                   href: item.href,
                   className: itemClassName,
+                  "aria-label": collapsedLinkLabel,
                   children
                 },
                 item.key

package/dist/es/components/layout/SidebarAccountMenu.js

@@ -2,6 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ChevronDown, SunMoon, LogOut } from "lucide-react";
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "../ui/dropdown-menu.js";
 import { ThemeSwitch } from "../ui/theme-switch.js";
+import { decorativeAvatarAlt } from "../../lib/decorative-avatar-alt.js";
 import { cn } from "../../lib/utils.js";
 import { useAppShell } from "./app-shell-context.js";
 function getInitials(name) {
@@ -26,7 +27,7 @@ function SidebarAccountMenu({
     "img",
     {
       src: avatarUrl,
-      alt: name,
+      alt: decorativeAvatarAlt(!effectiveCollapsed, name),
       className: "h-7 w-7 shrink-0 rounded-full object-cover"
     }
   ) : /* @__PURE__ */ jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) });
@@ -62,7 +63,7 @@ function SidebarAccountMenu({
               "img",
               {
                 src: avatarUrl,
-                alt: name,
+                alt: decorativeAvatarAlt(true, name),
                 className: "h-8 w-8 shrink-0 rounded-full object-cover"
               }
             ) : /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) }),

package/dist/es/components/layout/SidebarUser.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
+import { decorativeAvatarAlt } from "../../lib/decorative-avatar-alt.js";
 import { cn } from "../../lib/utils.js";
 import { useAppShell } from "./app-shell-context.js";
 function getInitials(name) {
@@ -23,7 +24,7 @@ const SidebarUser = React.forwardRef(
             "img",
             {
               src: avatarUrl,
-              alt: name,
+              alt: decorativeAvatarAlt(!effectiveCollapsed, name),
               className: "h-8 w-8 shrink-0 rounded-full object-cover"
             }
           ) : /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-tertiary)] text-[11px] font-semibold text-[var(--text-secondary)]", children: getInitials(name) }),

package/dist/es/lib/collapsed-nav-link-a11y.js

@@ -0,0 +1,6 @@
+function collapsedNavLinkAriaLabel(showExpanded, label) {
+  return showExpanded ? void 0 : label;
+}
+export {
+  collapsedNavLinkAriaLabel
+};

package/dist/es/lib/decorative-avatar-alt.js

@@ -0,0 +1,6 @@
+function decorativeAvatarAlt(adjacentNameVisible, name) {
+  return adjacentNameVisible ? "" : name;
+}
+export {
+  decorativeAvatarAlt
+};

package/dist/es/lib/scroll-region-tab-index.js

@@ -0,0 +1,4 @@
+const SCROLL_REGION_TAB_INDEX = 0;
+export {
+  SCROLL_REGION_TAB_INDEX
+};

package/dist/styles.css

@@ -580,6 +580,9 @@
 .h-9 {
     height: 2.25rem
 }
+.h-96 {
+    height: 24rem
+}
 .h-\[18px\] {
     height: 18px
 }