@underverse-ui/underverse 1.0.105 → 1.0.106

package/dist/index.d.cts

@@ -2466,6 +2466,7 @@ type DataTableLabels = {
     alignCenter?: string;
     alignRight?: string;
     noData?: string;
+    sortBy?: string;
 };
 /** Public props for the `DataTable` component. */
 interface DataTableProps<T> {

package/dist/index.d.ts

@@ -2466,6 +2466,7 @@ type DataTableLabels = {
     alignCenter?: string;
     alignRight?: string;
     noData?: string;
+    sortBy?: string;
 };
 /** Public props for the `DataTable` component. */
 interface DataTableProps<T> {

package/dist/index.js

@@ -21461,6 +21461,7 @@ function DataTableHeader({
   enableHeaderAutoFit,
   getStickyHeaderClass,
   getStickyHeaderCellStyle,
+  sortByLabel,
   t
 }) {
   const renderFilterControl = React54.useCallback(
@@ -21537,18 +21538,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__ */ jsxs53("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx64("span", { className: cn("font-medium whitespace-nowrap select-text", headerTitleClass), children: col.title }),
         col.sortable && /* @__PURE__ */ jsx64(
           Tooltip,
           {
             placement: "top",
-            content: /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: `Sort by ${columnLabel}` }),
+            content: /* @__PURE__ */ jsx64("span", { className: "text-xs font-medium", children: sortLabel }),
             children: /* @__PURE__ */ jsx64(
               "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"
@@ -21561,7 +21564,7 @@ function DataTableHeader({
                     return null;
                   });
                 },
-                "aria-label": `Sort by ${columnLabel}`,
+                "aria-label": sortLabel,
                 children: /* @__PURE__ */ jsxs53("svg", { viewBox: "0 0 20 20", fill: "none", className: cn("inline-block", sortIconClass), children: [
                   /* @__PURE__ */ jsx64(
                     "path",
@@ -22668,6 +22671,7 @@ function DataTable({
                       enableHeaderAutoFit,
                       getStickyHeaderClass,
                       getStickyHeaderCellStyle,
+                      sortByLabel: labels?.sortBy,
                       t
                     }
                   ) }),