@underverse-ui/underverse 1.0.22 → 1.0.23

package/dist/index.js

@@ -19266,6 +19266,14 @@ function useStickyColumns(columns, visibleKeys) {
     }
     return positions;
   }, [leafColumns]);
+  const { leftBoundaryKey, rightBoundaryKey } = React58.useMemo(() => {
+    const leftFixed = leafColumns.filter((c) => c.fixed === "left");
+    const rightFixed = leafColumns.filter((c) => c.fixed === "right");
+    return {
+      leftBoundaryKey: leftFixed.length > 0 ? leftFixed[leftFixed.length - 1].key : null,
+      rightBoundaryKey: rightFixed.length > 0 ? rightFixed[0].key : null
+    };
+  }, [leafColumns]);
   const getStickyColumnStyle = React58.useCallback(
     (col) => {
       if (!col.fixed) return {};
@@ -19277,24 +19285,38 @@ function useStickyColumns(columns, visibleKeys) {
     },
     [stickyPositions]
   );
-  const getStickyHeaderClass = React58.useCallback((col) => {
-    if (!col.fixed) return "";
-    return cn(
-      "sticky",
-      col.fixed === "left" && "left-0 shadow-[2px_0_6px_-3px_rgba(0,0,0,0.08)]",
-      col.fixed === "right" && "right-0 shadow-[-2px_0_6px_-3px_rgba(0,0,0,0.08)]",
-      "z-50 bg-muted!"
-    );
-  }, []);
-  const getStickyCellClass = React58.useCallback((col, isStripedRow) => {
-    if (!col.fixed) return "";
-    return cn(
-      "sticky z-10",
-      col.fixed === "left" && "left-0 shadow-[2px_0_6px_-3px_rgba(0,0,0,0.08)]",
-      col.fixed === "right" && "right-0 shadow-[-2px_0_6px_-3px_rgba(0,0,0,0.08)]",
-      isStripedRow ? "bg-(--surface-1)!" : "bg-(--surface-0)!"
-    );
-  }, []);
+  const getBoundaryShadowClass = React58.useCallback(
+    (col) => {
+      if (col.fixed === "left" && col.key === leftBoundaryKey) {
+        return "border-r border-border/80 shadow-[10px_0_16px_-10px_rgba(0,0,0,0.55)]";
+      }
+      if (col.fixed === "right" && col.key === rightBoundaryKey) {
+        return "border-l border-border/80 shadow-[-10px_0_16px_-10px_rgba(0,0,0,0.55)]";
+      }
+      return "";
+    },
+    [leftBoundaryKey, rightBoundaryKey]
+  );
+  const getStickyHeaderClass = React58.useCallback(
+    (col) => {
+      if (!col.fixed) return "";
+      return cn("sticky", col.fixed === "left" && "left-0", col.fixed === "right" && "right-0", getBoundaryShadowClass(col), "z-50 !bg-muted");
+    },
+    [getBoundaryShadowClass]
+  );
+  const getStickyCellClass = React58.useCallback(
+    (col, isStripedRow) => {
+      if (!col.fixed) return "";
+      return cn(
+        "sticky z-10",
+        col.fixed === "left" && "left-0",
+        col.fixed === "right" && "right-0",
+        getBoundaryShadowClass(col),
+        isStripedRow ? "!bg-surface-1" : "!bg-surface-0"
+      );
+    },
+    [getBoundaryShadowClass]
+  );
   const getStickyHeaderCellStyle = React58.useCallback(
     (headerCell) => {
       const col = headerCell.column;