@extend-ai/react-xlsx 0.16.0 → 0.16.1

package/dist/index.cjs

@@ -11089,6 +11089,14 @@ function useXlsxViewerController(options) {
 var React4 = __toESM(require("react"), 1);
 var import_react_virtual = require("@tanstack/react-virtual");
 
+// src/cell-text-clip.ts
+function resolveCellTextClipOverscan(overscan, usesWrappedText) {
+  return {
+    horizontal: overscan,
+    vertical: usesWrappedText ? 0 : overscan
+  };
+}
+
 // src/chart-renderer.tsx
 var import_d3_hierarchy = require("d3-hierarchy");
 var import_d3_geo = require("d3-geo");
@@ -22816,6 +22824,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";
@@ -23011,7 +23029,7 @@ function GridRow({
                 },
                 children: renderCheckboxControl(cellData.checkboxState, palette, zoomFactor)
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: cellContentStyle, children: rotatedTextStyle ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: rotatedTextStyle, children: cellData.value }) : cellData.value })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: cellContentStyle, children: rotatedTextStyle ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: rotatedTextStyle, children: cellData.value }) : wrappedTextStyle ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: wrappedTextStyle, children: cellData.value }) : cellData.value })
           ]
         },
         key
@@ -27735,14 +27753,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;