@extend-ai/react-xlsx 0.16.0 → 0.16.1

package/dist/index.js

@@ -11040,6 +11040,14 @@ import {
   useVirtualizer
 } from "@tanstack/react-virtual";
 
+// src/cell-text-clip.ts
+function resolveCellTextClipOverscan(overscan, usesWrappedText) {
+  return {
+    horizontal: overscan,
+    vertical: usesWrappedText ? 0 : overscan
+  };
+}
+
 // src/chart-renderer.tsx
 import { hierarchy as d3Hierarchy, partition as d3Partition, treemap as d3Treemap, treemapBinary, treemapDice } from "d3-hierarchy";
 import { geoIdentity, geoMercator, geoNaturalEarth1, geoPath } from "d3-geo";
@@ -22782,6 +22790,16 @@ function GridRow({
         width: "100%",
         wordBreak: "inherit"
       };
+      const usesWrappedText = cellData.style.whiteSpace === "pre-wrap" || cellData.value.includes("\n");
+      const wrappedTextStyle = usesWrappedText ? {
+        display: "block",
+        flex: "0 0 auto",
+        maxWidth: "100%",
+        minWidth: 0
+      } : null;
+      if (usesWrappedText) {
+        cellContentStyle.overflow = "clip";
+      }
       const trailingInset = (adornment ? 20 : 0) + (cellData.conditionalIcon ? 18 : 0);
       if (cellData.conditionalDataBar) {
         cellContentStyle.position = "relative";
@@ -22977,7 +22995,7 @@ function GridRow({
                 },
                 children: renderCheckboxControl(cellData.checkboxState, palette, zoomFactor)
               }
-            ) : /* @__PURE__ */ jsx3("div", { style: cellContentStyle, children: rotatedTextStyle ? /* @__PURE__ */ jsx3("span", { style: rotatedTextStyle, children: cellData.value }) : cellData.value })
+            ) : /* @__PURE__ */ jsx3("div", { style: cellContentStyle, children: rotatedTextStyle ? /* @__PURE__ */ jsx3("span", { style: rotatedTextStyle, children: cellData.value }) : wrappedTextStyle ? /* @__PURE__ */ jsx3("span", { style: wrappedTextStyle, children: cellData.value }) : cellData.value })
           ]
         },
         key
@@ -27701,14 +27719,18 @@ function XlsxGrid({
               zoomFactor * 1.5,
               activeFontSizePx * (cellData.textRotationDeg ? 0.75 : 0.18)
             );
+            const textClip = resolveCellTextClipOverscan(
+              textClipOverscan,
+              canvasCellStyle.usesWrappedText || rawText.includes("\n")
+            );
             flushPendingGridlines();
             paneContext.save();
             paneContext.beginPath();
             paneContext.rect(
-              contentLeft - textClipOverscan,
-              contentTop - textClipOverscan,
-              contentWidth + textClipOverscan * 2,
-              contentHeight + textClipOverscan * 2
+              contentLeft - textClip.horizontal,
+              contentTop - textClip.vertical,
+              contentWidth + textClip.horizontal * 2,
+              contentHeight + textClip.vertical * 2
             );
             paneContext.clip();
             paneContext.font = cellData.shrinkToFitFontSizePx ? resolveCanvasFontWithPxSize(cellStyle, cellData.shrinkToFitFontSizePx) : canvasCellStyle.baseFont;