react-excel-lite 0.2.0 → 0.3.0

package/dist/react-excel-lite.js

@@ -1,36 +1,36 @@
-import { jsxs as A, jsx as N, Fragment as Q } from "react/jsx-runtime";
-import { useState as z, useCallback as M, useEffect as j, useRef as U, useLayoutEffect as Y, useMemo as $ } from "react";
-function W(...e) {
+import { jsxs as K, jsx as N, Fragment as Z } from "react/jsx-runtime";
+import { useState as G, useCallback as k, useEffect as q, useRef as O, useLayoutEffect as ee, useMemo as j } from "react";
+function B(...e) {
   return e.filter(Boolean).join(" ");
 }
-function ke(e) {
+function Ee(e) {
   return `${e.row}-${e.col}`;
 }
-function Ee(e) {
-  const [o, l] = e.split("-").map(Number);
-  return { row: o, col: l };
+function Fe(e) {
+  const [t, n] = e.split("-").map(Number);
+  return { row: t, col: n };
 }
-function ve(e, o) {
-  if (!e || !o) return e ? [e] : [];
-  const l = Math.min(e.row, o.row), i = Math.max(e.row, o.row), a = Math.min(e.col, o.col), x = Math.max(e.col, o.col), u = [];
-  for (let m = l; m <= i; m++)
-    for (let f = a; f <= x; f++)
-      u.push({ row: m, col: f });
-  return u;
+function Ne(e, t) {
+  if (!e || !t) return e ? [e] : [];
+  const n = Math.min(e.row, t.row), c = Math.max(e.row, t.row), u = Math.min(e.col, t.col), y = Math.max(e.col, t.col), f = [];
+  for (let p = n; p <= c; p++)
+    for (let d = u; d <= y; d++)
+      f.push({ row: p, col: d });
+  return f;
 }
-function Z(e, o) {
-  if (!o.start) return !1;
-  const l = o.end || o.start, i = Math.min(o.start.row, l.row), a = Math.max(o.start.row, l.row), x = Math.min(o.start.col, l.col), u = Math.max(o.start.col, l.col);
-  return e.row >= i && e.row <= a && e.col >= x && e.col <= u;
+function te(e, t) {
+  if (!t.start) return !1;
+  const n = t.end || t.start, c = Math.min(t.start.row, n.row), u = Math.max(t.start.row, n.row), y = Math.min(t.start.col, n.col), f = Math.max(t.start.col, n.col);
+  return e.row >= c && e.row <= u && e.col >= y && e.col <= f;
 }
-function ee(e) {
-  return e.split(/\r?\n/).filter((o) => o.trim()).map((o) => o.split("	").map((l) => l.trim()));
+function oe(e) {
+  return e.split(/\r?\n/).filter((t) => t.trim()).map((t) => t.split("	").map((n) => n.trim()));
 }
-function te(e) {
-  return e.map((o) => o.join("	")).join(`
+function ne(e) {
+  return e.map((t) => t.join("	")).join(`
 `);
 }
-function B(e) {
+function U(e) {
   return !e.start || !e.end ? e : {
     start: {
       row: Math.min(e.start.row, e.end.row),
@@ -42,289 +42,289 @@ function B(e) {
     }
   };
 }
-function Fe(e, o) {
-  if (e.row === o.row && e.col === o.col)
+function Re(e, t) {
+  if (e.row === t.row && e.col === t.col)
     return [];
-  const l = Math.min(e.row, o.row), i = Math.max(e.row, o.row), a = Math.min(e.col, o.col), x = Math.max(e.col, o.col), u = [];
-  for (let m = l; m <= i; m++)
-    for (let f = a; f <= x; f++)
-      m === e.row && f === e.col || u.push({ row: m, col: f });
-  return u;
+  const n = Math.min(e.row, t.row), c = Math.max(e.row, t.row), u = Math.min(e.col, t.col), y = Math.max(e.col, t.col), f = [];
+  for (let p = n; p <= c; p++)
+    for (let d = u; d <= y; d++)
+      p === e.row && d === e.col || f.push({ row: p, col: d });
+  return f;
 }
-function oe({
+function le({
   containerRef: e
 }) {
-  const [o, l] = z({
+  const [t, n] = G({
     start: null,
     end: null
-  }), [i, a] = z(!1), x = M((c) => {
-    l({ start: c, end: c }), a(!0);
-  }, []), u = M(
-    (c) => {
-      i && l((n) => ({ ...n, end: c }));
+  }), [c, u] = G(!1), y = k((i) => {
+    n({ start: i, end: i }), u(!0);
+  }, []), f = k(
+    (i) => {
+      c && n((o) => ({ ...o, end: i }));
     },
-    [i]
-  ), m = M(() => {
-    a(!1);
-  }, []), f = M(() => {
-    l({ start: null, end: null }), a(!1);
-  }, []), g = M(
-    (c) => Z(c, o),
-    [o]
+    [c]
+  ), p = k(() => {
+    u(!1);
+  }, []), d = k(() => {
+    n({ start: null, end: null }), u(!1);
+  }, []), g = k(
+    (i) => te(i, t),
+    [t]
   );
-  return j(() => {
-    const c = () => {
-      i && a(!1);
+  return q(() => {
+    const i = () => {
+      c && u(!1);
     };
-    return window.addEventListener("mouseup", c), () => window.removeEventListener("mouseup", c);
-  }, [i]), j(() => {
-    const c = (n) => {
-      e.current && !e.current.contains(n.target) && f();
+    return window.addEventListener("mouseup", i), () => window.removeEventListener("mouseup", i);
+  }, [c]), q(() => {
+    const i = (o) => {
+      e.current && !e.current.contains(o.target) && d();
     };
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, [e, f]), {
-    selection: o,
-    isSelecting: i,
+    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
+  }, [e, d]), {
+    selection: t,
+    isSelecting: c,
     isCellSelected: g,
-    handleCellMouseDown: x,
-    handleCellMouseEnter: u,
-    handleMouseUp: m,
-    clearSelection: f,
-    setSelection: l
+    handleCellMouseDown: y,
+    handleCellMouseEnter: f,
+    handleMouseUp: p,
+    clearSelection: d,
+    setSelection: n
   };
 }
-function ne({
+function re({
   selection: e,
-  getValue: o,
-  setValues: l,
-  setSelection: i,
-  rowCount: a,
-  colCount: x
+  getValue: t,
+  setValues: n,
+  setSelection: c,
+  rowCount: u,
+  colCount: y
 }) {
-  const u = M(() => {
-    const n = B(e);
-    if (!n.start || !n.end) return [];
+  const f = k(() => {
+    const o = U(e);
+    if (!o.start || !o.end) return [];
     const S = [];
-    for (let d = n.start.row; d <= n.end.row; d++) {
+    for (let h = o.start.row; h <= o.end.row; h++) {
       const C = [];
-      for (let r = n.start.col; r <= n.end.col; r++)
-        C.push(o({ row: d, col: r }));
+      for (let s = o.start.col; s <= o.end.col; s++)
+        C.push(t({ row: h, col: s }));
       S.push(C);
     }
     return S;
-  }, [e, o]), m = M(async () => {
-    const n = u();
-    if (n.length === 0) return;
-    const S = te(n);
+  }, [e, t]), p = k(async () => {
+    const o = f();
+    if (o.length === 0) return;
+    const S = ne(o);
     try {
       await navigator.clipboard.writeText(S);
-    } catch (d) {
-      console.error("Clipboard copy failed:", d);
+    } catch (h) {
+      console.error("Clipboard copy failed:", h);
     }
-  }, [u]), f = M(async () => {
+  }, [f]), d = k(async () => {
     if (e.start)
       try {
-        const n = await navigator.clipboard.readText(), S = ee(n);
+        const o = await navigator.clipboard.readText(), S = oe(o);
         if (S.length === 0) return;
-        const d = e.start.row, C = e.start.col, r = [];
-        S.forEach((b, w) => {
-          const h = d + w;
-          h >= a || b.forEach((F, v) => {
-            const s = C + v;
-            s >= x || r.push({ coord: { row: h, col: s }, value: F });
+        const h = e.start.row, C = e.start.col, s = [];
+        S.forEach((m, a) => {
+          const w = h + a;
+          w >= u || m.forEach((R, F) => {
+            const r = C + F;
+            r >= y || s.push({ coord: { row: w, col: r }, value: R });
           });
-        }), r.length > 0 && l(r);
-      } catch (n) {
-        console.error("Clipboard paste failed:", n);
+        }), s.length > 0 && n(s);
+      } catch (o) {
+        console.error("Clipboard paste failed:", o);
       }
-  }, [e.start, l, a, x]), g = M(() => {
-    const n = B(e);
-    if (!n.start || !n.end) return;
+  }, [e.start, n, u, y]), g = k(() => {
+    const o = U(e);
+    if (!o.start || !o.end) return;
     const S = [];
-    for (let d = n.start.row; d <= n.end.row; d++)
-      for (let C = n.start.col; C <= n.end.col; C++)
-        S.push({ coord: { row: d, col: C }, value: "" });
-    S.length > 0 && l(S);
-  }, [e, l]), c = M(
-    (n) => {
-      if (!(n.target instanceof HTMLInputElement && !n.target.readOnly)) {
-        if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(n.key)) {
-          n.preventDefault();
-          const d = B(e).start ?? { row: 0, col: 0 };
-          let C = d.row, r = d.col;
-          switch (n.key) {
+    for (let h = o.start.row; h <= o.end.row; h++)
+      for (let C = o.start.col; C <= o.end.col; C++)
+        S.push({ coord: { row: h, col: C }, value: "" });
+    S.length > 0 && n(S);
+  }, [e, n]), i = k(
+    (o) => {
+      if (!(o.target instanceof HTMLInputElement && !o.target.readOnly)) {
+        if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(o.key)) {
+          o.preventDefault();
+          const h = U(e).start ?? { row: 0, col: 0 };
+          let C = h.row, s = h.col;
+          switch (o.key) {
             case "ArrowUp":
-              C = Math.max(0, d.row - 1);
+              C = Math.max(0, h.row - 1);
               break;
             case "ArrowDown":
-              C = Math.min(a - 1, d.row + 1);
+              C = Math.min(u - 1, h.row + 1);
               break;
             case "ArrowLeft":
-              r = Math.max(0, d.col - 1);
+              s = Math.max(0, h.col - 1);
               break;
             case "ArrowRight":
-              r = Math.min(x - 1, d.col + 1);
+              s = Math.min(y - 1, h.col + 1);
               break;
           }
-          i({
-            start: { row: C, col: r },
-            end: { row: C, col: r }
+          c({
+            start: { row: C, col: s },
+            end: { row: C, col: s }
           });
           return;
         }
-        (n.ctrlKey || n.metaKey) && n.key === "c" && (n.preventDefault(), m()), (n.ctrlKey || n.metaKey) && n.key === "v" && (n.preventDefault(), f()), (n.key === "Backspace" || n.key === "Delete") && (n.preventDefault(), g());
+        (o.ctrlKey || o.metaKey) && o.key === "c" && (o.preventDefault(), p()), (o.ctrlKey || o.metaKey) && o.key === "v" && (o.preventDefault(), d()), (o.key === "Backspace" || o.key === "Delete") && (o.preventDefault(), g());
       }
     },
     [
-      m,
-      f,
+      p,
+      d,
       g,
       e,
-      i,
-      a,
-      x
+      c,
+      u,
+      y
     ]
   );
   return {
-    handleCopy: m,
-    handlePaste: f,
-    handleKeyDown: c
+    handleCopy: p,
+    handlePaste: d,
+    handleKeyDown: i
   };
 }
-function le(e) {
+function se(e) {
   if (e.trim() === "") return null;
-  const o = Number(e);
-  return isNaN(o) ? null : o;
+  const t = Number(e);
+  return isNaN(t) ? null : t;
 }
-function X(e) {
+function J(e) {
   if (e.length === 0) return null;
-  const o = e.map(le);
-  if (o.some((a) => a === null)) return null;
-  const l = o;
-  if (l.length === 1)
-    return { numbers: l, diff: 0 };
-  const i = l[1] - l[0];
-  for (let a = 2; a < l.length; a++)
-    if (l[a] - l[a - 1] !== i)
-      return { numbers: l, diff: 0 };
-  return { numbers: l, diff: i };
+  const t = e.map(se);
+  if (t.some((u) => u === null)) return null;
+  const n = t;
+  if (n.length === 1)
+    return { numbers: n, diff: 0 };
+  const c = n[1] - n[0];
+  for (let u = 2; u < n.length; u++)
+    if (n[u] - n[u - 1] !== c)
+      return { numbers: n, diff: 0 };
+  return { numbers: n, diff: c };
 }
-function re({
+function ce({
   selection: e,
-  getValue: o,
-  setValues: l
+  getValue: t,
+  setValues: n
 }) {
-  const [i, a] = z(null), [x, u] = z([]), [m, f] = z(!1), [g, c] = z(null), n = M((r) => {
-    a(r), f(!0), u([]), c(null);
-  }, []), S = M(
-    (r) => {
-      if (!m || !e.start) return;
-      const b = B(e);
-      if (!b.start || !b.end) return;
-      c(r);
-      const w = {
-        row: Math.min(b.start.row, r.row),
-        col: Math.min(b.start.col, r.col)
-      }, h = {
-        row: Math.max(b.end.row, r.row),
-        col: Math.max(b.end.col, r.col)
-      }, F = [];
-      for (let v = w.row; v <= h.row; v++)
-        for (let s = w.col; s <= h.col; s++)
-          v >= b.start.row && v <= b.end.row && s >= b.start.col && s <= b.end.col || F.push({ row: v, col: s });
-      u(F);
+  const [c, u] = G(null), [y, f] = G([]), [p, d] = G(!1), [g, i] = G(null), o = k((s) => {
+    u(s), d(!0), f([]), i(null);
+  }, []), S = k(
+    (s) => {
+      if (!p || !e.start) return;
+      const m = U(e);
+      if (!m.start || !m.end) return;
+      i(s);
+      const a = {
+        row: Math.min(m.start.row, s.row),
+        col: Math.min(m.start.col, s.col)
+      }, w = {
+        row: Math.max(m.end.row, s.row),
+        col: Math.max(m.end.col, s.col)
+      }, R = [];
+      for (let F = a.row; F <= w.row; F++)
+        for (let r = a.col; r <= w.col; r++)
+          F >= m.start.row && F <= m.end.row && r >= m.start.col && r <= m.end.col || R.push({ row: F, col: r });
+      f(R);
     },
-    [m, e]
-  ), d = M(() => {
-    if (!e.start || x.length === 0 || !g) {
-      a(null), u([]), f(!1), c(null);
+    [p, e]
+  ), h = k(() => {
+    if (!e.start || y.length === 0 || !g) {
+      u(null), f([]), d(!1), i(null);
       return;
     }
-    const r = B(e);
-    if (!r.start || !r.end) {
-      a(null), u([]), f(!1), c(null);
+    const s = U(e);
+    if (!s.start || !s.end) {
+      u(null), f([]), d(!1), i(null);
       return;
     }
-    const b = [], w = r.start, h = r.end, F = h.row - w.row + 1, v = h.col - w.col + 1;
-    x.forEach((s) => {
-      let R, I;
-      if (s.row < w.row) {
-        const E = w.row - s.row;
-        R = h.row - (E - 1) % F;
-      } else if (s.row > h.row) {
-        const E = s.row - h.row;
-        R = w.row + (E - 1) % F;
+    const m = [], a = s.start, w = s.end, R = w.row - a.row + 1, F = w.col - a.col + 1;
+    y.forEach((r) => {
+      let z, L;
+      if (r.row < a.row) {
+        const E = a.row - r.row;
+        z = w.row - (E - 1) % R;
+      } else if (r.row > w.row) {
+        const E = r.row - w.row;
+        z = a.row + (E - 1) % R;
       } else
-        R = s.row;
-      if (s.col < w.col) {
-        const E = w.col - s.col;
-        I = h.col - (E - 1) % v;
-      } else if (s.col > h.col) {
-        const E = s.col - h.col;
-        I = w.col + (E - 1) % v;
+        z = r.row;
+      if (r.col < a.col) {
+        const E = a.col - r.col;
+        L = w.col - (E - 1) % F;
+      } else if (r.col > w.col) {
+        const E = r.col - w.col;
+        L = a.col + (E - 1) % F;
       } else
-        I = s.col;
-      let H = o({ row: R, col: I });
-      if (s.row !== R && s.col >= w.col && s.col <= h.col) {
+        L = r.col;
+      let I = t({ row: z, col: L });
+      if (r.row !== z && r.col >= a.col && r.col <= w.col) {
         const E = [];
-        for (let k = w.row; k <= h.row; k++)
-          E.push(o({ row: k, col: s.col }));
-        const D = X(E);
-        if (D && D.diff !== 0) {
-          if (s.row > h.row) {
-            const k = s.row - h.row;
-            H = String(D.numbers[D.numbers.length - 1] + D.diff * k);
-          } else if (s.row < w.row) {
-            const k = w.row - s.row;
-            H = String(D.numbers[0] - D.diff * k);
+        for (let M = a.row; M <= w.row; M++)
+          E.push(t({ row: M, col: r.col }));
+        const v = J(E);
+        if (v && v.diff !== 0) {
+          if (r.row > w.row) {
+            const M = r.row - w.row;
+            I = String(v.numbers[v.numbers.length - 1] + v.diff * M);
+          } else if (r.row < a.row) {
+            const M = a.row - r.row;
+            I = String(v.numbers[0] - v.diff * M);
           }
         }
       }
-      if (s.col !== I && s.row >= w.row && s.row <= h.row) {
+      if (r.col !== L && r.row >= a.row && r.row <= w.row) {
         const E = [];
-        for (let k = w.col; k <= h.col; k++)
-          E.push(o({ row: s.row, col: k }));
-        const D = X(E);
-        if (D && D.diff !== 0) {
-          if (s.col > h.col) {
-            const k = s.col - h.col;
-            H = String(D.numbers[D.numbers.length - 1] + D.diff * k);
-          } else if (s.col < w.col) {
-            const k = w.col - s.col;
-            H = String(D.numbers[0] - D.diff * k);
+        for (let M = a.col; M <= w.col; M++)
+          E.push(t({ row: r.row, col: M }));
+        const v = J(E);
+        if (v && v.diff !== 0) {
+          if (r.col > w.col) {
+            const M = r.col - w.col;
+            I = String(v.numbers[v.numbers.length - 1] + v.diff * M);
+          } else if (r.col < a.col) {
+            const M = a.col - r.col;
+            I = String(v.numbers[0] - v.diff * M);
           }
         }
       }
-      b.push({ coord: s, value: H });
-    }), b.length > 0 && l(b), a(null), u([]), f(!1), c(null);
-  }, [e, x, g, o, l]), C = M(
-    (r) => x.some(
-      (b) => b.row === r.row && b.col === r.col
+      m.push({ coord: r, value: I });
+    }), m.length > 0 && n(m), u(null), f([]), d(!1), i(null);
+  }, [e, y, g, t, n]), C = k(
+    (s) => y.some(
+      (m) => m.row === s.row && m.col === s.col
     ),
-    [x]
+    [y]
   );
-  return j(() => {
-    const r = () => {
-      m && d();
+  return q(() => {
+    const s = () => {
+      p && h();
     };
-    return window.addEventListener("mouseup", r), () => window.removeEventListener("mouseup", r);
-  }, [m, d]), {
-    fillSource: i,
-    fillTargets: x,
-    isDraggingFill: m,
+    return window.addEventListener("mouseup", s), () => window.removeEventListener("mouseup", s);
+  }, [p, h]), {
+    fillSource: c,
+    fillTargets: y,
+    isDraggingFill: p,
     isFillTarget: C,
-    handleFillHandleMouseDown: n,
+    handleFillHandleMouseDown: o,
     handleCellMouseEnterForFill: S,
-    handleFillMouseUp: d
+    handleFillMouseUp: h
   };
 }
-const se = {
+const ie = {
   position: "relative",
   border: "1px solid #d1d5db",
   padding: 0,
   height: "28px",
   minWidth: "80px"
-}, ce = {
+}, ae = {
   width: "100%",
   height: "100%",
   padding: "4px",
@@ -335,7 +335,7 @@ const se = {
   backgroundColor: "transparent",
   outline: "none",
   border: "none"
-}, ie = {
+}, ue = {
   position: "absolute",
   bottom: "-2px",
   right: "-2px",
@@ -344,14 +344,14 @@ const se = {
   cursor: "crosshair",
   zIndex: 20,
   backgroundColor: "#3b82f6"
-}, ae = {
+}, fe = {
   position: "absolute",
   top: 0,
   left: 0,
   minWidth: "100%",
   height: "100%",
   zIndex: 30
-}, ue = {
+}, de = {
   height: "100%",
   padding: "4px",
   textAlign: "right",
@@ -361,114 +361,114 @@ const se = {
   border: "2px solid #3b82f6",
   outline: "none",
   minWidth: "100%"
-}, fe = {
+}, we = {
   position: "absolute",
   visibility: "hidden",
   whiteSpace: "pre",
   fontSize: "12px",
   padding: "4px"
-}, de = {
+}, he = {
   backgroundColor: "#dbeafe",
   outline: "2px solid #3b82f6",
   outlineOffset: "-2px"
-}, we = {
+}, pe = {
   backgroundColor: "#eff6ff"
 };
-function he({
+function me({
   coord: e,
-  value: o,
-  isSelected: l,
-  isFillTarget: i,
-  showFillHandle: a,
-  onMouseDown: x,
-  onMouseEnter: u,
-  onChange: m,
-  onFillHandleMouseDown: f,
+  value: t,
+  isSelected: n,
+  isFillTarget: c,
+  showFillHandle: u,
+  onMouseDown: y,
+  onMouseEnter: f,
+  onChange: p,
+  onFillHandleMouseDown: d,
   styles: g
 }) {
-  const [c, n] = z(!1), [S, d] = z(!1), [C, r] = z(null), b = U(null), w = U(null), h = U(null), F = U(null);
-  Y(() => {
-    if (c && h.current && F.current) {
-      const t = h.current.offsetWidth, p = F.current.offsetWidth;
-      r(Math.max(t + 16, p));
+  const [i, o] = G(!1), [S, h] = G(!1), [C, s] = G(null), m = O(null), a = O(null), w = O(null), R = O(null);
+  ee(() => {
+    if (i && w.current && R.current) {
+      const D = w.current.offsetWidth, X = R.current.offsetWidth;
+      s(Math.max(D + 16, X));
     }
-  }, [c, o]), j(() => {
-    c && w.current ? (w.current.focus(), S && (w.current.select(), d(!1))) : l && !c && b.current && b.current.focus();
-  }, [l, c, S]), j(() => {
-    !l && c && (n(!1), r(null));
-  }, [l, c]);
-  const v = (t) => {
-    m(e, t.target.value);
-  }, s = (t) => {
-    t.target.classList.contains("fill-handle") || x(e);
-  }, R = () => {
-    n(!0), d(!0);
-  }, I = () => {
-    n(!1);
-  }, H = (t) => {
-    c ? (t.key === "Enter" || t.key === "Escape") && n(!1) : t.key === "Enter" ? (t.preventDefault(), n(!0), d(!0)) : t.key.length === 1 && !t.ctrlKey && !t.metaKey && (t.preventDefault(), m(e, t.key), n(!0));
-  }, E = (t) => {
-    t.stopPropagation(), t.preventDefault(), f(e);
-  }, D = !!g?.selected, k = !!g?.fillTarget, O = !!g?.fillHandle, G = {
-    ...se,
-    ...l && !D ? de : {},
-    ...i && !k ? we : {}
-  }, q = {
+  }, [i, t]), q(() => {
+    i && a.current ? (a.current.focus(), S && (a.current.select(), h(!1))) : n && !i && m.current && m.current.focus();
+  }, [n, i, S]), q(() => {
+    !n && i && (o(!1), s(null));
+  }, [n, i]);
+  const F = (D) => {
+    p(e, D.target.value);
+  }, r = (D) => {
+    D.target.classList.contains("fill-handle") || y(e);
+  }, z = () => {
+    o(!0), h(!0);
+  }, L = () => {
+    o(!1);
+  }, I = (D) => {
+    i ? (D.key === "Enter" || D.key === "Escape") && o(!1) : D.key === "Enter" ? (D.preventDefault(), o(!0), h(!0)) : D.key.length === 1 && !D.ctrlKey && !D.metaKey && (D.preventDefault(), p(e, D.key), o(!0));
+  }, E = (D) => {
+    D.stopPropagation(), D.preventDefault(), d(e);
+  }, v = !!g?.selected, M = !!g?.fillTarget, P = !!g?.fillHandle, V = {
     ...ie,
-    ...O ? { backgroundColor: void 0 } : {}
-  }, P = {
-    ...ce,
+    ...n && !v ? he : {},
+    ...c && !M ? pe : {}
+  }, $ = {
+    ...ue,
+    ...P ? { backgroundColor: void 0 } : {}
+  }, H = {
+    ...ae,
     overflow: "hidden",
     textOverflow: "ellipsis"
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ K(
     "td",
     {
-      ref: F,
-      className: W(
+      ref: R,
+      className: B(
         g?.cell,
-        l && g?.selected,
-        i && g?.fillTarget
+        n && g?.selected,
+        c && g?.fillTarget
       ),
-      style: G,
-      onMouseDown: s,
-      onMouseEnter: () => u(e),
-      onDoubleClick: R,
+      style: V,
+      onMouseDown: r,
+      onMouseEnter: () => f(e),
+      onDoubleClick: z,
       children: [
         /* @__PURE__ */ N(
           "input",
           {
-            ref: b,
+            ref: m,
             type: "text",
-            value: o,
+            value: t,
             readOnly: !0,
-            onChange: v,
-            onKeyDown: H,
-            style: P,
-            tabIndex: c ? -1 : 0
+            onChange: F,
+            onKeyDown: I,
+            style: H,
+            tabIndex: i ? -1 : 0
           }
         ),
-        c && /* @__PURE__ */ N("div", { style: ae, children: /* @__PURE__ */ N(
+        i && /* @__PURE__ */ N("div", { style: fe, children: /* @__PURE__ */ N(
           "input",
           {
-            ref: w,
+            ref: a,
             type: "text",
-            value: o,
-            onChange: v,
-            onBlur: I,
-            onKeyDown: H,
+            value: t,
+            onChange: F,
+            onBlur: L,
+            onKeyDown: I,
             style: {
-              ...ue,
+              ...de,
               width: C ?? "100%"
             }
           }
         ) }),
-        c && /* @__PURE__ */ N("span", { ref: h, style: fe, children: o }),
-        a && /* @__PURE__ */ N(
+        i && /* @__PURE__ */ N("span", { ref: w, style: we, children: t }),
+        u && /* @__PURE__ */ N(
           "div",
           {
-            className: W("fill-handle", g?.fillHandle),
-            style: q,
+            className: B("fill-handle", g?.fillHandle),
+            style: $,
             onMouseDown: E
           }
         )
@@ -476,14 +476,14 @@ function he({
     }
   );
 }
-const pe = {
+const be = {
   outline: "none",
   overflowX: "auto"
-}, me = {
+}, ye = {
   borderCollapse: "collapse",
   fontSize: "12px",
   userSelect: "none"
-}, be = {
+}, xe = {
   position: "sticky",
   left: 0,
   zIndex: 10,
@@ -491,255 +491,256 @@ const pe = {
   padding: "6px 8px",
   textAlign: "center",
   fontWeight: 500
-}, ye = {
+}, ge = {
   border: "1px solid #d1d5db",
   padding: "6px 4px",
   textAlign: "center",
   fontWeight: 500
-}, xe = {
+}, Se = {
   border: "1px solid #d1d5db",
   padding: "4px",
   textAlign: "center",
   fontWeight: 500,
   fontSize: "11px"
-}, ge = {
+}, Ce = {
   backgroundColor: "#f3f4f6"
-}, Se = {
+}, Me = {
   backgroundColor: "#dbeafe",
   color: "#1d4ed8"
-}, Ce = {
+}, De = {
   backgroundColor: "#f9fafb"
 };
-function Ne({
+function Ie({
   data: e,
-  onChange: o,
-  rowHeaders: l,
-  colHeaders: i,
-  className: a,
-  rowHeaderTitle: x = "",
-  styles: u
+  onChange: t,
+  rowHeaders: n,
+  colHeaders: c,
+  className: u,
+  rowHeaderTitle: y = "",
+  styles: f
 }) {
-  const m = U(null), f = e.length, g = $(() => i ? i.reduce(
-    (t, p) => t + p.headers.length,
+  const p = O(null), d = e.length, g = j(() => c ? c.reduce(
+    (l, b) => l + b.headers.length,
     0
-  ) : e[0]?.length ?? 0, [i, e]), c = $(() => i ? i.flatMap((t) => t.headers) : [], [i]), n = $(() => {
-    if (!l) return null;
-    const t = [];
-    return l.forEach((p, y) => {
-      p.headers.forEach((L, K) => {
-        t.push({
-          groupIndex: y,
-          isFirstInGroup: K === 0,
-          groupLabel: p.label,
-          groupRowCount: p.headers.length,
-          rowHeader: L,
-          groupClassName: p.className,
-          groupDescription: p.description
+  ) : e[0]?.length ?? 0, [c, e]), i = j(() => c ? c.flatMap((l) => l.headers) : [], [c]), o = j(() => c ? c.some((l) => l.label !== void 0) : !1, [c]), S = j(() => n ? n.some((l) => l.label !== void 0) : !1, [n]), h = j(() => {
+    if (!n) return null;
+    const l = [];
+    return n.forEach((b, x) => {
+      b.headers.forEach((T, W) => {
+        l.push({
+          groupIndex: x,
+          isFirstInGroup: W === 0,
+          groupLabel: b.label,
+          groupRowCount: b.headers.length,
+          rowHeader: T,
+          groupClassName: b.className,
+          groupDescription: b.description
         });
       });
-    }), t;
-  }, [l]), S = M(
-    (t) => t.row < 0 || t.row >= f || t.col < 0 || t.col >= g ? "" : e[t.row]?.[t.col] ?? "",
-    [e, f, g]
-  ), d = M(
-    (t, p) => {
-      const y = e.map(
-        (L, K) => K === t.row ? L.map(
-          (T, V) => V === t.col ? p : T
-        ) : L
+    }), l;
+  }, [n]), C = k(
+    (l) => l.row < 0 || l.row >= d || l.col < 0 || l.col >= g ? "" : e[l.row]?.[l.col] ?? "",
+    [e, d, g]
+  ), s = k(
+    (l, b) => {
+      const x = e.map(
+        (T, W) => W === l.row ? T.map(
+          (A, _) => _ === l.col ? b : A
+        ) : T
       );
-      o(y);
+      t(x);
     },
-    [e, o]
-  ), C = M(
-    (t) => {
-      if (t.length === 0) return;
-      const p = e.map((y) => [...y]);
-      t.forEach(({ coord: y, value: L }) => {
-        y.row >= 0 && y.row < f && y.col >= 0 && y.col < g && (p[y.row][y.col] = L);
-      }), o(p);
+    [e, t]
+  ), m = k(
+    (l) => {
+      if (l.length === 0) return;
+      const b = e.map((x) => [...x]);
+      l.forEach(({ coord: x, value: T }) => {
+        x.row >= 0 && x.row < d && x.col >= 0 && x.col < g && (b[x.row][x.col] = T);
+      }), t(b);
     },
-    [e, o, f, g]
+    [e, t, d, g]
   ), {
-    selection: r,
-    isSelecting: b,
-    isCellSelected: w,
-    handleCellMouseDown: h,
-    handleCellMouseEnter: F,
-    setSelection: v
-  } = oe({ containerRef: m }), { handleKeyDown: s } = ne({
-    selection: r,
-    getValue: S,
-    setValues: C,
-    setSelection: v,
-    rowCount: f,
+    selection: a,
+    isSelecting: w,
+    isCellSelected: R,
+    handleCellMouseDown: F,
+    handleCellMouseEnter: r,
+    setSelection: z
+  } = le({ containerRef: p }), { handleKeyDown: L } = re({
+    selection: a,
+    getValue: C,
+    setValues: m,
+    setSelection: z,
+    rowCount: d,
     colCount: g
   }), {
-    isDraggingFill: R,
-    isFillTarget: I,
-    handleFillHandleMouseDown: H,
-    handleCellMouseEnterForFill: E
-  } = re({
-    selection: r,
-    getValue: S,
-    setValues: C
-  }), D = M(
-    (t) => {
-      R ? E(t) : b && F(t);
+    isDraggingFill: I,
+    isFillTarget: E,
+    handleFillHandleMouseDown: v,
+    handleCellMouseEnterForFill: M
+  } = ce({
+    selection: a,
+    getValue: C,
+    setValues: m
+  }), P = k(
+    (l) => {
+      I ? M(l) : w && r(l);
     },
     [
-      R,
-      b,
-      E,
-      F
+      I,
+      w,
+      M,
+      r
     ]
-  ), k = M(
-    (t, p) => {
-      d(t, p);
+  ), V = k(
+    (l, b) => {
+      s(l, b);
     },
-    [d]
-  ), O = M(
-    (t) => {
-      if (!r.start) return !1;
-      const p = B(r);
-      return !p.start || !p.end ? !1 : t.row === p.end.row && t.col === p.end.col;
+    [s]
+  ), $ = k(
+    (l) => {
+      if (!a.start) return !1;
+      const b = U(a);
+      return !b.start || !b.end ? !1 : l.row === b.end.row && l.col === b.end.col;
     },
-    [r]
-  ), G = (t) => ({
-    ...be,
-    ...!t && !u?.rowHeader ? ge : {}
-  }), q = (t) => ({
-    ...ye,
-    ...!t && !u?.colGroup ? Se : {}
-  }), P = (t) => ({
+    [a]
+  ), H = (l) => ({
     ...xe,
-    ...!t && !u?.colHeader ? Ce : {}
+    ...!l && !f?.rowHeader ? Ce : {}
+  }), D = (l) => ({
+    ...ge,
+    ...!l && !f?.colGroup ? Me : {}
+  }), X = (l) => ({
+    ...Se,
+    ...!l && !f?.colHeader ? De : {}
   });
   return /* @__PURE__ */ N(
     "div",
     {
-      ref: m,
-      className: a,
-      style: pe,
+      ref: p,
+      className: u,
+      style: be,
       tabIndex: 0,
-      onKeyDown: s,
-      children: /* @__PURE__ */ A("table", { style: me, children: [
-        /* @__PURE__ */ A("thead", { children: [
-          i && /* @__PURE__ */ A("tr", { children: [
-            l && /* @__PURE__ */ N(
+      onKeyDown: L,
+      children: /* @__PURE__ */ K("table", { style: ye, children: [
+        /* @__PURE__ */ K("thead", { children: [
+          c && o && /* @__PURE__ */ K("tr", { children: [
+            n && /* @__PURE__ */ N(
               "th",
               {
-                colSpan: 2,
-                className: u?.rowHeader,
-                style: G(),
-                children: x
+                colSpan: S ? 2 : 1,
+                className: f?.rowHeader,
+                style: H(),
+                children: y
               }
             ),
-            i.map((t, p) => /* @__PURE__ */ N(
+            c.map((l, b) => /* @__PURE__ */ N(
               "th",
               {
-                colSpan: t.headers.length,
-                className: W(u?.colGroup, t.className),
-                style: q(t.className),
-                title: t.description,
-                children: t.label
+                colSpan: l.headers.length,
+                className: B(f?.colGroup, l.className),
+                style: D(l.className),
+                title: l.description,
+                children: l.label ?? ""
               },
-              p
+              b
             ))
           ] }),
-          i && /* @__PURE__ */ A("tr", { children: [
-            l && /* @__PURE__ */ N(
+          c && /* @__PURE__ */ K("tr", { children: [
+            n && /* @__PURE__ */ N(
               "th",
               {
-                colSpan: 2,
-                className: u?.rowHeader,
-                style: G()
+                colSpan: S ? 2 : 1,
+                className: f?.rowHeader,
+                style: H(),
+                children: !o && y
               }
             ),
-            c.map((t) => /* @__PURE__ */ N(
+            i.map((l) => /* @__PURE__ */ N(
               "th",
               {
-                className: W(u?.colHeader, t.className),
-                style: P(t.className),
-                title: t.description,
-                children: t.label
+                className: B(f?.colHeader, l.className),
+                style: X(l.className),
+                title: l.description,
+                children: l.label
               },
-              t.key
+              l.key
             ))
           ] })
         ] }),
-        /* @__PURE__ */ N("tbody", { children: e.map((t, p) => {
-          const y = n?.[p];
-          return /* @__PURE__ */ A("tr", { children: [
-            y && /* @__PURE__ */ A(Q, { children: [
-              y.isFirstInGroup && /* @__PURE__ */ N(
+        /* @__PURE__ */ N("tbody", { children: e.map((l, b) => {
+          const x = h?.[b];
+          return /* @__PURE__ */ K("tr", { children: [
+            x && /* @__PURE__ */ K(Z, { children: [
+              S && x.isFirstInGroup && /* @__PURE__ */ N(
                 "td",
                 {
-                  rowSpan: y.groupRowCount,
-                  className: W(u?.rowHeader, y.groupClassName),
-                  style: G(y.groupClassName),
-                  title: y.groupDescription,
-                  children: y.groupLabel
+                  rowSpan: x.groupRowCount,
+                  className: B(f?.rowHeader, x.groupClassName),
+                  style: H(x.groupClassName),
+                  title: x.groupDescription,
+                  children: x.groupLabel ?? ""
                 }
               ),
               /* @__PURE__ */ N(
                 "td",
                 {
-                  className: W(u?.rowHeader, y.rowHeader.className),
-                  style: G(y.rowHeader.className),
-                  title: y.rowHeader.description,
-                  children: y.rowHeader.label
+                  className: B(f?.rowHeader, x.rowHeader.className),
+                  style: H(x.rowHeader.className),
+                  title: x.rowHeader.description,
+                  children: x.rowHeader.label
                 }
               )
             ] }),
-            t.map((L, K) => {
-              const T = { row: p, col: K }, V = w(T), _ = I(T), J = O(T);
+            l.map((T, W) => {
+              const A = { row: b, col: W }, _ = R(A), Q = E(A), Y = $(A);
               return /* @__PURE__ */ N(
-                he,
+                me,
                 {
-                  coord: T,
-                  value: S(T),
-                  isSelected: V,
-                  isFillTarget: _,
-                  showFillHandle: J && !R,
-                  onMouseDown: h,
-                  onMouseEnter: D,
-                  onChange: k,
-                  onFillHandleMouseDown: H,
-                  styles: u
+                  coord: A,
+                  value: C(A),
+                  isSelected: _,
+                  isFillTarget: Q,
+                  showFillHandle: Y && !I,
+                  onMouseDown: F,
+                  onMouseEnter: P,
+                  onChange: V,
+                  onFillHandleMouseDown: v,
+                  styles: f
                 },
-                K
+                W
               );
             })
-          ] }, p);
+          ] }, b);
         }) })
       ] })
     }
   );
 }
-function Re(e) {
-  const o = typeof e == "string" ? parseFloat(e.replace(/,/g, "")) : e;
-  return isNaN(o) ? "0" : new Intl.NumberFormat("ko-KR").format(o);
+function ze(e) {
+  const t = typeof e == "string" ? parseFloat(e.replace(/,/g, "")) : e;
+  return isNaN(t) ? "0" : new Intl.NumberFormat("ko-KR").format(t);
 }
-function He(e) {
-  const o = parseInt(e.replace(/,/g, ""), 10);
-  return isNaN(o) ? 0 : o;
+function Le(e) {
+  const t = parseInt(e.replace(/,/g, ""), 10);
+  return isNaN(t) ? 0 : t;
 }
 export {
-  Ne as ExcelGrid,
-  he as GridCell,
-  W as cn,
-  ke as coordToKey,
-  Re as formatCurrency,
-  ve as getCellsInRange,
-  Fe as getFillTargetCells,
-  Z as isCellInRange,
-  Ee as keyToCoord,
-  B as normalizeRange,
-  He as parseCurrency,
-  ee as parseTSV,
-  te as toTSV,
-  ne as useGridClipboard,
-  re as useGridDragFill,
-  oe as useGridSelection
+  Ie as ExcelGrid,
+  me as GridCell,
+  B as cn,
+  Ee as coordToKey,
+  ze as formatCurrency,
+  Ne as getCellsInRange,
+  Re as getFillTargetCells,
+  te as isCellInRange,
+  Fe as keyToCoord,
+  U as normalizeRange,
+  Le as parseCurrency,
+  oe as parseTSV,
+  ne as toTSV,
+  re as useGridClipboard,
+  ce as useGridDragFill,
+  le as useGridSelection
 };