@open-mercato/ui 0.6.5-develop.5337.1.534b781eac → 0.6.5

package/dist/backend/DataTable.js

@@ -134,8 +134,8 @@ const EXPORT_LABELS = {
 };
 const EMPTY_FILTER_DEFS = [];
 const EMPTY_FILTER_VALUES = Object.freeze({});
-const STICKY_RIGHT_SHADOW_CLASS = "before:absolute before:inset-y-0 before:-left-2 before:w-2 before:bg-gradient-to-l before:from-foreground/8 before:to-transparent before:pointer-events-none";
-const STICKY_LEFT_SHADOW_CLASS = "after:absolute after:inset-y-0 after:-right-2 after:w-2 after:bg-gradient-to-r after:from-foreground/8 after:to-transparent after:pointer-events-none";
+const STICKY_RIGHT_SHADOW_CLASS = "md:before:absolute md:before:inset-y-0 md:before:-left-2 md:before:w-2 md:before:bg-gradient-to-l md:before:from-foreground/8 md:before:to-transparent md:before:pointer-events-none";
+const STICKY_LEFT_SHADOW_CLASS = "md:after:absolute md:after:inset-y-0 md:after:-right-2 md:after:w-2 md:after:bg-gradient-to-r md:after:from-foreground/8 md:after:to-transparent md:after:pointer-events-none";
 function collectUniqueById(entries, warningScope) {
   const byId = /* @__PURE__ */ new Map();
   for (const entry of entries) {
@@ -649,6 +649,7 @@ function DataTable({
   extensionTableId: extensionTableIdProp,
   stickyFirstColumn = false,
   stickyActionsColumn = false,
+  actionsColumnAlign = "right",
   virtualized = false,
   virtualizedMaxHeight,
   virtualizedOverscan = 10,
@@ -2076,13 +2077,13 @@ function DataTable({
               const columnMeta = header.column.columnDef?.meta;
               const priority = resolvePriority(header.column);
               const isFirstDataColumn = headerIndex === 0;
-              const stickyClass = stickyFirstColumn && isFirstDataColumn ? ` sticky left-0 z-10 bg-background ${STICKY_LEFT_SHADOW_CLASS}` : "";
+              const stickyClass = stickyFirstColumn && isFirstDataColumn ? ` md:sticky md:left-0 md:z-10 md:bg-background ${STICKY_LEFT_SHADOW_CLASS}` : "";
               const headerCellContent = header.isPlaceholder ? null : /* @__PURE__ */ jsxs(
                 Button,
                 {
                   variant: "ghost",
                   type: "button",
-                  className: `h-auto p-0 font-medium ${sortable && header.column.getCanSort?.() ? "cursor-pointer select-none" : ""}`,
+                  className: `h-auto p-0 has-[>svg]:px-0 font-medium ${sortable && header.column.getCanSort?.() ? "cursor-pointer select-none" : ""}`,
                   onClick: () => sortable && header.column.toggleSorting?.(header.column.getIsSorted() === "asc"),
                   children: [
                     flexRender(header.column.columnDef.header, header.getContext()),
@@ -2101,8 +2102,8 @@ function DataTable({
               TableHead,
               {
                 className: cn(
-                  "w-0 text-right",
-                  stickyActionsColumn && `sticky right-0 z-20 bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
+                  actionsColumnAlign === "center" ? "w-0 text-center" : "w-0 text-right",
+                  stickyActionsColumn && `md:sticky md:right-0 md:z-20 md:bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
                 ),
                 children: t("ui.dataTable.actionsColumn", "Actions")
               }
@@ -2178,14 +2179,14 @@ function DataTable({
                         tooltipText = cellValue != null ? String(cellValue) : void 0;
                       }
                       const wrappedContent = shouldTruncate ? /* @__PURE__ */ jsx(TruncatedCell, { maxWidth, tooltipContent: tooltipText, children: content }) : content;
-                      return /* @__PURE__ */ jsx(TableCell, { className: responsiveClass(priority, columnMeta?.hidden) + (isStickyCell ? ` sticky left-0 z-10 bg-background ${STICKY_LEFT_SHADOW_CLASS}` : ""), children: wrappedContent }, cell.id);
+                      return /* @__PURE__ */ jsx(TableCell, { className: responsiveClass(priority, columnMeta?.hidden) + (isStickyCell ? ` md:sticky md:left-0 md:z-10 md:bg-background ${STICKY_LEFT_SHADOW_CLASS}` : ""), children: wrappedContent }, cell.id);
                     }),
                     rowActions || injectedRowActions.length > 0 ? /* @__PURE__ */ jsx(
                       TableCell,
                       {
                         className: cn(
-                          "text-right whitespace-nowrap",
-                          stickyActionsColumn && `sticky right-0 z-10 bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
+                          actionsColumnAlign === "center" ? "text-center whitespace-nowrap" : "text-right whitespace-nowrap",
+                          stickyActionsColumn && `md:sticky md:right-0 md:z-10 md:bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
                         ),
                         "data-actions-cell": true,
                         children: rowActionsElement