@w100n/documents 0.3.0 → 0.10.0

package/dist/SheetView-JYH2ZUZF.js

@@ -0,0 +1,928 @@
+'use client';
+import {
+  useLive
+} from "./chunk-SVRYWMES.js";
+import {
+  SheetRefusal,
+  build,
+  canon,
+  extras,
+  fnv,
+  fresh,
+  insert,
+  made,
+  move,
+  notesOf,
+  parts,
+  pieces,
+  props,
+  readSheet,
+  rebase,
+  resize,
+  sheetOf,
+  sheetTexts,
+  spot,
+  strip,
+  worksheets,
+  writeSheet
+} from "./chunk-CE3AADY6.js";
+import {
+  rove,
+  useRestore
+} from "./chunk-TDP6OJET.js";
+import "./chunk-TNSN4ZQ5.js";
+import {
+  span
+} from "./chunk-ISOOUYLI.js";
+
+// src/sheets/SheetView.tsx
+import { useEffect, useRef, useState } from "react";
+import {
+  ArrowDownAZ,
+  ArrowDownZA,
+  Baseline,
+  BetweenHorizontalEnd,
+  BetweenHorizontalStart,
+  BetweenVerticalEnd,
+  BetweenVerticalStart,
+  Bold,
+  ChevronDown,
+  Funnel,
+  Grid2x2,
+  Italic,
+  PaintBucket,
+  PanelBottom,
+  Redo2,
+  Save,
+  Search,
+  Snowflake,
+  Square,
+  SquareDashed,
+  StickyNote,
+  Strikethrough,
+  TableCellsMerge,
+  TableCellsSplit,
+  TableColumnsSplit,
+  TableRowsSplit,
+  TextAlignCenter,
+  TextAlignEnd,
+  TextAlignStart,
+  TextWrap,
+  Underline,
+  Undo2,
+  WifiOff
+} from "lucide-react";
+
+// src/sheets/bind.ts
+import { ICommandService, IUndoRedoService, IUniverInstanceService, mergeWorksheetSnapshotWithDefault } from "@univerjs/core";
+import { SheetLazyExecuteScheduleService } from "@univerjs/sheets";
+
+// src/sheets/engine.ts
+var quiet = /* @__PURE__ */ new Set([
+  "sheet.mutation.set-worksheet-row-auto-height",
+  "sheet.mutation.mark-dirty-filter-change",
+  "sheet.mutation.re-calc-filter",
+  "sheet.mutation.toggle-note-popup",
+  "sheet.mutation.update-note-position",
+  "sheet.mutation.empty",
+  "sheet.mutation.set-zoom-ratio"
+]);
+var mutation = 2;
+var allowed = (rights, id) => rights.edit || quiet.has(id) || rights.comment && /\.(update|remove|delete)-note$|note-popup$/.test(id);
+function track(api, model, rights, onDirty) {
+  const lines = model.lines;
+  const ours = (p) => p?.unitId === model.book.id;
+  const before = api.addEvent(api.Event.BeforeCommandExecute, (e) => {
+    if (e.type !== mutation || e.options?.onlyLocal || e.options?.fromCollab || !ours(e.params)) return;
+    if (!allowed(rights, e.id)) e.cancel = true;
+  });
+  const after = api.addEvent(api.Event.CommandExecuted, (e) => {
+    if (e.type !== mutation || e.options?.onlyLocal || e.options?.fromCollab || !ours(e.params)) return;
+    const p = e.params ?? {};
+    const l = p.subUnitId ? lines[p.subUnitId] : void 0;
+    const span2 = (r, rows) => r ? rows ? r.endRow - r.startRow + 1 : r.endColumn - r.startColumn + 1 : 0;
+    if (e.id === "sheet.mutation.insert-sheet" && p.sheet) {
+      lines[p.sheet.id] = { rows: Array.from({ length: p.sheet.rowCount ?? 1e3 }, () => fresh("n")), cols: Array.from({ length: p.sheet.columnCount ?? 26 }, () => fresh("n")) };
+    } else if (e.id === "sheet.mutation.remove-sheet" && p.subUnitId) delete lines[p.subUnitId];
+    else if (l) {
+      if (e.id === "sheet.mutation.insert-row") insert(l.rows, p.range.startRow, span2(p.range, true), "n");
+      else if (e.id === "sheet.mutation.remove-rows") l.rows.splice(p.range.startRow, span2(p.range, true));
+      else if (e.id === "sheet.mutation.move-rows") move(l.rows, p.sourceRange.startRow, span2(p.sourceRange, true), p.targetRange.startRow);
+      else if (e.id === "sheet.mutation.insert-col") insert(l.cols, p.range.startColumn, span2(p.range, false), "n");
+      else if (e.id === "sheet.mutation.remove-col") l.cols.splice(p.range.startColumn, span2(p.range, false));
+      else if (e.id === "sheet.mutation.move-columns") move(l.cols, p.sourceRange.startColumn, span2(p.sourceRange, false), p.targetRange.startColumn);
+      else if (e.id === "sheet.mutation.set-worksheet-row-count" && p.rowCount) resize(l.rows, p.rowCount, "n");
+      else if (e.id === "sheet.mutation.set-worksheet-column-count" && p.columnCount) resize(l.cols, p.columnCount, "n");
+    }
+    if (!quiet.has(e.id)) onDirty();
+  });
+  return () => {
+    before.dispose();
+    after.dispose();
+  };
+}
+function snapshot(api, model) {
+  const wb = api.getActiveWorkbook();
+  const book = wb.save();
+  const lines = Object.fromEntries(book.sheetOrder.map((sid) => {
+    const l = model.lines[sid] ?? { rows: [], cols: [] };
+    const sheet = book.sheets[sid];
+    const rows = [...l.rows], cols = [...l.cols];
+    resize(rows, sheet.rowCount ?? rows.length, "n");
+    resize(cols, sheet.columnCount ?? cols.length, "n");
+    return [sid, { rows, cols }];
+  }));
+  return { ...model, book, lines, active: wb.getActiveSheet().getSheetId() };
+}
+
+// src/sheets/bind.ts
+var setters = [
+  ["name", "sheet.mutation.set-worksheet-name", "name", ""],
+  ["hidden", "sheet.mutation.set-worksheet-hidden", "hidden", 0],
+  ["tabColor", "sheet.mutation.set-tab-color", "color", ""],
+  ["showGridlines", "sheet.mutation.toggle-gridlines", "showGridlines", 1],
+  ["rightToLeft", "sheet.mutation.set-worksheet-right-to-left", "rightToLeft", 0],
+  ["freeze", "sheet.mutation.set-frozen", "", { startRow: -1, startColumn: -1, xSplit: 0, ySplit: 0 }]
+];
+var closed = /\.command\.(.*filter-(range|criteria)|.*toggle-filter|.*sheet-filter|.*data-?validation.*|.*defined-name|.*protection)$/i;
+function bind(api, injector, doc, model, edit) {
+  const unit = model.book.id;
+  const wb = injector.get(IUniverInstanceService).getUnit(unit);
+  const { order, sheets, styles, values } = parts(doc);
+  const lines = model.lines;
+  const me = {};
+  let open = true;
+  const looks = wb.getStyles();
+  const commands = injector.get(ICommandService);
+  const run = (id, params) => commands.hasCommand(id) && commands.syncExecuteCommand(id, { unitId: unit, ...params }, { fromCollab: true });
+  const ws = (sid) => wb.getSheetBySheetId(sid);
+  const at = /* @__PURE__ */ new Map();
+  const index = (sid) => at.get(sid) ?? at.set(sid, { rows: new Map(lines[sid].rows.map((id, i) => [id, i])), cols: new Map(lines[sid].cols.map((id, i) => [id, i])) }).get(sid);
+  const live = (sid) => !!sid && !!lines[sid] && sheets.has(sid) && !!wb.getSheetBySheetId(sid);
+  const look = (s) => {
+    const style = typeof s === "string" ? looks.get(s) : s;
+    if (!style || !Object.keys(style).length) return void 0;
+    const text = canon(style);
+    if (typeof s === "string" && styles.has(s) && canon(styles.get(s)) === text) return s;
+    const id = `y${fnv(new TextEncoder().encode(text)).toString(36)}`;
+    if (!styles.has(id)) styles.set(id, style);
+    return id;
+  };
+  const cellOf = (sid, r, c) => {
+    const raw = ws(sid).getCellRaw(r, c);
+    if (!raw) return null;
+    const f = raw.f || (raw.si ? api.getWorkbook(unit).getSheetBySheetId(sid).getRange(r, c).getFormula() : "");
+    const out = f ? { f } : strip({ v: raw.v, t: raw.t });
+    if (raw.p) out.p = raw.p;
+    const s = look(raw.s);
+    if (s) out.s = s;
+    return Object.keys(out).length ? out : null;
+  };
+  const put = (sid, r, c) => {
+    const row = lines[sid].rows[r], col = lines[sid].cols[c];
+    if (row === void 0 || col === void 0) return;
+    const { cells } = pieces(sheets.get(sid));
+    const key = spot(row, col);
+    const next = cellOf(sid, r, c), was = cells.get(key);
+    if (canon(next) === canon(was)) return;
+    if (next) cells.set(key, next);
+    else cells.delete(key);
+    if (next?.f !== was?.f) values.delete(`${sid}:${key}`);
+  };
+  const each = (m, fn) => {
+    for (const [r, line] of Object.entries(m ?? {})) for (const c of Object.keys(line ?? {})) fn(+r, +c);
+  };
+  const putRow = (sid, r) => {
+    const id = lines[sid].rows[r];
+    const raw = ws(sid).getRowManager().getRow(r);
+    const { rowData } = pieces(sheets.get(sid));
+    const next = raw ? strip({ h: raw.h, hd: raw.hd || void 0, ia: raw.ia, s: look(raw.s) }) : {};
+    if (id === void 0 || canon(next) === canon(rowData.get(id) ?? {})) return;
+    if (Object.keys(next).length) rowData.set(id, next);
+    else rowData.delete(id);
+  };
+  const putCol = (sid, c) => {
+    const id = lines[sid].cols[c];
+    const raw = ws(sid).getColumnManager().getColumn(c);
+    const { colData } = pieces(sheets.get(sid));
+    const next = raw ? strip({ w: raw.w, hd: raw.hd || void 0, s: look(raw.s) }) : {};
+    if (id === void 0 || canon(next) === canon(colData.get(id) ?? {})) return;
+    if (Object.keys(next).length) colData.set(id, next);
+    else colData.delete(id);
+  };
+  const merges = (sid) => {
+    const l = lines[sid];
+    const { merges: kept } = pieces(sheets.get(sid));
+    const want = new Set(ws(sid).getMergeData().map((b) => [l.rows[b.startRow], l.cols[b.startColumn], l.rows[b.endRow], l.cols[b.endColumn]].join(":")));
+    for (const k of [...kept.keys()]) if (!want.has(k)) kept.delete(k);
+    for (const k of want) if (!kept.has(k)) kept.set(k, 1);
+  };
+  const notes = (sid) => {
+    const l = lines[sid];
+    const { notes: kept } = pieces(sheets.get(sid));
+    const want = new Map(api.getWorkbook(unit).getSheetBySheetId(sid).getNotes().map((n) => [spot(l.rows[n.row], l.cols[n.col]), { note: n.note, width: n.width, height: n.height }]));
+    for (const k of [...kept.keys()]) if (!want.has(k)) kept.delete(k);
+    for (const [k, n] of want) if (canon(kept.get(k)) !== canon(n)) kept.set(k, n);
+  };
+  const prop = (sid, name) => {
+    const m = sheets.get(sid);
+    const empty = setters.find((x) => x[0] === name)[3];
+    const now = ws(sid).getConfig()[name] ?? empty;
+    if (canon(m.get(name) ?? empty) === canon(now)) return;
+    if (canon(now) === canon(empty)) m.delete(name);
+    else m.set(name, now);
+  };
+  const fit = (list, now) => {
+    if (list.length > now.length) list.delete(now.length, list.length - now.length);
+    else if (list.length < now.length) list.push(now.slice(list.length));
+  };
+  const resync = (sid) => {
+    const l = lines[sid];
+    const { cells } = pieces(sheets.get(sid));
+    const seen = /* @__PURE__ */ new Set();
+    ws(sid).getCellMatrix().forValue((r, c) => {
+      put(sid, r, c);
+      seen.add(spot(l.rows[r], l.cols[c]));
+    });
+    const { rows, cols } = index(sid);
+    for (const k of [...cells.keys()]) if (!seen.has(k) && rows.has(k.split(":")[0]) && cols.has(k.split(":")[1])) cells.delete(k);
+    l.rows.forEach((_, r) => putRow(sid, r));
+    l.cols.forEach((_, c) => putCol(sid, c));
+    merges(sid);
+    notes(sid);
+    props.forEach((name) => prop(sid, name));
+  };
+  const write = (id, p) => {
+    const sid = p.subUnitId ?? p.sheetId;
+    if (id === "sheet.mutation.insert-sheet" && p.sheet && lines[p.sheet.id]) {
+      const added = p.sheet.id;
+      sheets.set(added, made(ws(added).getConfig(), lines[added]));
+      order.insert(Math.min(p.index ?? order.length, order.length), [added]);
+      return resync(added);
+    }
+    if (id === "sheet.mutation.remove-sheet" && sid) {
+      at.delete(sid);
+      sheets.delete(sid);
+      const i = order.toArray().indexOf(sid);
+      if (i >= 0) order.delete(i, 1);
+      return;
+    }
+    if (id === "sheet.mutation.set-worksheet-order" && sid) {
+      const i = order.toArray().indexOf(sid);
+      if (i >= 0) order.delete(i, 1);
+      return order.insert(Math.min(p.toOrder ?? 0, order.length), [sid]);
+    }
+    if (id === "sheet.mutation.move-range" && p.from && p.to) {
+      if (live(p.from.subUnitId)) each(p.from.value, (r, c) => put(p.from.subUnitId, r, c));
+      if (live(p.to.subUnitId)) each(p.to.value, (r, c) => put(p.to.subUnitId, r, c));
+      return;
+    }
+    if (!live(sid)) return;
+    const { rows, cols } = pieces(sheets.get(sid));
+    const l = lines[sid];
+    const count = (r, row) => row ? r.endRow - r.startRow + 1 : r.endColumn - r.startColumn + 1;
+    const shift = (list, from, n, to) => {
+      const ids = list.slice(from, from + n);
+      list.delete(from, n);
+      list.insert(to > from ? to - n : to, ids);
+      at.delete(sid);
+    };
+    switch (id) {
+      case "sheet.mutation.set-range-values":
+        return each(p.cellValue, (r, c) => put(sid, r, c));
+      case "sheet.mutation.reorder-range":
+        for (let r = p.range.startRow; r <= p.range.endRow; r++) for (let c = p.range.startColumn; c <= p.range.endColumn; c++) put(sid, r, c);
+        return;
+      case "sheet.mutation.insert-row":
+        rows.insert(p.range.startRow, l.rows.slice(p.range.startRow, p.range.endRow + 1));
+        at.delete(sid);
+        for (let r = p.range.startRow; r <= p.range.endRow; r++) putRow(sid, r);
+        return;
+      case "sheet.mutation.insert-col":
+        cols.insert(p.range.startColumn, l.cols.slice(p.range.startColumn, p.range.endColumn + 1));
+        at.delete(sid);
+        for (let c = p.range.startColumn; c <= p.range.endColumn; c++) putCol(sid, c);
+        return;
+      case "sheet.mutation.remove-rows":
+        at.delete(sid);
+        return rows.delete(p.range.startRow, count(p.range, true));
+      case "sheet.mutation.remove-col":
+        at.delete(sid);
+        return cols.delete(p.range.startColumn, count(p.range, false));
+      case "sheet.mutation.move-rows":
+        return shift(rows, p.sourceRange.startRow, count(p.sourceRange, true), p.targetRange.startRow);
+      case "sheet.mutation.move-columns":
+        return shift(cols, p.sourceRange.startColumn, count(p.sourceRange, false), p.targetRange.startColumn);
+      case "sheet.mutation.set-worksheet-row-count":
+        at.delete(sid);
+        return fit(rows, l.rows);
+      case "sheet.mutation.set-worksheet-column-count":
+        at.delete(sid);
+        return fit(cols, l.cols);
+      case "sheet.mutation.set-worksheet-row-height":
+      case "sheet.mutation.set-worksheet-row-is-auto-height":
+      case "sheet.mutation.set-row-hidden":
+      case "sheet.mutation.set-row-visible":
+        for (const r of p.ranges ?? []) for (let i = r.startRow; i <= r.endRow; i++) putRow(sid, i);
+        return;
+      case "sheet.mutation.set-worksheet-col-width":
+      case "sheet.mutation.set-col-hidden":
+      case "sheet.mutation.set-col-visible":
+        for (const r of p.ranges ?? []) for (let i = r.startColumn; i <= r.endColumn; i++) putCol(sid, i);
+        return;
+      case "sheet.mutation.set-row-data":
+        return Object.keys(p.rowData ?? {}).forEach((r) => putRow(sid, +r));
+      case "sheet.mutation.set-col-data":
+        return Object.keys(p.columnData ?? {}).forEach((c) => putCol(sid, +c));
+      case "sheet.mutation.add-worksheet-merge":
+      case "sheet.mutation.remove-worksheet-merge":
+        return merges(sid);
+      case "sheet.mutation.update-note":
+      case "sheet.mutation.remove-note":
+      case "sheet.mutation.update-note-position":
+        return notes(sid);
+      default: {
+        const setter = setters.find((x) => x[1] === id);
+        if (setter) prop(sid, setter[0]);
+        else if (!quiet.has(id)) resync(sid);
+      }
+    }
+  };
+  const computed = (p) => {
+    const sid = p.subUnitId;
+    if (!live(sid)) return;
+    each(p.cellValue, (r, c) => {
+      const raw = ws(sid).getCellRaw(r, c);
+      const row = lines[sid].rows[r], col = lines[sid].cols[c];
+      if (!raw?.f && !raw?.si || row === void 0 || col === void 0) return;
+      const key = `${sid}:${spot(row, col)}`, next = { v: raw.v ?? null, t: raw.t ?? null };
+      if (canon(values.get(key)) !== canon(next)) values.set(key, next);
+    });
+  };
+  const refuse = api.addEvent(api.Event.BeforeCommandExecute, (e) => {
+    if (edit && e.type === 0 && closed.test(e.id)) e.cancel = true;
+  });
+  const local = api.addEvent(api.Event.CommandExecuted, (e) => {
+    const p = e.params ?? {};
+    if (e.type !== 2 || p.unitId !== unit || e.options?.fromCollab || !edit) return;
+    if (e.options?.onlyLocal) {
+      if (e.options.applyFormulaCalculationResult) doc.transact(() => computed(p), me);
+      return;
+    }
+    doc.transact(() => write(e.id, p), me);
+  });
+  const lazy = commands.onMutationExecutedForCollab((e, options) => {
+    if (!edit || !options?.syncOnly || e.id !== "sheet.mutation.copy-worksheet-end") return;
+    const sid = e.params.subUnitId;
+    const wait = () => open && (injector.get(SheetLazyExecuteScheduleService).hasPendingTasks() ? setTimeout(wait, 100) : live(sid) && doc.transact(() => resync(sid), me));
+    wait();
+  });
+  const full = (sid, key, x) => {
+    if (!x) return null;
+    const kept = x.f ? values.get(`${sid}:${key}`) : void 0;
+    return { v: (x.f ? kept?.v : x.v) ?? null, t: (x.f ? kept?.t : x.t) ?? void 0, f: x.f ?? null, si: null, p: x.p ?? null, s: x.s ? styles.get(x.s) ?? null : null };
+  };
+  const cellsTo = (sid, keys) => {
+    const { cells } = pieces(sheets.get(sid));
+    const { rows, cols } = index(sid);
+    const cellValue = {};
+    for (const key of keys) {
+      const [row, col] = key.split(":");
+      const r = rows.get(row), c = cols.get(col);
+      if (r !== void 0 && c !== void 0) (cellValue[r] ?? (cellValue[r] = {}))[c] = full(sid, key, cells.get(key));
+    }
+    if (Object.keys(cellValue).length) run("sheet.mutation.set-range-values", { subUnitId: sid, cellValue, isOverrideStyle: true });
+  };
+  const linesTo = (sid, ids, row) => {
+    const { rowData, colData } = pieces(sheets.get(sid));
+    const map = row ? index(sid).rows : index(sid).cols;
+    const info = {}, sizes = {};
+    const ranges = [];
+    for (const id of ids) {
+      const i = map.get(id);
+      if (i === void 0) continue;
+      const x = (row ? rowData : colData).get(id);
+      const s = x?.s ? styles.get(x.s) : void 0;
+      info[i] = x ? row ? { h: x.h, hd: x.hd, ia: x.ia, s } : { w: x.w, hd: x.hd, s } : null;
+      const size = row ? x?.h : x?.w;
+      if (size !== void 0) sizes[i] = size;
+      ranges.push({ startRow: row ? i : 0, endRow: row ? i : 0, startColumn: row ? 0 : i, endColumn: row ? 0 : i });
+    }
+    if (!ranges.length) return;
+    if (row) {
+      run("sheet.mutation.set-row-data", { subUnitId: sid, rowData: info });
+      run("sheet.mutation.set-worksheet-row-height", { subUnitId: sid, ranges, rowHeight: sizes });
+    } else {
+      run("sheet.mutation.set-col-data", { subUnitId: sid, columnData: info });
+      run("sheet.mutation.set-worksheet-col-width", { subUnitId: sid, ranges, colWidth: sizes });
+    }
+  };
+  const mergesTo = (sid) => {
+    const { merges: kept } = pieces(sheets.get(sid));
+    const { rows, cols } = index(sid);
+    const want = [...kept.keys()].map((k) => k.split(":")).map(([r0, c0, r1, c1]) => ({ startRow: rows.get(r0), startColumn: cols.get(c0), endRow: rows.get(r1), endColumn: cols.get(c1) })).filter((b) => [b.startRow, b.startColumn, b.endRow, b.endColumn].every((n) => n !== void 0));
+    const has = ws(sid).getMergeData().map((b) => ({ startRow: b.startRow, startColumn: b.startColumn, endRow: b.endRow, endColumn: b.endColumn }));
+    const gone = has.filter((b) => !want.some((w) => canon(w) === canon(b))), added = want.filter((w) => !has.some((b) => canon(w) === canon(b)));
+    if (gone.length) run("sheet.mutation.remove-worksheet-merge", { subUnitId: sid, ranges: gone });
+    if (added.length) run("sheet.mutation.add-worksheet-merge", { subUnitId: sid, ranges: added });
+  };
+  const notesTo = (sid) => {
+    const want = notesOf(sheets.get(sid), lines[sid]);
+    const shown = api.getWorkbook(unit).getSheetBySheetId(sid).getNotes();
+    for (const n of shown) if (!want.some((w) => w.row === n.row && w.col === n.col)) run("sheet.mutation.remove-note", { sheetId: sid, noteId: n.id, row: n.row, col: n.col });
+    for (const w of want) {
+      const n = shown.find((x) => x.row === w.row && x.col === w.col);
+      if (!n || n.note !== w.note || n.width !== w.width || n.height !== w.height) run("sheet.mutation.update-note", { sheetId: sid, row: w.row, col: w.col, note: { note: w.note, width: w.width, height: w.height } });
+    }
+  };
+  const shape = () => {
+    const want = [...new Set(order.toArray())].filter((sid) => sheets.has(sid));
+    for (const sheet of wb.getSheets()) {
+      const sid = sheet.getSheetId();
+      if (want.includes(sid)) continue;
+      if (wb.getActiveSheet().getSheetId() === sid) {
+        const other = want.find((x) => wb.getSheetBySheetId(x));
+        if (other) api.syncExecuteCommand("sheet.operation.set-worksheet-active", { unitId: unit, subUnitId: other });
+      }
+      run("sheet.mutation.remove-sheet", { subUnitId: sid });
+      delete lines[sid];
+      at.delete(sid);
+    }
+    want.forEach((sid, i) => {
+      if (wb.getSheetBySheetId(sid)) return;
+      const { rows, cols } = pieces(sheets.get(sid));
+      lines[sid] = { rows: rows.toArray(), cols: cols.toArray() };
+      run("sheet.mutation.insert-sheet", { index: Math.min(i, wb.getSheets().length), sheet: mergeWorksheetSnapshotWithDefault(sheetOf(doc, sid, lines[sid])), styles: styles.toJSON() });
+      notesTo(sid);
+    });
+    want.forEach((sid, i) => {
+      const now = wb.getSheetOrders().indexOf(sid);
+      if (now >= 0 && now !== i) run("sheet.mutation.set-worksheet-order", { subUnitId: sid, fromOrder: now, toOrder: i });
+    });
+  };
+  const move2 = (sid, delta, row) => {
+    const added = /* @__PURE__ */ new Set();
+    if (!delta) return added;
+    const list = row ? lines[sid].rows : lines[sid].cols;
+    let i = 0;
+    for (const d of delta) {
+      if (d.retain) i += d.retain;
+      if (d.delete) {
+        const end = i + d.delete - 1;
+        if (row) run("sheet.mutation.remove-rows", { subUnitId: sid, range: { startRow: i, endRow: end, startColumn: 0, endColumn: lines[sid].cols.length - 1, rangeType: 1 } });
+        else run("sheet.mutation.remove-col", { subUnitId: sid, range: { startRow: 0, endRow: lines[sid].rows.length - 1, startColumn: i, endColumn: end, rangeType: 2 } });
+        list.splice(i, d.delete);
+      }
+      if (d.insert) {
+        const ids = d.insert;
+        const end = i + ids.length - 1;
+        if (row) run("sheet.mutation.insert-row", { subUnitId: sid, range: { startRow: i, endRow: end, startColumn: 0, endColumn: lines[sid].cols.length - 1 } });
+        else run("sheet.mutation.insert-col", { subUnitId: sid, range: { startRow: 0, endRow: lines[sid].rows.length - 1, startColumn: i, endColumn: end } });
+        list.splice(i, 0, ...ids);
+        ids.forEach((id) => added.add(id));
+        i += ids.length;
+      }
+    }
+    at.delete(sid);
+    return added;
+  };
+  const remote = (events, tr) => {
+    if (tr.origin === me) return;
+    const touched = /* @__PURE__ */ new Map();
+    let reshaped = false;
+    for (const e of events) {
+      const t = e.target;
+      if (t === sheets || t === order) {
+        reshaped = true;
+        continue;
+      }
+      const owner = t.parent === sheets ? t : t.parent?.parent === sheets ? t.parent : null;
+      const sid = owner && [...sheets.entries()].find(([, m2]) => m2 === owner)?.[0];
+      if (!owner || !sid) continue;
+      if (!touched.has(sid)) touched.set(sid, { rows: null, cols: null, cells: /* @__PURE__ */ new Set(), rowData: /* @__PURE__ */ new Set(), colData: /* @__PURE__ */ new Set(), marks: false, props: /* @__PURE__ */ new Set() });
+      const s = touched.get(sid);
+      const m = owner;
+      const keys = [...e.changes.keys.keys()];
+      if (t === owner) keys.forEach((k) => s.props.add(k));
+      else if (t === m.get("rows")) s.rows = e.changes.delta;
+      else if (t === m.get("cols")) s.cols = e.changes.delta;
+      else if (t === m.get("cells")) keys.forEach((k) => s.cells.add(k));
+      else if (t === m.get("rowData")) keys.forEach((k) => s.rowData.add(k));
+      else if (t === m.get("colData")) keys.forEach((k) => s.colData.add(k));
+      else s.marks = true;
+    }
+    let structural = false;
+    if (reshaped) {
+      const before = wb.getSheets().length;
+      shape();
+      structural = before !== wb.getSheets().length;
+    }
+    for (const [sid, s] of touched) {
+      if (!live(sid)) continue;
+      const rows = move2(sid, s.rows, true), cols = move2(sid, s.cols, false);
+      if (s.rows || s.cols) structural = true;
+      for (const [name, id, key, empty] of setters) if (s.props.has(name)) {
+        const v = sheets.get(sid).get(name) ?? empty;
+        run(id, { subUnitId: sid, ...key ? { [key]: v } : v });
+      }
+      const keys = new Set(s.cells);
+      if (rows.size || cols.size) {
+        for (const k of pieces(sheets.get(sid)).cells.keys()) if (rows.has(k.split(":")[0]) || cols.has(k.split(":")[1])) keys.add(k);
+      }
+      linesTo(sid, /* @__PURE__ */ new Set([...s.rowData, ...rows]), true);
+      linesTo(sid, /* @__PURE__ */ new Set([...s.colData, ...cols]), false);
+      cellsTo(sid, keys);
+      if (s.marks || s.rows || s.cols) {
+        mergesTo(sid);
+        notesTo(sid);
+      }
+    }
+    if (structural) injector.get(IUndoRedoService).clearUndoRedo(unit);
+  };
+  parts(doc).book.observeDeep(remote);
+  return () => {
+    open = false;
+    refuse.dispose();
+    local.dispose();
+    lazy.dispose();
+    parts(doc).book.unobserveDeep(remote);
+  };
+}
+
+// src/sheets/SheetView.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSaveRequest, guard, host, together, documentId = "", onSaved }) {
+  const t = sheetTexts[language];
+  const box = useRef(null);
+  const live = useRef(null);
+  const room = useLive(together ? host : void 0, documentId, kind, bytes, void 0, language, rights.edit && !!onSaveRequest, onSaved);
+  const shared = room?.ready ? room.wire : null;
+  const waiting = !!room && !shared && !room.late && !room.denied;
+  const [phase, setPhase] = useState("loading");
+  const [attempt, setAttempt] = useState(0);
+  const [dirty, setDirty] = useState(false);
+  const [saving, setSaving] = useState("idle");
+  const [refusal, setRefusal] = useState(null);
+  const [pop, setPop] = useState(null);
+  const [look, setLook] = useState(null);
+  const edit = rights.edit && !!onSaveRequest && (!room || !!shared && !room.readonly);
+  const notes = !edit && rights.comment && !!onSaveRequest && !room;
+  useEffect(() => {
+    if (waiting) return;
+    let gone = false;
+    let stop = () => {
+    };
+    let model;
+    let moved = false;
+    const change = () => {
+      moved = true;
+    };
+    try {
+      model = shared ? extras(shared.doc, build(shared.doc)) : readSheet(bytes, kind);
+    } catch {
+      setPhase("failed");
+      return;
+    }
+    shared?.doc.on("update", change);
+    setPhase("loading");
+    setDirty(false);
+    const families = new Set([model.book.defaultStyle, ...Object.values(model.book.styles)].map((s) => typeof s === "object" ? s?.ff : null).filter(Boolean));
+    const fonts = Promise.race([Promise.all([...families].flatMap((f) => ["", "bold ", "italic "].map((w) => document.fonts.load(`${w}11pt "${f}"`).catch(() => [])))), new Promise((r) => setTimeout(r, 800))]);
+    Promise.all([import("./grid-EI5JNZAA.js"), fonts]).then(([{ grid, marks }]) => {
+      if (gone) return;
+      shared?.doc.off("update", change);
+      if (shared && moved) model = extras(shared.doc, build(shared.doc));
+      if (kind === "csv") model.book.sheets.s1.name = name.replace(/\.[^.]+$/, "") || "Sheet1";
+      const host2 = box.current.appendChild(document.createElement("div"));
+      host2.className = "w100n-sheet-host";
+      const view = grid(host2, language, theme === "dark", edit);
+      const { univer, univerAPI: api2 } = view;
+      const wb = api2.createWorkbook(model.book);
+      if (model.active) wb.setActiveSheet(model.active);
+      if (!edit) wb.setEditable(false);
+      const state = { api: api2, model, original: bytes, changes: 0 };
+      const untrack = track(api2, model, { view: true, comment: notes, edit }, () => {
+        state.changes++;
+        if (state.changes === 1 && !shared) {
+          setDirty(true);
+          onChange?.(true);
+        }
+      });
+      const unbind = shared ? bind(api2, univer.__getInjector(), shared.doc, model, edit) : () => {
+      };
+      const people = shared?.link.awareness;
+      if (shared) {
+        people?.setLocalStateField("user", shared.user);
+        state.marks = marks(view);
+      }
+      let frame = 0;
+      let last = "";
+      const refresh = () => {
+        frame = 0;
+        const range2 = api2.getActiveWorkbook()?.getActiveRange();
+        if (!range2) return;
+        const s = range2.getCellStyleData() ?? {};
+        const here = { sheet: range2.getSheetId(), range: span(range2.getRange()) };
+        if (people && JSON.stringify(here) !== last) {
+          last = JSON.stringify(here);
+          people.setLocalStateField("selection", here);
+        }
+        setLook({ bl: s.bl === 1, it: s.it === 1, ul: !!s.ul?.s, st: !!s.st?.s, ht: s.ht ?? 0, tb: s.tb === 3, merged: range2.isMerged() || range2.isPartOfMerge(), n: s.n?.pattern ?? "General", cl: s.cl?.rgb ?? "", bg: s.bg?.rgb ?? "" });
+      };
+      const later = () => {
+        if (!frame) frame = requestAnimationFrame(refresh);
+      };
+      const selection = wb.onSelectionChange(later);
+      const commands = api2.addEvent(api2.Event.CommandExecuted, later);
+      live.current = state;
+      stop = () => {
+        unbind();
+        state.marks?.dispose();
+        untrack();
+        selection.dispose();
+        commands.dispose();
+        cancelAnimationFrame(frame);
+        host2.hidden = true;
+        setTimeout(() => {
+          univer.dispose();
+          host2.remove();
+        });
+      };
+      setPhase("ready");
+    }).catch(() => {
+      if (!gone) setPhase("failed");
+    });
+    return () => {
+      gone = true;
+      shared?.doc.off("update", change);
+      stop();
+      live.current = null;
+    };
+  }, [bytes, kind, attempt, shared, waiting]);
+  useEffect(() => {
+    live.current?.marks?.show((room?.people ?? []).flatMap((p) => !p.me && p.selection ? [{ ...p.selection, color: p.color }] : []));
+  }, [room?.people, phase]);
+  useEffect(() => {
+    live.current?.api.toggleDarkMode(theme === "dark");
+  }, [theme]);
+  useEffect(() => {
+    live.current?.api.setLocale(language === "pl" ? "plPL" : "enUS");
+  }, [language]);
+  const pending = room ? room.pending : dirty;
+  const unsent = room ? room.unsynced && edit : dirty;
+  useEffect(() => {
+    if (!unsent) return;
+    const stop = (e) => e.preventDefault();
+    window.addEventListener("beforeunload", stop);
+    return () => window.removeEventListener("beforeunload", stop);
+  }, [unsent]);
+  const save = async () => {
+    const l = live.current;
+    if (room) {
+      if (!l || !edit || !room.online || !room.pending || saving === "busy") return false;
+      setSaving("busy");
+      setRefusal(null);
+      await l.api.getFormula().onCalculationResultApplied(5e3).catch(() => {
+      });
+      const ok = await room.save();
+      setSaving(ok ? "done" : "failed");
+      return ok;
+    }
+    if (!l || !onSaveRequest || saving === "busy") return false;
+    setSaving("busy");
+    setRefusal(null);
+    const seen = l.changes;
+    try {
+      const model = snapshot(l.api, l.model);
+      const out = writeSheet(l.original, model, kind);
+      await onSaveRequest(out, t.editedNote);
+      const ids = kind === "csv" ? [] : worksheets(out);
+      rebase(l.model, model.lines, Object.fromEntries(model.book.sheetOrder.map((sid, i) => [sid, ids[i] ?? i + 1])));
+      l.original = out;
+      if (l.changes === seen) {
+        l.changes = 0;
+        setDirty(false);
+        onChange?.(false);
+      }
+      setSaving("done");
+      return true;
+    } catch (e) {
+      setRefusal(e instanceof SheetRefusal ? e : null);
+      setSaving("failed");
+      return false;
+    }
+  };
+  useEffect(() => {
+    if (!guard || room || !dirty) return;
+    guard.current = save;
+    return () => {
+      guard.current = null;
+    };
+  });
+  useRestore(pop !== null);
+  const api = () => live.current?.api;
+  const run = (id, params) => {
+    void api()?.executeCommand(id, params);
+    setPop(null);
+  };
+  const range = () => api()?.getActiveWorkbook()?.getActiveRange();
+  const sheet = () => api()?.getActiveWorkbook()?.getActiveSheet();
+  const keys = (e) => {
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "s") {
+      e.preventDefault();
+      e.stopPropagation();
+      if (edit || notes) void save();
+    }
+    if (e.key === "Escape" && pop) {
+      e.stopPropagation();
+      setPop(null);
+    }
+  };
+  const tool = (Icon, label, onClick, pressed) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": label, title: label, "aria-pressed": pressed, disabled: phase !== "ready", onClick, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }) });
+  const gap = /* @__PURE__ */ jsx("span", { className: "w100n-sheet-gap" });
+  const anchor = (key, trigger, body) => /* @__PURE__ */ jsxs("span", { className: "w100n-sheet-anchor", children: [
+    trigger,
+    pop === key && /* @__PURE__ */ jsx("span", { className: "w100n-sheet-pop", role: "dialog", children: body })
+  ] });
+  const opener = (key, Icon, label, bar) => /* @__PURE__ */ jsxs("button", { type: "button", "aria-label": label, title: label, "aria-expanded": pop === key, disabled: phase !== "ready", onClick: () => setPop(pop === key ? null : key), children: [
+    /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }),
+    bar !== void 0 && /* @__PURE__ */ jsx("i", { className: "w100n-sheet-bar", style: { background: bar || "currentColor" } })
+  ] });
+  const currency = language === "pl" ? '#,##0.00 "z\u0142"' : language === "uk" ? '#,##0.00 "\u20B4"' : '"$"#,##0.00';
+  const formats = [
+    [t.general, "General"],
+    [t.number, "#,##0.00"],
+    [t.percent, "0.00%"],
+    [t.currency, currency],
+    [`${t.currency} \u20AC`, '#,##0.00 "\u20AC"'],
+    [t.date, language === "en" ? "mm/dd/yyyy" : "dd.mm.yyyy"],
+    [t.time, "hh:mm"],
+    [t.text, "@"]
+  ];
+  const shown = formats.find(([, p]) => p === look?.n)?.[0] ?? (look && look.n !== "General" ? look.n : t.general);
+  const border = (type) => {
+    range()?.setBorder(type, type === "none" ? 0 : 1, "#000000");
+    setPop(null);
+  };
+  const lines = (rows) => {
+    const r = range()?.getRange();
+    const ws = sheet();
+    if (!r || !ws) return;
+    if (rows) ws.deleteRows(r.startRow, r.endRow - r.startRow + 1);
+    else ws.deleteColumns(r.startColumn, r.endColumn - r.startColumn + 1);
+  };
+  const swatches = (list, pick, none, reset, current) => /* @__PURE__ */ jsxs("span", { className: "w100n-sheet-swatches", children: [
+    list.map((c, i) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": c, "aria-pressed": current.toLowerCase() === c, onClick: () => pick(c), children: /* @__PURE__ */ jsx("i", { style: { background: c } }) }, i)),
+    /* @__PURE__ */ jsx("button", { type: "button", className: "w100n-sheet-none", onClick: reset, children: none })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "w100n-sheet", "data-theme": theme, onKeyDownCapture: keys, children: [
+    /* @__PURE__ */ jsxs("div", { className: "w100n-sheet-ribbon", role: "toolbar", "aria-label": t.tools, onKeyDown: rove, onPointerDown: (e) => {
+      if (e.target.closest("button")) e.preventDefault();
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "w100n-sheet-tools", children: [
+        edit && /* @__PURE__ */ jsxs(Fragment, { children: [
+          tool(Undo2, t.undo, () => void api()?.undo()),
+          tool(Redo2, t.redo, () => void api()?.redo()),
+          gap,
+          anchor(
+            "format",
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "w100n-sheet-picker",
+                "aria-label": t.format,
+                title: t.format,
+                "aria-expanded": pop === "format",
+                disabled: phase !== "ready",
+                onClick: () => setPop(pop === "format" ? null : "format"),
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: shown }),
+                  /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": true })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "w100n-sheet-list", children: formats.map(([label, pattern], i) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-selected": look?.n === pattern,
+                onClick: () => {
+                  range()?.setNumberFormat(pattern);
+                  setPop(null);
+                },
+                children: [
+                  label,
+                  /* @__PURE__ */ jsx("small", { children: pattern === "General" ? "" : pattern })
+                ]
+              },
+              i
+            )) })
+          ),
+          gap,
+          tool(Bold, t.bold, () => run("sheet.command.set-range-bold"), look?.bl),
+          tool(Italic, t.italic, () => run("sheet.command.set-range-italic"), look?.it),
+          tool(Underline, t.underline, () => run("sheet.command.set-range-underline"), look?.ul),
+          tool(Strikethrough, t.strike, () => run("sheet.command.set-range-stroke"), look?.st),
+          anchor(
+            "text",
+            opener("text", Baseline, t.textColour, look?.cl ?? ""),
+            swatches(
+              ["#0f172a", "#475569", "#dc2626", "#ea580c", "#ca8a04", "#16a34a", "#0891b2", "#2563eb", "#7c3aed", "#db2777"],
+              (c) => run("sheet.command.set-range-text-color", { value: c }),
+              t.automatic,
+              () => run("sheet.command.reset-range-text-color"),
+              look?.cl ?? ""
+            )
+          ),
+          anchor(
+            "fill",
+            opener("fill", PaintBucket, t.fill, look?.bg ?? ""),
+            swatches(
+              ["#fee2e2", "#ffedd5", "#fef9c3", "#dcfce7", "#cffafe", "#dbeafe", "#ede9fe", "#fce7f3", "#f1f5f9", "#cbd5e1"],
+              (c) => run("sheet.command.set-background-color", { value: c }),
+              t.noFill,
+              () => run("sheet.command.reset-background-color"),
+              look?.bg ?? ""
+            )
+          ),
+          anchor(
+            "border",
+            opener("border", Grid2x2, t.borders),
+            /* @__PURE__ */ jsx("span", { className: "w100n-sheet-list", children: [[Grid2x2, t.borderAll, "all"], [Square, t.borderOuter, "outside"], [PanelBottom, t.borderBottom, "bottom"], [SquareDashed, t.borderNone, "none"]].map(([Icon, label, type]) => /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => border(type), children: [
+              /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }),
+              label
+            ] }, type)) })
+          ),
+          gap,
+          tool(TextAlignStart, t.alignLeft, () => run("sheet.command.set-horizontal-text-align", { value: 1 }), look?.ht === 1),
+          tool(TextAlignCenter, t.alignCenter, () => run("sheet.command.set-horizontal-text-align", { value: 2 }), look?.ht === 2),
+          tool(TextAlignEnd, t.alignRight, () => run("sheet.command.set-horizontal-text-align", { value: 3 }), look?.ht === 3),
+          tool(TextWrap, t.wrap, () => run("sheet.command.set-text-wrap", { value: look?.tb ? 1 : 3 }), look?.tb),
+          look?.merged ? tool(TableCellsSplit, t.unmerge, () => run("sheet.command.remove-worksheet-merge"), true) : tool(TableCellsMerge, t.merge, () => run("sheet.command.add-worksheet-merge-all")),
+          gap,
+          tool(BetweenHorizontalStart, t.rowAbove, () => run("sheet.command.insert-row-before")),
+          tool(BetweenHorizontalEnd, t.rowBelow, () => run("sheet.command.insert-row-after")),
+          tool(BetweenVerticalStart, t.columnLeft, () => run("sheet.command.insert-col-before")),
+          tool(BetweenVerticalEnd, t.columnRight, () => run("sheet.command.insert-col-after")),
+          tool(TableRowsSplit, t.deleteRows, () => lines(true)),
+          tool(TableColumnsSplit, t.deleteColumns, () => lines(false)),
+          anchor(
+            "freeze",
+            opener("freeze", Snowflake, t.freeze),
+            /* @__PURE__ */ jsxs("span", { className: "w100n-sheet-list", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+                sheet()?.setFrozenRows(1);
+                setPop(null);
+              }, children: t.freezeRow }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+                sheet()?.setFrozenColumns(1);
+                setPop(null);
+              }, children: t.freezeColumn }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => run("sheet.command.set-selection-frozen"), children: t.freezeHere }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+                sheet()?.cancelFreeze();
+                setPop(null);
+              }, children: t.freezeNone })
+            ] })
+          ),
+          gap,
+          tool(ArrowDownAZ, t.sortUp, () => run("sheet.command.sort-range-asc")),
+          tool(ArrowDownZA, t.sortDown, () => run("sheet.command.sort-range-desc")),
+          !room && tool(Funnel, t.filter, () => run("sheet.command.smart-toggle-filter")),
+          gap
+        ] }),
+        (edit || notes) && tool(StickyNote, t.note, () => run("sheet.operation.add-note-popup")),
+        tool(Search, t.find, () => run("ui.operation.open-find-dialog"))
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "w100n-sheet-end", children: [
+        room && (room.ready ? !room.online : room.late || room.denied) && /* @__PURE__ */ jsxs("span", { className: "w100n-text-live", title: room.denied ? void 0 : t.offlineHint, children: [
+          /* @__PURE__ */ jsx(WifiOff, { "aria-hidden": true }),
+          room.denied ? t.liveOff : t.offline
+        ] }),
+        room && room.people.length > 0 && /* @__PURE__ */ jsx("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: room.people.map((p) => /* @__PURE__ */ jsx("span", { className: "w100n-text-face", title: p.me ? `${p.name} (${t.you})` : p.name, style: { "--face": p.color }, children: p.avatarUrl ? /* @__PURE__ */ jsx("img", { src: p.avatarUrl, alt: "" }) : p.name.slice(0, 1).toUpperCase() }, p.id)) }),
+        !edit && /* @__PURE__ */ jsx("span", { className: "w100n-docs-badge", children: notes ? t.notesOnly : t.viewOnly }),
+        saving === "failed" && /* @__PURE__ */ jsx("span", { className: "w100n-sheet-muted", role: "alert", children: refusal ? t.refused[refusal.code].replace("{sheet}", refusal.sheet) : t.saveFailed }),
+        (edit || notes) && /* @__PURE__ */ jsxs("button", { type: "button", className: "w100n-docs-action", disabled: !pending || saving === "busy" || phase !== "ready" || !!room && !room.online, onClick: () => void save(), children: [
+          /* @__PURE__ */ jsx(Save, { "aria-hidden": true }),
+          saving === "busy" ? t.saving : !pending && saving === "done" ? t.saved : t.save
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "w100n-sheet-stage", onPointerDown: () => setPop(null), children: [
+      /* @__PURE__ */ jsx("div", { ref: box, className: "w100n-sheet-grid" }),
+      phase !== "ready" && /* @__PURE__ */ jsx("div", { className: "w100n-sheet-cover", children: phase === "loading" ? /* @__PURE__ */ jsx("span", { children: t.loading }) : /* @__PURE__ */ jsxs("span", { children: [
+        t.failed,
+        /* @__PURE__ */ jsx("button", { type: "button", className: "w100n-docs-action", onClick: () => setAttempt((n) => n + 1), children: t.retry })
+      ] }) })
+    ] })
+  ] });
+}
+var SheetView_default = SheetView;
+export {
+  SheetView,
+  SheetView_default as default,
+  readSheet,
+  writeSheet
+};
+//# sourceMappingURL=SheetView-JYH2ZUZF.js.map