@open-mercato/ui 0.6.6-develop.5536.1.7cfc9c28a1 → 0.6.6-develop.5548.1.ce0de513a9

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) {
@@ -2077,7 +2077,7 @@ 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,
                 {
@@ -2103,7 +2103,7 @@ function DataTable({
               {
                 className: cn(
                   actionsColumnAlign === "center" ? "w-0 text-center" : "w-0 text-right",
-                  stickyActionsColumn && `sticky right-0 z-20 bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
+                  stickyActionsColumn && `md:sticky md:right-0 md:z-20 md:bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
                 ),
                 children: t("ui.dataTable.actionsColumn", "Actions")
               }
@@ -2179,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(
                           actionsColumnAlign === "center" ? "text-center whitespace-nowrap" : "text-right whitespace-nowrap",
-                          stickyActionsColumn && `sticky right-0 z-10 bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
+                          stickyActionsColumn && `md:sticky md:right-0 md:z-10 md:bg-background ${STICKY_RIGHT_SHADOW_CLASS}`
                         ),
                         "data-actions-cell": true,
                         children: rowActionsElement