@xcelsior/ui-spreadsheets 1.1.19 → 1.2.0

package/dist/index.js

@@ -1685,11 +1685,33 @@ function RowIndexColumnHeader({
   isPinned = false,
   onHighlightClick,
   onPinClick,
-  hasColumnGroups = false,
+  isSecondRow = false,
   compactMode = false,
   className
 }) {
   const cellPadding = compactMode ? cellPaddingCompact3 : cellPaddingNormal3;
+  if (isSecondRow) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "th",
+      {
+        className: cn(
+          "border border-gray-200 text-center font-bold text-gray-700",
+          compactMode ? "text-[10px]" : "text-xs",
+          cellPadding,
+          isPinned ? "z-30" : "z-20",
+          className
+        ),
+        style: {
+          minWidth: `${ROW_INDEX_COLUMN_WIDTH}px`,
+          width: `${ROW_INDEX_COLUMN_WIDTH}px`,
+          position: "sticky",
+          top: 0,
+          left: isPinned ? 0 : void 0,
+          backgroundColor: highlightColor || "rgb(243 244 246)"
+        }
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "th",
     {
@@ -1700,16 +1722,13 @@ function RowIndexColumnHeader({
         isPinned ? "z-30" : "z-20",
         className
       ),
-      rowSpan: hasColumnGroups ? 2 : void 0,
       style: {
         minWidth: `${ROW_INDEX_COLUMN_WIDTH}px`,
         width: `${ROW_INDEX_COLUMN_WIDTH}px`,
         position: "sticky",
         top: 0,
         left: isPinned ? 0 : void 0,
-        backgroundColor: highlightColor || "rgb(243 244 246)",
-        overflow: "hidden",
-        verticalAlign: "middle"
+        backgroundColor: highlightColor || "rgb(243 244 246)"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "#" }),
@@ -4312,7 +4331,6 @@ function Spreadsheet({
                   isPinned: isRowIndexPinned,
                   onHighlightClick: handleRowIndexHighlightClick,
                   onPinClick: () => handleTogglePin(ROW_INDEX_COLUMN_ID),
-                  hasColumnGroups: true,
                   compactMode: effectiveCompactMode
                 }
               ),
@@ -4365,7 +4383,15 @@ function Spreadsheet({
               })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { children: [
-              !columnGroups && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              columnGroups ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                RowIndexColumnHeader,
+                {
+                  highlightColor: rowIndexHighlightColor,
+                  isPinned: isRowIndexPinned,
+                  isSecondRow: true,
+                  compactMode: effectiveCompactMode
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 RowIndexColumnHeader,
                 {
                   enableHighlighting,
@@ -4373,7 +4399,6 @@ function Spreadsheet({
                   isPinned: isRowIndexPinned,
                   onHighlightClick: handleRowIndexHighlightClick,
                   onPinClick: () => handleTogglePin(ROW_INDEX_COLUMN_ID),
-                  hasColumnGroups: false,
                   compactMode: effectiveCompactMode
                 }
               ),