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