office-viewer-react 1.0.0

package/dist/server/assets/XlsxViewer-jzIgKmN2.js

@@ -0,0 +1,841 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useMemo } from "react";
+import ExcelJS from "exceljs";
+import * as XLSX from "xlsx";
+import { Loader2, ChevronLeft, ChevronRight } from "lucide-react";
+function colLetter(n) {
+  let s = "";
+  while (n > 0) {
+    const m = (n - 1) % 26;
+    s = String.fromCharCode(65 + m) + s;
+    n = Math.floor((n - 1) / 26);
+  }
+  return s;
+}
+function letterToNum(letters) {
+  let n = 0;
+  for (const ch of letters) n = n * 26 + (ch.charCodeAt(0) - 64);
+  return n;
+}
+const THEME_COLORS = [
+  "#FFFFFF",
+  // 0: lt1 (background)
+  "#000000",
+  // 1: dk1 (text / borders)
+  "#E7E6E6",
+  // 2: lt2
+  "#44546A",
+  // 3: dk2
+  "#4472C4",
+  // 4: accent1
+  "#ED7D31",
+  // 5: accent2
+  "#A5A5A5",
+  // 6: accent3
+  "#FFC000",
+  // 7: accent4
+  "#5B9BD5",
+  // 8: accent5
+  "#70AD47"
+  // 9: accent6
+];
+const INDEXED_COLORS = [
+  "#000000",
+  "#FFFFFF",
+  "#FF0000",
+  "#00FF00",
+  "#0000FF",
+  "#FFFF00",
+  "#FF00FF",
+  "#00FFFF",
+  "#000000",
+  "#FFFFFF",
+  "#FF0000",
+  "#00FF00",
+  "#0000FF",
+  "#FFFF00",
+  "#FF00FF",
+  "#00FFFF",
+  "#800000",
+  "#008000",
+  "#000080",
+  "#808000",
+  "#800080",
+  "#008080",
+  "#C0C0C0",
+  "#808080",
+  "#9999FF",
+  "#993366",
+  "#FFFFCC",
+  "#CCFFFF",
+  "#660066",
+  "#FF8080",
+  "#0066CC",
+  "#CCCCFF",
+  "#000080",
+  "#FF00FF",
+  "#FFFF00",
+  "#00FFFF",
+  "#800080",
+  "#800000",
+  "#008080",
+  "#0000FF",
+  "#00CCFF",
+  "#CCFFFF",
+  "#CCFFCC",
+  "#FFFF99",
+  "#99CCFF",
+  "#FF99CC",
+  "#CC99FF",
+  "#FFCC99",
+  "#3366FF",
+  "#33CCCC",
+  "#99CC00",
+  "#FFCC00",
+  "#FF9900",
+  "#FF6600",
+  "#666699",
+  "#969696",
+  "#003366",
+  "#339966",
+  "#003300",
+  "#333300",
+  "#993300",
+  "#993366",
+  "#333399",
+  "#333333"
+];
+function argbToCss(color) {
+  if (!color) return void 0;
+  if (color.argb) {
+    const argb = color.argb;
+    const hex = argb.length === 8 ? argb.slice(2) : argb;
+    if (!/^[0-9a-fA-F]{6}$/.test(hex)) return void 0;
+    return `#${hex}`;
+  }
+  if (color.theme !== void 0) return THEME_COLORS[color.theme];
+  if (color.indexed !== void 0) return color.indexed === 64 ? "#000000" : INDEXED_COLORS[color.indexed];
+  return void 0;
+}
+const SCALE = 1.5;
+const JS_DATE_TOSTRING_RE = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)\s/;
+function excelSerialToDate(serial) {
+  return new Date(Math.round((serial - 25569) * 864e5));
+}
+function fmtDate(d) {
+  return `${d.getUTCMonth() + 1}/${d.getUTCDate()}/${d.getUTCFullYear()}`;
+}
+const MONTH_LONG = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+const MONTH_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+const DAY_LONG = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+const DAY_SHORT = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function serialToDateParts(serial) {
+  const frac = serial - Math.floor(serial);
+  const totalSec = Math.round(frac * 86400);
+  const h = Math.floor(totalSec / 3600);
+  const mi = Math.floor(totalSec % 3600 / 60);
+  const s = totalSec % 60;
+  const ds = Math.floor(serial);
+  if (ds <= 0) return { y: 1900, mo: 1, d: ds, dow: 6, h, mi, s };
+  if (ds === 60) return { y: 1900, mo: 2, d: 29, dow: 3, h, mi, s };
+  const adj = ds < 60 ? ds + 1 : ds;
+  const js = new Date(Math.round((adj - 25569) * 864e5));
+  return { y: js.getUTCFullYear(), mo: js.getUTCMonth() + 1, d: js.getUTCDate(), dow: js.getUTCDay(), h, mi, s };
+}
+function applyDateFmt(fmt, p) {
+  const section = fmt.split(";")[0];
+  const unquoted = section.replace(/"[^"]*"/g, "").replace(/\[.*?\]/g, "");
+  const hasHour = /h/i.test(unquoted);
+  const hasAmPm = /am\/pm|a\/p/i.test(unquoted);
+  let out = "", i = 0;
+  let prevHour = false;
+  while (i < section.length) {
+    if (section[i] === "[") {
+      const end = section.indexOf("]", i);
+      if (end >= 0) {
+        i = end + 1;
+        continue;
+      }
+    }
+    if (section[i] === "_") {
+      i += 2;
+      continue;
+    }
+    if (section[i] === "*") {
+      i += 2;
+      continue;
+    }
+    if (section[i] === '"') {
+      const end = section.indexOf('"', i + 1);
+      if (end < 0) {
+        out += section.slice(i + 1);
+        break;
+      }
+      out += section.slice(i + 1, end);
+      i = end + 1;
+      continue;
+    }
+    if (section[i] === "\\") {
+      out += section[i + 1] ?? "";
+      i += 2;
+      continue;
+    }
+    const rest = section.slice(i);
+    if (/^AM\/PM/i.test(rest)) {
+      out += p.h >= 12 ? "PM" : "AM";
+      i += 5;
+      prevHour = false;
+      continue;
+    }
+    if (/^A\/P/i.test(rest)) {
+      out += p.h >= 12 ? "P" : "A";
+      i += 3;
+      prevHour = false;
+      continue;
+    }
+    if (/^hh/i.test(rest)) {
+      const hr = hasAmPm ? p.h % 12 || 12 : p.h;
+      out += String(hr).padStart(2, "0");
+      i += 2;
+      prevHour = true;
+      continue;
+    }
+    if (/^h/i.test(rest)) {
+      const hr = hasAmPm ? p.h % 12 || 12 : p.h;
+      out += String(hr);
+      i += 1;
+      prevHour = true;
+      continue;
+    }
+    if (/^ss/i.test(rest)) {
+      out += String(p.s).padStart(2, "0");
+      i += 2;
+      prevHour = false;
+      continue;
+    }
+    if (/^s/i.test(rest)) {
+      out += String(p.s);
+      i += 1;
+      prevHour = false;
+      continue;
+    }
+    if (/^yyyy/i.test(rest)) {
+      out += String(p.y).padStart(4, "0");
+      i += 4;
+      prevHour = false;
+      continue;
+    }
+    if (/^yy/i.test(rest)) {
+      out += String(p.y % 100).padStart(2, "0");
+      i += 2;
+      prevHour = false;
+      continue;
+    }
+    if (/^mmmm/i.test(rest)) {
+      out += MONTH_LONG[p.mo - 1] ?? "";
+      i += 4;
+      prevHour = false;
+      continue;
+    }
+    if (/^mmm/i.test(rest)) {
+      out += MONTH_SHORT[p.mo - 1] ?? "";
+      i += 3;
+      prevHour = false;
+      continue;
+    }
+    if (/^mm/i.test(rest)) {
+      if (hasHour) {
+        out += String(p.mi).padStart(2, "0");
+      } else {
+        out += String(p.mo).padStart(2, "0");
+      }
+      i += 2;
+      prevHour = false;
+      continue;
+    }
+    if (/^m/i.test(rest)) {
+      if (hasHour && prevHour) {
+        out += String(p.mi);
+      } else {
+        out += String(p.mo);
+      }
+      i += 1;
+      prevHour = false;
+      continue;
+    }
+    if (/^dddd/i.test(rest)) {
+      out += DAY_LONG[p.dow] ?? "";
+      i += 4;
+      prevHour = false;
+      continue;
+    }
+    if (/^ddd/i.test(rest)) {
+      out += DAY_SHORT[p.dow] ?? "";
+      i += 3;
+      prevHour = false;
+      continue;
+    }
+    if (/^dd/i.test(rest)) {
+      out += String(p.d).padStart(2, "0");
+      i += 2;
+      prevHour = false;
+      continue;
+    }
+    if (/^d/i.test(rest)) {
+      out += String(p.d);
+      i += 1;
+      prevHour = false;
+      continue;
+    }
+    out += section[i];
+    i++;
+    prevHour = false;
+  }
+  return out;
+}
+function fmtExcelDate(d, numFmt) {
+  const serial = d.getTime() / 864e5 + 25569;
+  const parts = serialToDateParts(serial);
+  return numFmt && /[yYmMdDhHsS]/.test(numFmt) ? applyDateFmt(numFmt, parts) : fmtDate(d);
+}
+function fmtNumber(value, numFmt) {
+  if (!numFmt || numFmt === "General" || numFmt === "@") return null;
+  if (/[yY]/.test(numFmt) || /mmmm?/i.test(numFmt) || /[hH]/.test(numFmt)) return null;
+  const sections = numFmt.split(";");
+  let si = 0;
+  if (value < 0 && sections.length >= 2) si = 1;
+  else if (value === 0 && sections.length >= 3) si = 2;
+  const sec = sections[si];
+  let isPercent = false;
+  {
+    let inQ = false;
+    for (const ch of sec) {
+      if (ch === '"') inQ = !inQ;
+      else if (!inQ && ch === "%") {
+        isPercent = true;
+        break;
+      }
+    }
+  }
+  let prefix = "", suffix = "", numStr = "";
+  let inNum = false;
+  let i = 0;
+  while (i < sec.length) {
+    if (sec[i] === "[") {
+      const e = sec.indexOf("]", i);
+      i = e >= 0 ? e + 1 : i + 1;
+      continue;
+    }
+    if (sec[i] === "_") {
+      i += 2;
+      continue;
+    }
+    if (sec[i] === "*") {
+      i += 2;
+      continue;
+    }
+    if (sec[i] === '"') {
+      const e = sec.indexOf('"', i + 1);
+      const lit = e >= 0 ? sec.slice(i + 1, e) : sec.slice(i + 1);
+      inNum ? suffix += lit : prefix += lit;
+      i = e >= 0 ? e + 1 : sec.length;
+      continue;
+    }
+    if (sec[i] === "\\") {
+      inNum ? suffix += sec[i + 1] ?? "" : prefix += sec[i + 1] ?? "";
+      i += 2;
+      continue;
+    }
+    const ch = sec[i];
+    if ("$€£¥".includes(ch)) {
+      inNum ? suffix += ch : prefix += ch;
+      i++;
+      continue;
+    }
+    if (ch === "(" || ch === ")") {
+      i++;
+      continue;
+    }
+    if ("#0?.".includes(ch) || ch === "," && inNum) {
+      inNum = true;
+      numStr += ch;
+      i++;
+      continue;
+    }
+    inNum ? suffix += ch : prefix += ch;
+    i++;
+  }
+  if (!/[#0]/.test(numStr)) {
+    const lit = (prefix + suffix).replace(/[$€£¥]/g, "").trim();
+    return lit || null;
+  }
+  const dotIdx = numStr.indexOf(".");
+  const decPlaces = dotIdx >= 0 ? (numStr.slice(dotIdx + 1).match(/^[#0?]+/) ?? [""])[0].length : 0;
+  const hasGroup = /[#0],[#0]/.test(numStr);
+  const absVal = Math.abs(isPercent ? value * 100 : value);
+  const formatted = absVal.toLocaleString("en-US", {
+    minimumFractionDigits: decPlaces,
+    maximumFractionDigits: decPlaces,
+    useGrouping: hasGroup
+  });
+  let result = `${prefix}${formatted}${suffix}`;
+  if (value < 0 && si === 0) result = `-${result}`;
+  else if (value < 0 && si === 1 && (sections[1].includes("(") || sections[1].includes(")"))) {
+    result = `(${result})`;
+  }
+  return result;
+}
+function getAccountingCurrency(numFmt) {
+  if (!numFmt) return null;
+  if (!/_\([$€£¥]\*/.test(numFmt) && !/_\(\*[$€£¥]/.test(numFmt)) return null;
+  const m = numFmt.match(/[$€£¥]/);
+  return m ? m[0] : null;
+}
+function effectiveValue(cell) {
+  const v = cell.value;
+  if (v !== null && typeof v === "object" && !(v instanceof Date) && ("formula" in v || "sharedFormula" in v)) {
+    return v.result ?? null;
+  }
+  return v;
+}
+function getCellText(cell) {
+  const val = effectiveValue(cell);
+  if (val !== null && typeof val === "object" && !(val instanceof Date) && "error" in val) {
+    return val.error ?? "";
+  }
+  if (typeof val === "string" && /^#[A-Z0-9\/]+[!?]?$/.test(val)) {
+    return val;
+  }
+  const text = cell.text ?? "";
+  if (val instanceof Date) {
+    if (isNaN(val.getTime())) return "";
+    return fmtExcelDate(val, cell.numFmt ?? "");
+  }
+  if (JS_DATE_TOSTRING_RE.test(text) || text === "Invalid Date") return "";
+  if (typeof val === "number") {
+    const numFmt = cell.numFmt ?? "";
+    const isDateTimeFmt = numFmt && (/[yY]/.test(numFmt) || /mmmm?/i.test(numFmt) || /[hH]/.test(numFmt) || /[dD]/.test(numFmt));
+    if (isDateTimeFmt) {
+      if (val >= 0) {
+        const d = excelSerialToDate(val);
+        if (!isNaN(d.getTime())) return fmtExcelDate(d, numFmt);
+      }
+      return text;
+    }
+    if (numFmt && numFmt !== "General" && numFmt !== "@") {
+      const formatted = fmtNumber(val, numFmt);
+      if (formatted !== null) return formatted;
+    }
+    if (text && !/^-?\d+\.?\d*$/.test(text)) return text;
+    if (!text) return Number.isInteger(val) ? String(val) : val.toLocaleString("en-US");
+  }
+  return text;
+}
+function borderStyle(b) {
+  if (!b?.style) return void 0;
+  const color = argbToCss(b.color) || "#000000";
+  const weight = b.style.includes("thick") || b.style.includes("medium") ? "2px" : "1px";
+  const kind = b.style.includes("dash") ? "dashed" : b.style.includes("dot") ? "dotted" : b.style.includes("double") ? "double" : "solid";
+  return `${weight} ${kind} ${color}`;
+}
+function buildRawResultMap(ws) {
+  const map = /* @__PURE__ */ new Map();
+  const sheetModel = ws.model;
+  for (const rawRow of sheetModel?.rows ?? []) {
+    const rn = rawRow?.number;
+    if (!rn || !rawRow.cells) continue;
+    for (const rc of rawRow.cells) {
+      if (!rc?.col) continue;
+      if ((rc.type === 6 || rc.formula !== void 0 || rc.sharedFormula !== void 0) && rc.result !== void 0) {
+        map.set(`${rn}:${rc.col}`, rc.result);
+      }
+    }
+  }
+  return map;
+}
+function formatRawResult(result, numFmt) {
+  if (result === null || result === void 0) return "";
+  if (typeof result === "object" && !Array.isArray(result) && !(result instanceof Date)) {
+    if ("error" in result) return result.error ?? "";
+  }
+  if (result instanceof Date) {
+    if (isNaN(result.getTime())) return "";
+    return fmtExcelDate(result, numFmt);
+  }
+  if (typeof result === "number") {
+    if (numFmt && numFmt !== "General" && numFmt !== "@") {
+      const f = fmtNumber(result, numFmt);
+      if (f !== null) return f;
+    }
+    return Number.isInteger(result) ? String(result) : result.toLocaleString("en-US");
+  }
+  if (typeof result === "string") return result;
+  if (typeof result === "boolean") return result ? "TRUE" : "FALSE";
+  return String(result);
+}
+function buildSheet(ws, sjSheet) {
+  const sjCells = /* @__PURE__ */ new Map();
+  let sjMaxRow = 0;
+  let sjMaxCol = 0;
+  if (sjSheet) {
+    for (const addr of Object.keys(sjSheet)) {
+      if (addr.startsWith("!")) continue;
+      const sjc = sjSheet[addr];
+      if (!sjc || !sjc.t || sjc.t === "z") continue;
+      const m = addr.match(/^([A-Z]+)(\d+)$/);
+      if (!m) continue;
+      const rowNum = parseInt(m[2], 10);
+      const colNum = letterToNum(m[1]);
+      if (rowNum > sjMaxRow) sjMaxRow = rowNum;
+      if (colNum > sjMaxCol) sjMaxCol = colNum;
+      sjCells.set(`${rowNum}:${colNum}`, sjc);
+    }
+  }
+  let originalCols = Math.max(ws.columnCount, sjMaxCol);
+  let cols = Math.max(originalCols, 26);
+  let rowsN = Math.max(ws.rowCount, 50);
+  const exRawModel = ws.model;
+  if (exRawModel?.rows) {
+    for (const rawRow of exRawModel.rows) {
+      if (rawRow?.number) rowsN = Math.max(rowsN, rawRow.number);
+    }
+  }
+  if (sjMaxRow > 0) rowsN = Math.max(rowsN, sjMaxRow);
+  if (sjMaxCol > 0) {
+    originalCols = Math.max(originalCols, sjMaxCol);
+    cols = Math.max(cols, sjMaxCol);
+  }
+  const rawResults = buildRawResultMap(ws);
+  const merges = {};
+  const covered = /* @__PURE__ */ new Set();
+  const mergeList = ws.model.merges || [];
+  for (const range of mergeList) {
+    const [a, b] = range.split(":");
+    const m1 = a.match(/([A-Z]+)(\d+)/);
+    const m2 = b.match(/([A-Z]+)(\d+)/);
+    if (!m1 || !m2) continue;
+    const c1 = letterToNum(m1[1]);
+    const r1 = parseInt(m1[2], 10);
+    const c2 = letterToNum(m2[1]);
+    const r2 = parseInt(m2[2], 10);
+    merges[`${r1}:${c1}`] = { rowSpan: r2 - r1 + 1, colSpan: c2 - c1 + 1 };
+    for (let r = r1; r <= r2; r++)
+      for (let c = c1; c <= c2; c++) if (!(r === r1 && c === c1)) covered.add(`${r}:${c}`);
+  }
+  const colWidths = [];
+  for (let c = 1; c <= cols; c++) {
+    const col = ws.getColumn(c);
+    if (col.hidden) {
+      colWidths[c - 1] = 0;
+      continue;
+    }
+    const w = col.width;
+    colWidths[c - 1] = w ? Math.max(Math.round((w * 7 + 5) * SCALE), 10) : Math.round(64 * SCALE);
+  }
+  const rowHeights = [];
+  const rows = [];
+  for (let r = 1; r <= rowsN; r++) {
+    const row = ws.getRow(r);
+    rowHeights[r - 1] = row.height ? Math.max(Math.round(row.height * 4 / 3 * SCALE), 6) : Math.round(20 * SCALE);
+    const cells = [];
+    const ccIndices = [];
+    for (let c = 1; c <= cols; c++) {
+      if (covered.has(`${r}:${c}`)) {
+        cells.push(null);
+        continue;
+      }
+      const cell = row.getCell(c);
+      const s = cell.style || {};
+      const style = {};
+      let isCenterContinuous = false;
+      if (s.font) {
+        if (s.font.bold) style.fontWeight = 600;
+        if (s.font.italic) style.fontStyle = "italic";
+        {
+          const dec = [];
+          if (s.font.underline) dec.push("underline");
+          if (s.font.strike) dec.push("line-through");
+          if (dec.length) style.textDecoration = dec.join(" ");
+        }
+        if (s.font.size) style.fontSize = `${Math.round(s.font.size * 4 / 3 * SCALE)}px`;
+        if (s.font.name) style.fontFamily = s.font.name;
+        const fc = argbToCss(s.font.color);
+        if (fc) style.color = fc;
+      }
+      if (s.fill && s.fill.type === "pattern" && s.fill.pattern === "solid") {
+        const bg = argbToCss(s.fill.fgColor);
+        if (bg) style.backgroundColor = bg;
+      }
+      if (s.alignment) {
+        const h = s.alignment.horizontal;
+        if (h) {
+          isCenterContinuous = h === "centerContinuous";
+          style.textAlign = isCenterContinuous || h === "distributed" ? "center" : h === "fill" ? "left" : h;
+        }
+        const v = s.alignment.vertical;
+        if (v) {
+          style.verticalAlign = v === "center" || v === "middle" ? "middle" : v === "top" ? "top" : "bottom";
+        }
+        if (s.alignment.wrapText) style.whiteSpace = "normal";
+        if (s.alignment.indent) style.paddingLeft = `${s.alignment.indent * 16 + 6}px`;
+      }
+      if (s.border) {
+        const t = borderStyle(s.border.top);
+        const l = borderStyle(s.border.left);
+        const bo = borderStyle(s.border.bottom);
+        const ri = borderStyle(s.border.right);
+        if (t) style.borderTop = t;
+        if (l) style.borderLeft = l;
+        if (bo) style.borderBottom = bo;
+        if (ri) style.borderRight = ri;
+      }
+      if (style.textAlign === void 0) {
+        const ev = effectiveValue(cell);
+        if (typeof ev === "number" || ev instanceof Date) style.textAlign = "right";
+      }
+      const merge = merges[`${r}:${c}`];
+      const sj = sjCells.get(`${r}:${c}`);
+      const numFmt = cell.numFmt || sj?.z || "";
+      const accountingCurrency = getAccountingCurrency(numFmt);
+      let text = "";
+      if (sj) {
+        if (sj.t === "e") {
+          text = sj.w ?? (typeof sj.v === "string" ? sj.v : "");
+        } else if (sj.t === "n" && typeof sj.v === "number") {
+          const isDateFmt = numFmt && (/[yY]/.test(numFmt) || /mmmm?/i.test(numFmt) || /[hH]/.test(numFmt) || /[dD]/.test(numFmt));
+          if (isDateFmt && sj.v >= 0) {
+            const d = excelSerialToDate(sj.v);
+            if (!isNaN(d.getTime())) text = fmtExcelDate(d, numFmt);
+          } else if (numFmt && numFmt !== "General" && numFmt !== "@") {
+            const formatted = fmtNumber(sj.v, numFmt);
+            if (formatted !== null) text = formatted;
+          }
+          if (!text) text = sj.w ?? String(sj.v);
+          if (style.textAlign === void 0) style.textAlign = "right";
+        } else if (sj.t === "s") {
+          text = sj.w ?? "";
+        } else if (sj.t === "str") {
+          text = sj.w ?? String(sj.v ?? "");
+        } else if (sj.t === "b") {
+          text = sj.v ? "TRUE" : "FALSE";
+        } else {
+          text = sj.w ?? String(sj.v ?? "");
+        }
+      }
+      if (!text) text = getCellText(cell);
+      if (!text) {
+        const raw = rawResults.get(`${r}:${c}`);
+        if (raw !== void 0) {
+          text = formatRawResult(raw, numFmt);
+          if (style.textAlign === void 0) {
+            if (typeof raw === "number" || raw instanceof Date) style.textAlign = "right";
+          }
+        }
+      }
+      if (accountingCurrency && text) {
+        text = text.replace(/[$€£¥]/g, "").trim() || text;
+      }
+      cells.push({
+        key: `${r}:${c}`,
+        text,
+        accountingPrefix: accountingCurrency && text ? accountingCurrency : void 0,
+        style,
+        rowSpan: merge?.rowSpan ?? 1,
+        colSpan: merge?.colSpan ?? 1
+      });
+      if (isCenterContinuous && text) ccIndices.push(cells.length - 1);
+    }
+    for (const idx of ccIndices) {
+      const cc = cells[idx];
+      for (let cj = idx + 1; cj < originalCols; cj++) {
+        const adj = cells[cj];
+        if (adj === null || adj.text !== "") break;
+        cc.colSpan++;
+        cells[cj] = null;
+      }
+    }
+    for (let idx = 0; idx < cells.length; idx++) {
+      const cell = cells[idx];
+      if (!cell || !cell.text || cell.colSpan > 1 || cell.style.whiteSpace === "normal") continue;
+      const align = cell.style.textAlign;
+      if (align === "right" || align === "center") continue;
+      if (cell.style.borderRight) continue;
+      for (let cj = idx + 1; cj < originalCols; cj++) {
+        const adj = cells[cj];
+        if (!adj || adj.text !== "") break;
+        if (adj.style.borderLeft) break;
+        if (adj.style.borderRight) {
+          cell.style.borderRight = adj.style.borderRight;
+          cells[cj] = null;
+          cell.colSpan++;
+          break;
+        }
+        cells[cj] = null;
+        cell.colSpan++;
+      }
+    }
+    rows.push(cells);
+  }
+  return { name: ws.name, rows, colWidths, rowHeights, cols };
+}
+function XlsxViewer({
+  data,
+  className,
+  onError
+}) {
+  const [sheets, setSheets] = useState([]);
+  const [active, setActive] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const tabBarRef = useRef(null);
+  const scrollTabs = (dir) => {
+    tabBarRef.current?.scrollBy({ left: dir === "left" ? -160 : 160, behavior: "smooth" });
+  };
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    (async () => {
+      try {
+        const wb = new ExcelJS.Workbook();
+        await wb.xlsx.load(data.slice(0));
+        let sjSheets = [];
+        try {
+          const sjWb = XLSX.read(new Uint8Array(data), {
+            type: "array",
+            cellFormula: true,
+            cellText: true,
+            cellNF: true,
+            cellDates: false,
+            sheetRows: 0
+          });
+          const visibleWs = wb.worksheets.filter(
+            (ws) => ws.state !== "hidden" && ws.state !== "veryHidden"
+          );
+          sjSheets = visibleWs.map((ws, idx) => {
+            if (sjWb.Sheets[ws.name]) return sjWb.Sheets[ws.name];
+            const lc = ws.name.toLowerCase();
+            const found = sjWb.SheetNames.find((n) => n.toLowerCase() === lc);
+            if (found && sjWb.Sheets[found]) return sjWb.Sheets[found];
+            const sjName = sjWb.SheetNames[idx];
+            return sjName && sjWb.Sheets[sjName] ? sjWb.Sheets[sjName] : void 0;
+          });
+        } catch (sjErr) {
+          console.warn("[XlsxViewer] SheetJS failed, falling back to ExcelJS only:", sjErr);
+        }
+        const visibleWorksheets = wb.worksheets.filter(
+          (ws) => ws.state !== "hidden" && ws.state !== "veryHidden"
+        );
+        const built = visibleWorksheets.map(
+          (ws, idx) => buildSheet(ws, sjSheets[idx])
+        );
+        if (cancelled) return;
+        setSheets(built);
+        setActive(0);
+      } catch (e) {
+        const err = e instanceof Error ? e : new Error("Failed to read spreadsheet");
+        if (!cancelled) {
+          setError(err.message);
+          onError?.(err);
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [data, onError]);
+  const sheet = sheets[active];
+  const headerCols = useMemo(() => sheet ? Array.from({ length: sheet.cols }, (_, i) => i + 1) : [], [sheet]);
+  if (loading)
+    return /* @__PURE__ */ jsxs("div", { className: `ov-xlsx__loading${className ? ` ${className}` : ""}`, children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "ov-xlsx__loading-icon" }),
+      /* @__PURE__ */ jsx("span", { className: "ov-xlsx__loading-text", children: "Reading spreadsheet…" })
+    ] });
+  if (error)
+    return /* @__PURE__ */ jsx("div", { className: `ov-xlsx__error${className ? ` ${className}` : ""}`, children: error });
+  if (!sheet) return null;
+  return /* @__PURE__ */ jsxs("div", { className: `ov-xlsx${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "ov-xlsx__grid-area", children: /* @__PURE__ */ jsxs("table", { className: "ov-xlsx__table", style: { tableLayout: "fixed", fontFamily: "Calibri, 'Segoe UI', Arial, sans-serif" }, children: [
+      /* @__PURE__ */ jsxs("colgroup", { children: [
+        /* @__PURE__ */ jsx("col", { style: { width: 44, minWidth: 44 } }),
+        headerCols.map((c) => /* @__PURE__ */ jsx("col", { style: { width: sheet.colWidths[c - 1], minWidth: sheet.colWidths[c - 1] } }, c))
+      ] }),
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "ov-xlsx__corner" }),
+        headerCols.map((c) => {
+          const w = sheet.colWidths[c - 1];
+          if (w === 0) return /* @__PURE__ */ jsx("th", { style: { width: 0, padding: 0, border: "none" } }, c);
+          return /* @__PURE__ */ jsx("th", { className: "ov-xlsx__col-header", children: colLetter(c) }, c);
+        })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: sheet.rows.map((row, ri) => {
+        const h = sheet.rowHeights[ri];
+        if (h === 0) return null;
+        return /* @__PURE__ */ jsxs("tr", { style: { height: h }, children: [
+          /* @__PURE__ */ jsx("td", { className: "ov-xlsx__row-header", children: ri + 1 }),
+          row.map(
+            (cell) => cell === null ? null : /* @__PURE__ */ jsx(
+              "td",
+              {
+                rowSpan: cell.rowSpan,
+                colSpan: cell.colSpan,
+                className: "ov-xlsx__cell",
+                style: cell.style,
+                "data-ov-bold": cell.style.fontWeight === 600 ? "" : void 0,
+                children: cell.accountingPrefix ? /* @__PURE__ */ jsxs("span", { className: "ov-xlsx__cell-accounting", style: { whiteSpace: "nowrap" }, children: [
+                  /* @__PURE__ */ jsx("span", { children: cell.accountingPrefix }),
+                  /* @__PURE__ */ jsx("span", { style: { flex: 1, textAlign: "right" }, children: cell.text })
+                ] }) : /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "ov-xlsx__cell-text",
+                    style: { whiteSpace: cell.style.whiteSpace ?? "nowrap" },
+                    children: cell.text
+                  }
+                )
+              },
+              cell.key
+            )
+          )
+        ] }, ri);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ov-xlsx__tabbar", children: [
+      sheets.length > 5 && /* @__PURE__ */ jsxs("div", { className: "ov-xlsx__tabnav", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => scrollTabs("left"),
+            "aria-label": "Scroll sheet tabs left",
+            className: "ov-xlsx__tabnav-btn",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "ov-xlsx__tabnav-icon" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => scrollTabs("right"),
+            "aria-label": "Scroll sheet tabs right",
+            className: "ov-xlsx__tabnav-btn",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "ov-xlsx__tabnav-icon" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { ref: tabBarRef, className: "ov-xlsx__tabs", children: sheets.map((s, i) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setActive(i),
+          title: s.name,
+          className: `ov-xlsx__tab${i === active ? " ov-xlsx__tab--active" : ""}`,
+          children: /* @__PURE__ */ jsx("span", { className: "ov-xlsx__tab-name", children: s.name })
+        },
+        i
+      )) })
+    ] })
+  ] });
+}
+export {
+  XlsxViewer
+};