@underverse-ui/underverse 1.0.105 → 1.0.106

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.105",
+  "version": "1.0.106",
   "sourceEntry": "src/index.ts",
   "totalExports": 230,
   "exports": [

package/dist/index.cjs

@@ -21630,6 +21630,7 @@ function DataTableHeader({
   enableHeaderAutoFit,
   getStickyHeaderClass,
   getStickyHeaderCellStyle,
+  sortByLabel,
   t
 }) {
   const renderFilterControl = import_react30.default.useCallback(
@@ -21706,18 +21707,20 @@ function DataTableHeader({
       const isRightAlign = col.align === "right" || !col.align && headerAlign === "right";
       const isCenterAlign = col.align === "center" || !col.align && headerAlign === "center";
       const columnLabel = getColumnLabel(col.title) || col.key;
+      const sortByText = sortByLabel ?? "Sort by";
+      const sortLabel = `${sortByText} ${columnLabel}`;
       const titleContent = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: cn("font-medium whitespace-nowrap select-text", headerTitleClass), children: col.title }),
         col.sortable && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Tooltip,
           {
             placement: "top",
-            content: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs font-medium", children: `Sort by ${columnLabel}` }),
+            content: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs font-medium", children: sortLabel }),
             children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               "button",
               {
                 type: "button",
-                title: `Sort by ${columnLabel}`,
+                title: sortLabel,
                 className: cn(
                   "p-1 rounded-lg transition-all duration-200 hover:bg-accent",
                   sort?.key === col.key ? "opacity-100 bg-accent" : "opacity-60 hover:opacity-100"
@@ -21730,7 +21733,7 @@ function DataTableHeader({
                     return null;
                   });
                 },
-                "aria-label": `Sort by ${columnLabel}`,
+                "aria-label": sortLabel,
                 children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
                   /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                     "path",
@@ -22837,6 +22840,7 @@ function DataTable({
                       enableHeaderAutoFit,
                       getStickyHeaderClass,
                       getStickyHeaderCellStyle,
+                      sortByLabel: labels?.sortBy,
                       t
                     }
                   ) }),