react-excel-lite 0.0.6 → 0.0.7

package/dist/components/excel-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"excel-grid.d.ts","sourceRoot":"","sources":["../../src/components/excel-grid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,UAAU,CAAC;AAgD1D,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAmB,EACnB,MAAM,GACP,EAAE,cAAc,2CA+OhB"}
+{"version":3,"file":"excel-grid.d.ts","sourceRoot":"","sources":["../../src/components/excel-grid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,UAAU,CAAC;AA2D1D,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAmB,EACnB,MAAM,GACP,EAAE,cAAc,2CA+PhB"}

package/dist/react-excel-lite.js

@@ -1,36 +1,36 @@
-import { jsxs as G, jsx as v } from "react/jsx-runtime";
-import { useState as K, useCallback as x, useEffect as W, useRef as $, useMemo as q } from "react";
-function I(...o) {
+import { jsxs as K, jsx as v } from "react/jsx-runtime";
+import { useState as L, useCallback as C, useEffect as W, useRef as O, useMemo as U } from "react";
+function H(...o) {
   return o.filter(Boolean).join(" ");
 }
-function fo(o) {
+function Co(o) {
   return `${o.row}-${o.col}`;
 }
-function wo(o) {
-  const [n, l] = o.split("-").map(Number);
-  return { row: n, col: l };
+function xo(o) {
+  const [t, n] = o.split("-").map(Number);
+  return { row: t, col: n };
 }
-function ho(o, n) {
-  if (!o || !n) return o ? [o] : [];
-  const l = Math.min(o.row, n.row), s = Math.max(o.row, n.row), u = Math.min(o.col, n.col), b = Math.max(o.col, n.col), i = [];
-  for (let h = l; h <= s; h++)
+function So(o, t) {
+  if (!o || !t) return o ? [o] : [];
+  const n = Math.min(o.row, t.row), s = Math.max(o.row, t.row), u = Math.min(o.col, t.col), b = Math.max(o.col, t.col), c = [];
+  for (let h = n; h <= s; h++)
     for (let f = u; f <= b; f++)
-      i.push({ row: h, col: f });
-  return i;
-}
-function O(o, n) {
-  if (!n.start) return !1;
-  const l = n.end || n.start, s = Math.min(n.start.row, l.row), u = Math.max(n.start.row, l.row), b = Math.min(n.start.col, l.col), i = Math.max(n.start.col, l.col);
-  return o.row >= s && o.row <= u && o.col >= b && o.col <= i;
+      c.push({ row: h, col: f });
+  return c;
 }
-function X(o) {
-  return o.split(/\r?\n/).filter((n) => n.trim()).map((n) => n.split("	").map((l) => l.trim()));
+function X(o, t) {
+  if (!t.start) return !1;
+  const n = t.end || t.start, s = Math.min(t.start.row, n.row), u = Math.max(t.start.row, n.row), b = Math.min(t.start.col, n.col), c = Math.max(t.start.col, n.col);
+  return o.row >= s && o.row <= u && o.col >= b && o.col <= c;
 }
 function _(o) {
-  return o.map((n) => n.join("	")).join(`
+  return o.split(/\r?\n/).filter((t) => t.trim()).map((t) => t.split("	").map((n) => n.trim()));
+}
+function J(o) {
+  return o.map((t) => t.join("	")).join(`
 `);
 }
-function L(o) {
+function j(o) {
   return !o.start || !o.end ? o : {
     start: {
       row: Math.min(o.start.row, o.end.row),
@@ -42,220 +42,220 @@ function L(o) {
     }
   };
 }
-function po(o, n) {
-  if (o.row === n.row && o.col === n.col)
+function yo(o, t) {
+  if (o.row === t.row && o.col === t.col)
     return [];
-  const l = Math.min(o.row, n.row), s = Math.max(o.row, n.row), u = Math.min(o.col, n.col), b = Math.max(o.col, n.col), i = [];
-  for (let h = l; h <= s; h++)
+  const n = Math.min(o.row, t.row), s = Math.max(o.row, t.row), u = Math.min(o.col, t.col), b = Math.max(o.col, t.col), c = [];
+  for (let h = n; h <= s; h++)
     for (let f = u; f <= b; f++)
-      h === o.row && f === o.col || i.push({ row: h, col: f });
-  return i;
+      h === o.row && f === o.col || c.push({ row: h, col: f });
+  return c;
 }
-function J() {
-  const [o, n] = K({
+function Q() {
+  const [o, t] = L({
     start: null,
     end: null
-  }), [l, s] = K(!1), u = x((a) => {
-    n({ start: a, end: a }), s(!0);
-  }, []), b = x(
+  }), [n, s] = L(!1), u = C((a) => {
+    t({ start: a, end: a }), s(!0);
+  }, []), b = C(
     (a) => {
-      l && n((e) => ({ ...e, end: a }));
+      n && t((l) => ({ ...l, end: a }));
     },
-    [l]
-  ), i = x(() => {
+    [n]
+  ), c = C(() => {
     s(!1);
-  }, []), h = x(() => {
-    n({ start: null, end: null }), s(!1);
-  }, []), f = x(
-    (a) => O(a, o),
+  }, []), h = C(() => {
+    t({ start: null, end: null }), s(!1);
+  }, []), f = C(
+    (a) => X(a, o),
     [o]
   );
   return W(() => {
     const a = () => {
-      l && s(!1);
+      n && s(!1);
     };
     return window.addEventListener("mouseup", a), () => window.removeEventListener("mouseup", a);
-  }, [l]), {
+  }, [n]), {
     selection: o,
-    isSelecting: l,
+    isSelecting: n,
     isCellSelected: f,
     handleCellMouseDown: u,
     handleCellMouseEnter: b,
-    handleMouseUp: i,
+    handleMouseUp: c,
     clearSelection: h,
-    setSelection: n
+    setSelection: t
   };
 }
-function Q({
+function Y({
   selection: o,
-  getValue: n,
-  setValues: l,
+  getValue: t,
+  setValues: n,
   rowCount: s,
   colCount: u
 }) {
-  const b = x(() => {
-    const e = L(o);
-    if (!e.start || !e.end) return [];
-    const C = [];
-    for (let M = e.start.row; M <= e.end.row; M++) {
-      const S = [];
-      for (let g = e.start.col; g <= e.end.col; g++)
-        S.push(n({ row: M, col: g }));
-      C.push(S);
+  const b = C(() => {
+    const l = j(o);
+    if (!l.start || !l.end) return [];
+    const x = [];
+    for (let y = l.start.row; y <= l.end.row; y++) {
+      const M = [];
+      for (let g = l.start.col; g <= l.end.col; g++)
+        M.push(t({ row: y, col: g }));
+      x.push(M);
     }
-    return C;
-  }, [o, n]), i = x(async () => {
-    const e = b();
-    if (e.length === 0) return;
-    const C = _(e);
+    return x;
+  }, [o, t]), c = C(async () => {
+    const l = b();
+    if (l.length === 0) return;
+    const x = J(l);
     try {
-      await navigator.clipboard.writeText(C);
-    } catch (M) {
-      console.error("Clipboard copy failed:", M);
+      await navigator.clipboard.writeText(x);
+    } catch (y) {
+      console.error("Clipboard copy failed:", y);
     }
-  }, [b]), h = x(async () => {
+  }, [b]), h = C(async () => {
     if (o.start)
       try {
-        const e = await navigator.clipboard.readText(), C = X(e);
-        if (C.length === 0) return;
-        const M = o.start.row, S = o.start.col, g = [];
-        C.forEach((w, p) => {
-          const d = M + p;
-          d >= s || w.forEach((c, N) => {
-            const D = S + N;
-            D >= u || g.push({ coord: { row: d, col: D }, value: c });
+        const l = await navigator.clipboard.readText(), x = _(l);
+        if (x.length === 0) return;
+        const y = o.start.row, M = o.start.col, g = [];
+        x.forEach((w, p) => {
+          const d = y + p;
+          d >= s || w.forEach((i, R) => {
+            const F = M + R;
+            F >= u || g.push({ coord: { row: d, col: F }, value: i });
           });
-        }), g.length > 0 && l(g);
-      } catch (e) {
-        console.error("Clipboard paste failed:", e);
+        }), g.length > 0 && n(g);
+      } catch (l) {
+        console.error("Clipboard paste failed:", l);
       }
-  }, [o.start, l, s, u]), f = x(() => {
-    const e = L(o);
-    if (!e.start || !e.end) return;
-    const C = [];
-    for (let M = e.start.row; M <= e.end.row; M++)
-      for (let S = e.start.col; S <= e.end.col; S++)
-        C.push({ coord: { row: M, col: S }, value: "" });
-    C.length > 0 && l(C);
-  }, [o, l]), a = x(
-    (e) => {
-      (e.ctrlKey || e.metaKey) && e.key === "c" && (e.preventDefault(), i()), (e.ctrlKey || e.metaKey) && e.key === "v" && (e.preventDefault(), h()), (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), f());
+  }, [o.start, n, s, u]), f = C(() => {
+    const l = j(o);
+    if (!l.start || !l.end) return;
+    const x = [];
+    for (let y = l.start.row; y <= l.end.row; y++)
+      for (let M = l.start.col; M <= l.end.col; M++)
+        x.push({ coord: { row: y, col: M }, value: "" });
+    x.length > 0 && n(x);
+  }, [o, n]), a = C(
+    (l) => {
+      (l.ctrlKey || l.metaKey) && l.key === "c" && (l.preventDefault(), c()), (l.ctrlKey || l.metaKey) && l.key === "v" && (l.preventDefault(), h()), (l.key === "Backspace" || l.key === "Delete") && (l.preventDefault(), f());
     },
-    [i, h, f]
+    [c, h, f]
   );
   return {
-    handleCopy: i,
+    handleCopy: c,
     handlePaste: h,
     handleKeyDown: a
   };
 }
-function Y(o) {
+function Z(o) {
   if (o.trim() === "") return null;
-  const n = Number(o);
-  return isNaN(n) ? null : n;
+  const t = Number(o);
+  return isNaN(t) ? null : t;
 }
-function H(o) {
+function q(o) {
   if (o.length === 0) return null;
-  const n = o.map(Y);
-  if (n.some((u) => u === null)) return null;
-  const l = n;
-  if (l.length === 1)
-    return { numbers: l, diff: 0 };
-  const s = l[1] - l[0];
-  for (let u = 2; u < l.length; u++)
-    if (l[u] - l[u - 1] !== s)
-      return { numbers: l, diff: 0 };
-  return { numbers: l, diff: s };
+  const t = o.map(Z);
+  if (t.some((u) => u === null)) return null;
+  const n = t;
+  if (n.length === 1)
+    return { numbers: n, diff: 0 };
+  const s = n[1] - n[0];
+  for (let u = 2; u < n.length; u++)
+    if (n[u] - n[u - 1] !== s)
+      return { numbers: n, diff: 0 };
+  return { numbers: n, diff: s };
 }
-function Z({
+function oo({
   selection: o,
-  getValue: n,
-  setValues: l
+  getValue: t,
+  setValues: n
 }) {
-  const [s, u] = K(null), [b, i] = K([]), [h, f] = K(!1), [a, e] = K(null), C = x((w) => {
-    u(w), f(!0), i([]), e(null);
-  }, []), M = x(
+  const [s, u] = L(null), [b, c] = L([]), [h, f] = L(!1), [a, l] = L(null), x = C((w) => {
+    u(w), f(!0), c([]), l(null);
+  }, []), y = C(
     (w) => {
       if (!h || !o.start) return;
-      const p = L(o);
+      const p = j(o);
       if (!p.start || !p.end) return;
-      e(w);
+      l(w);
       const d = {
         row: Math.min(p.start.row, w.row),
         col: Math.min(p.start.col, w.col)
-      }, c = {
+      }, i = {
         row: Math.max(p.end.row, w.row),
         col: Math.max(p.end.col, w.col)
-      }, N = [];
-      for (let D = d.row; D <= c.row; D++)
-        for (let r = d.col; r <= c.col; r++)
-          D >= p.start.row && D <= p.end.row && r >= p.start.col && r <= p.end.col || N.push({ row: D, col: r });
-      i(N);
+      }, R = [];
+      for (let F = d.row; F <= i.row; F++)
+        for (let r = d.col; r <= i.col; r++)
+          F >= p.start.row && F <= p.end.row && r >= p.start.col && r <= p.end.col || R.push({ row: F, col: r });
+      c(R);
     },
     [h, o]
-  ), S = x(() => {
+  ), M = C(() => {
     if (!o.start || b.length === 0 || !a) {
-      u(null), i([]), f(!1), e(null);
+      u(null), c([]), f(!1), l(null);
       return;
     }
-    const w = L(o);
+    const w = j(o);
     if (!w.start || !w.end) {
-      u(null), i([]), f(!1), e(null);
+      u(null), c([]), f(!1), l(null);
       return;
     }
-    const p = [], d = w.start, c = w.end, N = c.row - d.row + 1, D = c.col - d.col + 1;
+    const p = [], d = w.start, i = w.end, R = i.row - d.row + 1, F = i.col - d.col + 1;
     b.forEach((r) => {
-      let R, k;
+      let k, T;
       if (r.row < d.row) {
-        const F = d.row - r.row;
-        R = c.row - (F - 1) % N;
-      } else if (r.row > c.row) {
-        const F = r.row - c.row;
-        R = d.row + (F - 1) % N;
+        const N = d.row - r.row;
+        k = i.row - (N - 1) % R;
+      } else if (r.row > i.row) {
+        const N = r.row - i.row;
+        k = d.row + (N - 1) % R;
       } else
-        R = r.row;
+        k = r.row;
       if (r.col < d.col) {
-        const F = d.col - r.col;
-        k = c.col - (F - 1) % D;
-      } else if (r.col > c.col) {
-        const F = r.col - c.col;
-        k = d.col + (F - 1) % D;
+        const N = d.col - r.col;
+        T = i.col - (N - 1) % F;
+      } else if (r.col > i.col) {
+        const N = r.col - i.col;
+        T = d.col + (N - 1) % F;
       } else
-        k = r.col;
-      let T = n({ row: R, col: k });
-      if (r.row !== R && r.col >= d.col && r.col <= c.col) {
-        const F = [];
-        for (let t = d.row; t <= c.row; t++)
-          F.push(n({ row: t, col: r.col }));
-        const y = H(F);
-        if (y && y.diff !== 0) {
-          if (r.row > c.row) {
-            const t = r.row - c.row;
-            T = String(y.numbers[y.numbers.length - 1] + y.diff * t);
+        T = r.col;
+      let G = t({ row: k, col: T });
+      if (r.row !== k && r.col >= d.col && r.col <= i.col) {
+        const N = [];
+        for (let S = d.row; S <= i.row; S++)
+          N.push(t({ row: S, col: r.col }));
+        const D = q(N);
+        if (D && D.diff !== 0) {
+          if (r.row > i.row) {
+            const S = r.row - i.row;
+            G = String(D.numbers[D.numbers.length - 1] + D.diff * S);
           } else if (r.row < d.row) {
-            const t = d.row - r.row;
-            T = String(y.numbers[0] - y.diff * t);
+            const S = d.row - r.row;
+            G = String(D.numbers[0] - D.diff * S);
           }
         }
       }
-      if (r.col !== k && r.row >= d.row && r.row <= c.row) {
-        const F = [];
-        for (let t = d.col; t <= c.col; t++)
-          F.push(n({ row: r.row, col: t }));
-        const y = H(F);
-        if (y && y.diff !== 0) {
-          if (r.col > c.col) {
-            const t = r.col - c.col;
-            T = String(y.numbers[y.numbers.length - 1] + y.diff * t);
+      if (r.col !== T && r.row >= d.row && r.row <= i.row) {
+        const N = [];
+        for (let S = d.col; S <= i.col; S++)
+          N.push(t({ row: r.row, col: S }));
+        const D = q(N);
+        if (D && D.diff !== 0) {
+          if (r.col > i.col) {
+            const S = r.col - i.col;
+            G = String(D.numbers[D.numbers.length - 1] + D.diff * S);
           } else if (r.col < d.col) {
-            const t = d.col - r.col;
-            T = String(y.numbers[0] - y.diff * t);
+            const S = d.col - r.col;
+            G = String(D.numbers[0] - D.diff * S);
           }
         }
       }
-      p.push({ coord: r, value: T });
-    }), p.length > 0 && l(p), u(null), i([]), f(!1), e(null);
-  }, [o, b, a, n, l]), g = x(
+      p.push({ coord: r, value: G });
+    }), p.length > 0 && n(p), u(null), c([]), f(!1), l(null);
+  }, [o, b, a, t, n]), g = C(
     (w) => b.some(
       (p) => p.row === w.row && p.col === w.col
     ),
@@ -263,24 +263,24 @@ function Z({
   );
   return W(() => {
     const w = () => {
-      h && S();
+      h && M();
     };
     return window.addEventListener("mouseup", w), () => window.removeEventListener("mouseup", w);
-  }, [h, S]), {
+  }, [h, M]), {
     fillSource: s,
     fillTargets: b,
     isDraggingFill: h,
     isFillTarget: g,
-    handleFillHandleMouseDown: C,
-    handleCellMouseEnterForFill: M,
-    handleFillMouseUp: S
+    handleFillHandleMouseDown: x,
+    handleCellMouseEnterForFill: y,
+    handleFillMouseUp: M
   };
 }
-const V = {
+const to = {
   position: "relative",
   border: "1px solid #d1d5db",
   padding: 0
-}, oo = {
+}, no = {
   width: "100%",
   height: "100%",
   paddingLeft: "4px",
@@ -292,7 +292,7 @@ const V = {
   backgroundColor: "transparent",
   outline: "none",
   cursor: "cell"
-}, no = {
+}, lo = {
   position: "absolute",
   bottom: "-2px",
   right: "-2px",
@@ -301,261 +301,273 @@ const V = {
   cursor: "crosshair",
   zIndex: 20,
   backgroundColor: "#3b82f6"
-}, to = {
+}, eo = {
   backgroundColor: "#dbeafe",
   outline: "2px solid #3b82f6",
   outlineOffset: "-2px"
-}, lo = {
+}, ro = {
   backgroundColor: "#eff6ff"
 };
-function eo({
+function so({
   coord: o,
-  value: n,
-  isSelected: l,
+  value: t,
+  isSelected: n,
   isFillTarget: s,
   showFillHandle: u,
   onMouseDown: b,
-  onMouseEnter: i,
+  onMouseEnter: c,
   onChange: h,
   onFillHandleMouseDown: f,
   styles: a
 }) {
-  const e = (c) => {
-    h(o, c.target.value);
-  }, C = (c) => {
-    c.target.classList.contains("fill-handle") || b(o);
-  }, M = (c) => {
-    c.stopPropagation(), c.preventDefault(), f(o);
-  }, S = !!a?.selected, g = !!a?.fillTarget, w = !!a?.fillHandle, p = {
-    ...V,
-    ...l && !S ? to : {},
-    ...s && !g ? lo : {}
+  const l = (i) => {
+    h(o, i.target.value);
+  }, x = (i) => {
+    i.target.classList.contains("fill-handle") || b(o);
+  }, y = (i) => {
+    i.stopPropagation(), i.preventDefault(), f(o);
+  }, M = !!a?.selected, g = !!a?.fillTarget, w = !!a?.fillHandle, p = {
+    ...to,
+    ...n && !M ? eo : {},
+    ...s && !g ? ro : {}
   }, d = {
-    ...no,
+    ...lo,
     ...w ? { backgroundColor: void 0 } : {}
   };
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ K(
     "td",
     {
-      className: I(
+      className: H(
         a?.cell,
-        l && a?.selected,
+        n && a?.selected,
         s && a?.fillTarget
       ),
       style: p,
-      onMouseDown: C,
-      onMouseEnter: () => i(o),
+      onMouseDown: x,
+      onMouseEnter: () => c(o),
       children: [
         /* @__PURE__ */ v(
           "input",
           {
             type: "text",
-            value: n,
-            onChange: e,
-            style: oo
+            value: t,
+            onChange: l,
+            style: no
           }
         ),
         u && /* @__PURE__ */ v(
           "div",
           {
-            className: I("fill-handle", a?.fillHandle),
+            className: H("fill-handle", a?.fillHandle),
             style: d,
-            onMouseDown: M
+            onMouseDown: y
           }
         )
       ]
     }
   );
 }
-const ro = {
+const co = {
   outline: "none",
   overflowX: "auto"
-}, so = {
+}, io = {
   borderCollapse: "collapse",
   fontSize: "12px",
   userSelect: "none"
-}, U = {
+}, ao = {
   position: "sticky",
   left: 0,
   zIndex: 10,
-  backgroundColor: "#f3f4f6",
   border: "1px solid #d1d5db",
   padding: "6px 8px",
   textAlign: "center",
   fontWeight: 500
-}, co = {
-  backgroundColor: "#dbeafe",
+}, uo = {
   border: "1px solid #d1d5db",
   padding: "6px 4px",
   textAlign: "center",
-  fontWeight: 500,
-  color: "#1d4ed8"
-}, io = {
-  backgroundColor: "#f9fafb",
+  fontWeight: 500
+}, fo = {
   border: "1px solid #d1d5db",
   padding: "4px",
   textAlign: "center",
   fontWeight: 500,
   fontSize: "11px"
+}, wo = {
+  backgroundColor: "#f3f4f6"
+}, ho = {
+  backgroundColor: "#dbeafe",
+  color: "#1d4ed8"
+}, po = {
+  backgroundColor: "#f9fafb"
 };
-function mo({
+function Mo({
   data: o,
-  onChange: n,
-  rowHeaders: l,
+  onChange: t,
+  rowHeaders: n,
   colHeaders: s,
   className: u,
   rowHeaderTitle: b = "",
-  styles: i
+  styles: c
 }) {
-  const h = $(null), f = o.length, a = q(() => s ? s.reduce(
-    (t, m) => t + m.headers.length,
+  const h = O(null), f = o.length, a = U(() => s ? s.reduce(
+    (e, m) => e + m.headers.length,
     0
-  ) : o[0]?.length ?? 0, [s, o]), e = q(() => s ? s.flatMap((t) => t.headers) : [], [s]), C = x(
-    (t) => t.row < 0 || t.row >= f || t.col < 0 || t.col >= a ? "" : o[t.row]?.[t.col] ?? "",
+  ) : o[0]?.length ?? 0, [s, o]), l = U(() => s ? s.flatMap((e) => e.headers) : [], [s]), x = C(
+    (e) => e.row < 0 || e.row >= f || e.col < 0 || e.col >= a ? "" : o[e.row]?.[e.col] ?? "",
     [o, f, a]
-  ), M = x(
-    (t, m) => {
+  ), y = C(
+    (e, m) => {
       const E = o.map(
-        (B, z) => z === t.row ? B.map(
-          (j, A) => A === t.col ? m : j
-        ) : B
+        (z, B) => B === e.row ? z.map(
+          (A, I) => I === e.col ? m : A
+        ) : z
       );
-      n(E);
+      t(E);
     },
-    [o, n]
-  ), S = x(
-    (t) => {
-      if (t.length === 0) return;
+    [o, t]
+  ), M = C(
+    (e) => {
+      if (e.length === 0) return;
       const m = o.map((E) => [...E]);
-      t.forEach(({ coord: E, value: B }) => {
-        E.row >= 0 && E.row < f && E.col >= 0 && E.col < a && (m[E.row][E.col] = B);
-      }), n(m);
+      e.forEach(({ coord: E, value: z }) => {
+        E.row >= 0 && E.row < f && E.col >= 0 && E.col < a && (m[E.row][E.col] = z);
+      }), t(m);
     },
-    [o, n, f, a]
+    [o, t, f, a]
   ), {
     selection: g,
     isSelecting: w,
     isCellSelected: p,
     handleCellMouseDown: d,
-    handleCellMouseEnter: c
-  } = J(), { handleKeyDown: N } = Q({
+    handleCellMouseEnter: i
+  } = Q(), { handleKeyDown: R } = Y({
     selection: g,
-    getValue: C,
-    setValues: S,
+    getValue: x,
+    setValues: M,
     rowCount: f,
     colCount: a
   }), {
-    isDraggingFill: D,
+    isDraggingFill: F,
     isFillTarget: r,
-    handleFillHandleMouseDown: R,
-    handleCellMouseEnterForFill: k
-  } = Z({
+    handleFillHandleMouseDown: k,
+    handleCellMouseEnterForFill: T
+  } = oo({
     selection: g,
-    getValue: C,
-    setValues: S
-  }), T = x(
-    (t) => {
-      D ? k(t) : w && c(t);
+    getValue: x,
+    setValues: M
+  }), G = C(
+    (e) => {
+      F ? T(e) : w && i(e);
     },
     [
-      D,
+      F,
       w,
-      k,
-      c
+      T,
+      i
     ]
-  ), F = x(
-    (t, m) => {
-      M(t, m);
+  ), N = C(
+    (e, m) => {
+      y(e, m);
     },
-    [M]
-  ), y = x(
-    (t) => {
+    [y]
+  ), D = C(
+    (e) => {
       if (!g.start) return !1;
-      const m = L(g);
-      return !m.start || !m.end ? !1 : t.row === m.end.row && t.col === m.end.col;
+      const m = j(g);
+      return !m.start || !m.end ? !1 : e.row === m.end.row && e.col === m.end.col;
     },
     [g]
-  );
+  ), S = (e) => ({
+    ...ao,
+    ...!e && !c?.rowHeader ? wo : {}
+  }), P = (e) => ({
+    ...uo,
+    ...!e && !c?.colGroup ? ho : {}
+  }), V = (e) => ({
+    ...fo,
+    ...!e && !c?.colHeader ? po : {}
+  });
   return /* @__PURE__ */ v(
     "div",
     {
       ref: h,
       className: u,
-      style: ro,
+      style: co,
       tabIndex: 0,
-      onKeyDown: N,
-      children: /* @__PURE__ */ G("table", { style: so, children: [
-        /* @__PURE__ */ G("thead", { children: [
-          s && /* @__PURE__ */ G("tr", { children: [
-            l && /* @__PURE__ */ v(
+      onKeyDown: R,
+      children: /* @__PURE__ */ K("table", { style: io, children: [
+        /* @__PURE__ */ K("thead", { children: [
+          s && /* @__PURE__ */ K("tr", { children: [
+            n && /* @__PURE__ */ v(
               "th",
               {
-                className: i?.rowHeader,
-                style: U,
+                className: c?.rowHeader,
+                style: S(),
                 children: b
               }
             ),
-            s.map((t, m) => /* @__PURE__ */ v(
+            s.map((e, m) => /* @__PURE__ */ v(
               "th",
               {
-                colSpan: t.headers.length,
-                className: I(i?.colGroup, t.className),
-                style: co,
-                children: t.label
+                colSpan: e.headers.length,
+                className: H(c?.colGroup, e.className),
+                style: P(e.className),
+                children: e.label
               },
               m
             ))
           ] }),
-          s && /* @__PURE__ */ G("tr", { children: [
-            l && /* @__PURE__ */ v(
+          s && /* @__PURE__ */ K("tr", { children: [
+            n && /* @__PURE__ */ v(
               "th",
               {
-                className: i?.rowHeader,
-                style: U
+                className: c?.rowHeader,
+                style: S()
               }
             ),
-            e.map((t) => /* @__PURE__ */ v(
+            l.map((e) => /* @__PURE__ */ v(
               "th",
               {
-                className: I(i?.colHeader, t.className),
-                style: io,
-                title: t.description,
-                children: t.label
+                className: H(c?.colHeader, e.className),
+                style: V(e.className),
+                title: e.description,
+                children: e.label
               },
-              t.key
+              e.key
             ))
           ] })
         ] }),
-        /* @__PURE__ */ v("tbody", { children: o.map((t, m) => /* @__PURE__ */ G("tr", { children: [
-          l && l[m] && /* @__PURE__ */ v(
+        /* @__PURE__ */ v("tbody", { children: o.map((e, m) => /* @__PURE__ */ K("tr", { children: [
+          n && n[m] && /* @__PURE__ */ v(
             "td",
             {
-              className: I(
-                i?.rowHeader,
-                l[m].className
+              className: H(
+                c?.rowHeader,
+                n[m].className
               ),
-              style: U,
-              title: l[m].description,
-              children: l[m].label
+              style: S(n[m].className),
+              title: n[m].description,
+              children: n[m].label
             }
           ),
-          t.map((E, B) => {
-            const z = { row: m, col: B }, j = p(z), A = r(z), P = y(z);
+          e.map((E, z) => {
+            const B = { row: m, col: z }, A = p(B), I = r(B), $ = D(B);
             return /* @__PURE__ */ v(
-              eo,
+              so,
               {
-                coord: z,
-                value: C(z),
-                isSelected: j,
-                isFillTarget: A,
-                showFillHandle: P && !D,
+                coord: B,
+                value: x(B),
+                isSelected: A,
+                isFillTarget: I,
+                showFillHandle: $ && !F,
                 onMouseDown: d,
-                onMouseEnter: T,
-                onChange: F,
-                onFillHandleMouseDown: R,
-                styles: i
+                onMouseEnter: G,
+                onChange: N,
+                onFillHandleMouseDown: k,
+                styles: c
               },
-              B
+              z
             );
           })
         ] }, m)) })
@@ -563,29 +575,29 @@ function mo({
     }
   );
 }
-function bo(o) {
-  const n = typeof o == "string" ? parseFloat(o.replace(/,/g, "")) : o;
-  return isNaN(n) ? "0" : new Intl.NumberFormat("ko-KR").format(n);
+function go(o) {
+  const t = typeof o == "string" ? parseFloat(o.replace(/,/g, "")) : o;
+  return isNaN(t) ? "0" : new Intl.NumberFormat("ko-KR").format(t);
 }
-function xo(o) {
-  const n = parseInt(o.replace(/,/g, ""), 10);
-  return isNaN(n) ? 0 : n;
+function Do(o) {
+  const t = parseInt(o.replace(/,/g, ""), 10);
+  return isNaN(t) ? 0 : t;
 }
 export {
-  mo as ExcelGrid,
-  eo as GridCell,
-  I as cn,
-  fo as coordToKey,
-  bo as formatCurrency,
-  ho as getCellsInRange,
-  po as getFillTargetCells,
-  O as isCellInRange,
-  wo as keyToCoord,
-  L as normalizeRange,
-  xo as parseCurrency,
-  X as parseTSV,
-  _ as toTSV,
-  Q as useGridClipboard,
-  Z as useGridDragFill,
-  J as useGridSelection
+  Mo as ExcelGrid,
+  so as GridCell,
+  H as cn,
+  Co as coordToKey,
+  go as formatCurrency,
+  So as getCellsInRange,
+  yo as getFillTargetCells,
+  X as isCellInRange,
+  xo as keyToCoord,
+  j as normalizeRange,
+  Do as parseCurrency,
+  _ as parseTSV,
+  J as toTSV,
+  Y as useGridClipboard,
+  oo as useGridDragFill,
+  Q as useGridSelection
 };

package/dist/react-excel-lite.umd.cjs

@@ -1,2 +1,2 @@
-(function(m,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],g):(m=typeof globalThis<"u"?globalThis:m||self,g(m.ReactExcelLite={},m.ReactJsxRuntime,m.React))})(this,(function(m,g,r){"use strict";function K(...l){return l.filter(Boolean).join(" ")}function V(l){return`${l.row}-${l.col}`}function X(l){const[o,e]=l.split("-").map(Number);return{row:o,col:e}}function _(l,o){if(!l||!o)return l?[l]:[];const e=Math.min(l.row,o.row),c=Math.max(l.row,o.row),f=Math.min(l.col,o.col),S=Math.max(l.col,o.col),a=[];for(let p=e;p<=c;p++)for(let d=f;d<=S;d++)a.push({row:p,col:d});return a}function A(l,o){if(!o.start)return!1;const e=o.end||o.start,c=Math.min(o.start.row,e.row),f=Math.max(o.start.row,e.row),S=Math.min(o.start.col,e.col),a=Math.max(o.start.col,e.col);return l.row>=c&&l.row<=f&&l.col>=S&&l.col<=a}function U(l){return l.split(/\r?\n/).filter(o=>o.trim()).map(o=>o.split("	").map(e=>e.trim()))}function H(l){return l.map(o=>o.join("	")).join(`
-`)}function j(l){return!l.start||!l.end?l:{start:{row:Math.min(l.start.row,l.end.row),col:Math.min(l.start.col,l.end.col)},end:{row:Math.max(l.start.row,l.end.row),col:Math.max(l.start.col,l.end.col)}}}function Q(l,o){if(l.row===o.row&&l.col===o.col)return[];const e=Math.min(l.row,o.row),c=Math.max(l.row,o.row),f=Math.min(l.col,o.col),S=Math.max(l.col,o.col),a=[];for(let p=e;p<=c;p++)for(let d=f;d<=S;d++)p===l.row&&d===l.col||a.push({row:p,col:d});return a}function P(){const[l,o]=r.useState({start:null,end:null}),[e,c]=r.useState(!1),f=r.useCallback(u=>{o({start:u,end:u}),c(!0)},[]),S=r.useCallback(u=>{e&&o(t=>({...t,end:u}))},[e]),a=r.useCallback(()=>{c(!1)},[]),p=r.useCallback(()=>{o({start:null,end:null}),c(!1)},[]),d=r.useCallback(u=>A(u,l),[l]);return r.useEffect(()=>{const u=()=>{e&&c(!1)};return window.addEventListener("mouseup",u),()=>window.removeEventListener("mouseup",u)},[e]),{selection:l,isSelecting:e,isCellSelected:d,handleCellMouseDown:f,handleCellMouseEnter:S,handleMouseUp:a,clearSelection:p,setSelection:o}}function W({selection:l,getValue:o,setValues:e,rowCount:c,colCount:f}){const S=r.useCallback(()=>{const t=j(l);if(!t.start||!t.end)return[];const y=[];for(let M=t.start.row;M<=t.end.row;M++){const x=[];for(let k=t.start.col;k<=t.end.col;k++)x.push(o({row:M,col:k}));y.push(x)}return y},[l,o]),a=r.useCallback(async()=>{const t=S();if(t.length===0)return;const y=H(t);try{await navigator.clipboard.writeText(y)}catch(M){console.error("Clipboard copy failed:",M)}},[S]),p=r.useCallback(async()=>{if(l.start)try{const t=await navigator.clipboard.readText(),y=U(t);if(y.length===0)return;const M=l.start.row,x=l.start.col,k=[];y.forEach((h,b)=>{const w=M+b;w>=c||h.forEach((i,v)=>{const F=x+v;F>=f||k.push({coord:{row:w,col:F},value:i})})}),k.length>0&&e(k)}catch(t){console.error("Clipboard paste failed:",t)}},[l.start,e,c,f]),d=r.useCallback(()=>{const t=j(l);if(!t.start||!t.end)return;const y=[];for(let M=t.start.row;M<=t.end.row;M++)for(let x=t.start.col;x<=t.end.col;x++)y.push({coord:{row:M,col:x},value:""});y.length>0&&e(y)},[l,e]),u=r.useCallback(t=>{(t.ctrlKey||t.metaKey)&&t.key==="c"&&(t.preventDefault(),a()),(t.ctrlKey||t.metaKey)&&t.key==="v"&&(t.preventDefault(),p()),(t.key==="Backspace"||t.key==="Delete")&&(t.preventDefault(),d())},[a,p,d]);return{handleCopy:a,handlePaste:p,handleKeyDown:u}}function Y(l){if(l.trim()==="")return null;const o=Number(l);return isNaN(o)?null:o}function O(l){if(l.length===0)return null;const o=l.map(Y);if(o.some(f=>f===null))return null;const e=o;if(e.length===1)return{numbers:e,diff:0};const c=e[1]-e[0];for(let f=2;f<e.length;f++)if(e[f]-e[f-1]!==c)return{numbers:e,diff:0};return{numbers:e,diff:c}}function $({selection:l,getValue:o,setValues:e}){const[c,f]=r.useState(null),[S,a]=r.useState([]),[p,d]=r.useState(!1),[u,t]=r.useState(null),y=r.useCallback(h=>{f(h),d(!0),a([]),t(null)},[]),M=r.useCallback(h=>{if(!p||!l.start)return;const b=j(l);if(!b.start||!b.end)return;t(h);const w={row:Math.min(b.start.row,h.row),col:Math.min(b.start.col,h.col)},i={row:Math.max(b.end.row,h.row),col:Math.max(b.end.col,h.col)},v=[];for(let F=w.row;F<=i.row;F++)for(let s=w.col;s<=i.col;s++)F>=b.start.row&&F<=b.end.row&&s>=b.start.col&&s<=b.end.col||v.push({row:F,col:s});a(v)},[p,l]),x=r.useCallback(()=>{if(!l.start||S.length===0||!u){f(null),a([]),d(!1),t(null);return}const h=j(l);if(!h.start||!h.end){f(null),a([]),d(!1),t(null);return}const b=[],w=h.start,i=h.end,v=i.row-w.row+1,F=i.col-w.col+1;S.forEach(s=>{let N,G;if(s.row<w.row){const E=w.row-s.row;N=i.row-(E-1)%v}else if(s.row>i.row){const E=s.row-i.row;N=w.row+(E-1)%v}else N=s.row;if(s.col<w.col){const E=w.col-s.col;G=i.col-(E-1)%F}else if(s.col>i.col){const E=s.col-i.col;G=w.col+(E-1)%F}else G=s.col;let B=o({row:N,col:G});if(s.row!==N&&s.col>=w.col&&s.col<=i.col){const E=[];for(let n=w.row;n<=i.row;n++)E.push(o({row:n,col:s.col}));const D=O(E);if(D&&D.diff!==0){if(s.row>i.row){const n=s.row-i.row;B=String(D.numbers[D.numbers.length-1]+D.diff*n)}else if(s.row<w.row){const n=w.row-s.row;B=String(D.numbers[0]-D.diff*n)}}}if(s.col!==G&&s.row>=w.row&&s.row<=i.row){const E=[];for(let n=w.col;n<=i.col;n++)E.push(o({row:s.row,col:n}));const D=O(E);if(D&&D.diff!==0){if(s.col>i.col){const n=s.col-i.col;B=String(D.numbers[D.numbers.length-1]+D.diff*n)}else if(s.col<w.col){const n=w.col-s.col;B=String(D.numbers[0]-D.diff*n)}}}b.push({coord:s,value:B})}),b.length>0&&e(b),f(null),a([]),d(!1),t(null)},[l,S,u,o,e]),k=r.useCallback(h=>S.some(b=>b.row===h.row&&b.col===h.col),[S]);return r.useEffect(()=>{const h=()=>{p&&x()};return window.addEventListener("mouseup",h),()=>window.removeEventListener("mouseup",h)},[p,x]),{fillSource:c,fillTargets:S,isDraggingFill:p,isFillTarget:k,handleFillHandleMouseDown:y,handleCellMouseEnterForFill:M,handleFillMouseUp:x}}const Z={position:"relative",border:"1px solid #d1d5db",padding:0},ll={width:"100%",height:"100%",paddingLeft:"4px",paddingRight:"4px",paddingTop:"4px",paddingBottom:"4px",textAlign:"right",fontSize:"12px",backgroundColor:"transparent",outline:"none",cursor:"cell"},ol={position:"absolute",bottom:"-2px",right:"-2px",width:"8px",height:"8px",cursor:"crosshair",zIndex:20,backgroundColor:"#3b82f6"},nl={backgroundColor:"#dbeafe",outline:"2px solid #3b82f6",outlineOffset:"-2px"},el={backgroundColor:"#eff6ff"};function J({coord:l,value:o,isSelected:e,isFillTarget:c,showFillHandle:f,onMouseDown:S,onMouseEnter:a,onChange:p,onFillHandleMouseDown:d,styles:u}){const t=i=>{p(l,i.target.value)},y=i=>{i.target.classList.contains("fill-handle")||S(l)},M=i=>{i.stopPropagation(),i.preventDefault(),d(l)},x=!!u?.selected,k=!!u?.fillTarget,h=!!u?.fillHandle,b={...Z,...e&&!x?nl:{},...c&&!k?el:{}},w={...ol,...h?{backgroundColor:void 0}:{}};return g.jsxs("td",{className:K(u?.cell,e&&u?.selected,c&&u?.fillTarget),style:b,onMouseDown:y,onMouseEnter:()=>a(l),children:[g.jsx("input",{type:"text",value:o,onChange:t,style:ll}),f&&g.jsx("div",{className:K("fill-handle",u?.fillHandle),style:w,onMouseDown:M})]})}const tl={outline:"none",overflowX:"auto"},sl={borderCollapse:"collapse",fontSize:"12px",userSelect:"none"},I={position:"sticky",left:0,zIndex:10,backgroundColor:"#f3f4f6",border:"1px solid #d1d5db",padding:"6px 8px",textAlign:"center",fontWeight:500},rl={backgroundColor:"#dbeafe",border:"1px solid #d1d5db",padding:"6px 4px",textAlign:"center",fontWeight:500,color:"#1d4ed8"},cl={backgroundColor:"#f9fafb",border:"1px solid #d1d5db",padding:"4px",textAlign:"center",fontWeight:500,fontSize:"11px"};function il({data:l,onChange:o,rowHeaders:e,colHeaders:c,className:f,rowHeaderTitle:S="",styles:a}){const p=r.useRef(null),d=l.length,u=r.useMemo(()=>c?c.reduce((n,C)=>n+C.headers.length,0):l[0]?.length??0,[c,l]),t=r.useMemo(()=>c?c.flatMap(n=>n.headers):[],[c]),y=r.useCallback(n=>n.row<0||n.row>=d||n.col<0||n.col>=u?"":l[n.row]?.[n.col]??"",[l,d,u]),M=r.useCallback((n,C)=>{const T=l.map((z,R)=>R===n.row?z.map((L,q)=>q===n.col?C:L):z);o(T)},[l,o]),x=r.useCallback(n=>{if(n.length===0)return;const C=l.map(T=>[...T]);n.forEach(({coord:T,value:z})=>{T.row>=0&&T.row<d&&T.col>=0&&T.col<u&&(C[T.row][T.col]=z)}),o(C)},[l,o,d,u]),{selection:k,isSelecting:h,isCellSelected:b,handleCellMouseDown:w,handleCellMouseEnter:i}=P(),{handleKeyDown:v}=W({selection:k,getValue:y,setValues:x,rowCount:d,colCount:u}),{isDraggingFill:F,isFillTarget:s,handleFillHandleMouseDown:N,handleCellMouseEnterForFill:G}=$({selection:k,getValue:y,setValues:x}),B=r.useCallback(n=>{F?G(n):h&&i(n)},[F,h,G,i]),E=r.useCallback((n,C)=>{M(n,C)},[M]),D=r.useCallback(n=>{if(!k.start)return!1;const C=j(k);return!C.start||!C.end?!1:n.row===C.end.row&&n.col===C.end.col},[k]);return g.jsx("div",{ref:p,className:f,style:tl,tabIndex:0,onKeyDown:v,children:g.jsxs("table",{style:sl,children:[g.jsxs("thead",{children:[c&&g.jsxs("tr",{children:[e&&g.jsx("th",{className:a?.rowHeader,style:I,children:S}),c.map((n,C)=>g.jsx("th",{colSpan:n.headers.length,className:K(a?.colGroup,n.className),style:rl,children:n.label},C))]}),c&&g.jsxs("tr",{children:[e&&g.jsx("th",{className:a?.rowHeader,style:I}),t.map(n=>g.jsx("th",{className:K(a?.colHeader,n.className),style:cl,title:n.description,children:n.label},n.key))]})]}),g.jsx("tbody",{children:l.map((n,C)=>g.jsxs("tr",{children:[e&&e[C]&&g.jsx("td",{className:K(a?.rowHeader,e[C].className),style:I,title:e[C].description,children:e[C].label}),n.map((T,z)=>{const R={row:C,col:z},L=b(R),q=s(R),fl=D(R);return g.jsx(J,{coord:R,value:y(R),isSelected:L,isFillTarget:q,showFillHandle:fl&&!F,onMouseDown:w,onMouseEnter:B,onChange:E,onFillHandleMouseDown:N,styles:a},z)})]},C))})]})})}function al(l){const o=typeof l=="string"?parseFloat(l.replace(/,/g,"")):l;return isNaN(o)?"0":new Intl.NumberFormat("ko-KR").format(o)}function ul(l){const o=parseInt(l.replace(/,/g,""),10);return isNaN(o)?0:o}m.ExcelGrid=il,m.GridCell=J,m.cn=K,m.coordToKey=V,m.formatCurrency=al,m.getCellsInRange=_,m.getFillTargetCells=Q,m.isCellInRange=A,m.keyToCoord=X,m.normalizeRange=j,m.parseCurrency=ul,m.parseTSV=U,m.toTSV=H,m.useGridClipboard=W,m.useGridDragFill=$,m.useGridSelection=P,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+(function(m,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],y):(m=typeof globalThis<"u"?globalThis:m||self,y(m.ReactExcelLite={},m.ReactJsxRuntime,m.React))})(this,(function(m,y,r){"use strict";function L(...l){return l.filter(Boolean).join(" ")}function J(l){return`${l.row}-${l.col}`}function X(l){const[o,e]=l.split("-").map(Number);return{row:o,col:e}}function _(l,o){if(!l||!o)return l?[l]:[];const e=Math.min(l.row,o.row),c=Math.max(l.row,o.row),f=Math.min(l.col,o.col),S=Math.max(l.col,o.col),i=[];for(let p=e;p<=c;p++)for(let d=f;d<=S;d++)i.push({row:p,col:d});return i}function q(l,o){if(!o.start)return!1;const e=o.end||o.start,c=Math.min(o.start.row,e.row),f=Math.max(o.start.row,e.row),S=Math.min(o.start.col,e.col),i=Math.max(o.start.col,e.col);return l.row>=c&&l.row<=f&&l.col>=S&&l.col<=i}function A(l){return l.split(/\r?\n/).filter(o=>o.trim()).map(o=>o.split("	").map(e=>e.trim()))}function U(l){return l.map(o=>o.join("	")).join(`
+`)}function j(l){return!l.start||!l.end?l:{start:{row:Math.min(l.start.row,l.end.row),col:Math.min(l.start.col,l.end.col)},end:{row:Math.max(l.start.row,l.end.row),col:Math.max(l.start.col,l.end.col)}}}function Q(l,o){if(l.row===o.row&&l.col===o.col)return[];const e=Math.min(l.row,o.row),c=Math.max(l.row,o.row),f=Math.min(l.col,o.col),S=Math.max(l.col,o.col),i=[];for(let p=e;p<=c;p++)for(let d=f;d<=S;d++)p===l.row&&d===l.col||i.push({row:p,col:d});return i}function V(){const[l,o]=r.useState({start:null,end:null}),[e,c]=r.useState(!1),f=r.useCallback(u=>{o({start:u,end:u}),c(!0)},[]),S=r.useCallback(u=>{e&&o(n=>({...n,end:u}))},[e]),i=r.useCallback(()=>{c(!1)},[]),p=r.useCallback(()=>{o({start:null,end:null}),c(!1)},[]),d=r.useCallback(u=>q(u,l),[l]);return r.useEffect(()=>{const u=()=>{e&&c(!1)};return window.addEventListener("mouseup",u),()=>window.removeEventListener("mouseup",u)},[e]),{selection:l,isSelecting:e,isCellSelected:d,handleCellMouseDown:f,handleCellMouseEnter:S,handleMouseUp:i,clearSelection:p,setSelection:o}}function P({selection:l,getValue:o,setValues:e,rowCount:c,colCount:f}){const S=r.useCallback(()=>{const n=j(l);if(!n.start||!n.end)return[];const g=[];for(let k=n.start.row;k<=n.end.row;k++){const x=[];for(let D=n.start.col;D<=n.end.col;D++)x.push(o({row:k,col:D}));g.push(x)}return g},[l,o]),i=r.useCallback(async()=>{const n=S();if(n.length===0)return;const g=U(n);try{await navigator.clipboard.writeText(g)}catch(k){console.error("Clipboard copy failed:",k)}},[S]),p=r.useCallback(async()=>{if(l.start)try{const n=await navigator.clipboard.readText(),g=A(n);if(g.length===0)return;const k=l.start.row,x=l.start.col,D=[];g.forEach((h,C)=>{const w=k+C;w>=c||h.forEach((a,v)=>{const E=x+v;E>=f||D.push({coord:{row:w,col:E},value:a})})}),D.length>0&&e(D)}catch(n){console.error("Clipboard paste failed:",n)}},[l.start,e,c,f]),d=r.useCallback(()=>{const n=j(l);if(!n.start||!n.end)return;const g=[];for(let k=n.start.row;k<=n.end.row;k++)for(let x=n.start.col;x<=n.end.col;x++)g.push({coord:{row:k,col:x},value:""});g.length>0&&e(g)},[l,e]),u=r.useCallback(n=>{(n.ctrlKey||n.metaKey)&&n.key==="c"&&(n.preventDefault(),i()),(n.ctrlKey||n.metaKey)&&n.key==="v"&&(n.preventDefault(),p()),(n.key==="Backspace"||n.key==="Delete")&&(n.preventDefault(),d())},[i,p,d]);return{handleCopy:i,handlePaste:p,handleKeyDown:u}}function Y(l){if(l.trim()==="")return null;const o=Number(l);return isNaN(o)?null:o}function W(l){if(l.length===0)return null;const o=l.map(Y);if(o.some(f=>f===null))return null;const e=o;if(e.length===1)return{numbers:e,diff:0};const c=e[1]-e[0];for(let f=2;f<e.length;f++)if(e[f]-e[f-1]!==c)return{numbers:e,diff:0};return{numbers:e,diff:c}}function O({selection:l,getValue:o,setValues:e}){const[c,f]=r.useState(null),[S,i]=r.useState([]),[p,d]=r.useState(!1),[u,n]=r.useState(null),g=r.useCallback(h=>{f(h),d(!0),i([]),n(null)},[]),k=r.useCallback(h=>{if(!p||!l.start)return;const C=j(l);if(!C.start||!C.end)return;n(h);const w={row:Math.min(C.start.row,h.row),col:Math.min(C.start.col,h.col)},a={row:Math.max(C.end.row,h.row),col:Math.max(C.end.col,h.col)},v=[];for(let E=w.row;E<=a.row;E++)for(let s=w.col;s<=a.col;s++)E>=C.start.row&&E<=C.end.row&&s>=C.start.col&&s<=C.end.col||v.push({row:E,col:s});i(v)},[p,l]),x=r.useCallback(()=>{if(!l.start||S.length===0||!u){f(null),i([]),d(!1),n(null);return}const h=j(l);if(!h.start||!h.end){f(null),i([]),d(!1),n(null);return}const C=[],w=h.start,a=h.end,v=a.row-w.row+1,E=a.col-w.col+1;S.forEach(s=>{let G,z;if(s.row<w.row){const T=w.row-s.row;G=a.row-(T-1)%v}else if(s.row>a.row){const T=s.row-a.row;G=w.row+(T-1)%v}else G=s.row;if(s.col<w.col){const T=w.col-s.col;z=a.col-(T-1)%E}else if(s.col>a.col){const T=s.col-a.col;z=w.col+(T-1)%E}else z=s.col;let R=o({row:G,col:z});if(s.row!==G&&s.col>=w.col&&s.col<=a.col){const T=[];for(let M=w.row;M<=a.row;M++)T.push(o({row:M,col:s.col}));const F=W(T);if(F&&F.diff!==0){if(s.row>a.row){const M=s.row-a.row;R=String(F.numbers[F.numbers.length-1]+F.diff*M)}else if(s.row<w.row){const M=w.row-s.row;R=String(F.numbers[0]-F.diff*M)}}}if(s.col!==z&&s.row>=w.row&&s.row<=a.row){const T=[];for(let M=w.col;M<=a.col;M++)T.push(o({row:s.row,col:M}));const F=W(T);if(F&&F.diff!==0){if(s.col>a.col){const M=s.col-a.col;R=String(F.numbers[F.numbers.length-1]+F.diff*M)}else if(s.col<w.col){const M=w.col-s.col;R=String(F.numbers[0]-F.diff*M)}}}C.push({coord:s,value:R})}),C.length>0&&e(C),f(null),i([]),d(!1),n(null)},[l,S,u,o,e]),D=r.useCallback(h=>S.some(C=>C.row===h.row&&C.col===h.col),[S]);return r.useEffect(()=>{const h=()=>{p&&x()};return window.addEventListener("mouseup",h),()=>window.removeEventListener("mouseup",h)},[p,x]),{fillSource:c,fillTargets:S,isDraggingFill:p,isFillTarget:D,handleFillHandleMouseDown:g,handleCellMouseEnterForFill:k,handleFillMouseUp:x}}const Z={position:"relative",border:"1px solid #d1d5db",padding:0},ll={width:"100%",height:"100%",paddingLeft:"4px",paddingRight:"4px",paddingTop:"4px",paddingBottom:"4px",textAlign:"right",fontSize:"12px",backgroundColor:"transparent",outline:"none",cursor:"cell"},ol={position:"absolute",bottom:"-2px",right:"-2px",width:"8px",height:"8px",cursor:"crosshair",zIndex:20,backgroundColor:"#3b82f6"},el={backgroundColor:"#dbeafe",outline:"2px solid #3b82f6",outlineOffset:"-2px"},nl={backgroundColor:"#eff6ff"};function $({coord:l,value:o,isSelected:e,isFillTarget:c,showFillHandle:f,onMouseDown:S,onMouseEnter:i,onChange:p,onFillHandleMouseDown:d,styles:u}){const n=a=>{p(l,a.target.value)},g=a=>{a.target.classList.contains("fill-handle")||S(l)},k=a=>{a.stopPropagation(),a.preventDefault(),d(l)},x=!!u?.selected,D=!!u?.fillTarget,h=!!u?.fillHandle,C={...Z,...e&&!x?el:{},...c&&!D?nl:{}},w={...ol,...h?{backgroundColor:void 0}:{}};return y.jsxs("td",{className:L(u?.cell,e&&u?.selected,c&&u?.fillTarget),style:C,onMouseDown:g,onMouseEnter:()=>i(l),children:[y.jsx("input",{type:"text",value:o,onChange:n,style:ll}),f&&y.jsx("div",{className:L("fill-handle",u?.fillHandle),style:w,onMouseDown:k})]})}const tl={outline:"none",overflowX:"auto"},sl={borderCollapse:"collapse",fontSize:"12px",userSelect:"none"},rl={position:"sticky",left:0,zIndex:10,border:"1px solid #d1d5db",padding:"6px 8px",textAlign:"center",fontWeight:500},cl={border:"1px solid #d1d5db",padding:"6px 4px",textAlign:"center",fontWeight:500},il={border:"1px solid #d1d5db",padding:"4px",textAlign:"center",fontWeight:500,fontSize:"11px"},al={backgroundColor:"#f3f4f6"},ul={backgroundColor:"#dbeafe",color:"#1d4ed8"},fl={backgroundColor:"#f9fafb"};function dl({data:l,onChange:o,rowHeaders:e,colHeaders:c,className:f,rowHeaderTitle:S="",styles:i}){const p=r.useRef(null),d=l.length,u=r.useMemo(()=>c?c.reduce((t,b)=>t+b.headers.length,0):l[0]?.length??0,[c,l]),n=r.useMemo(()=>c?c.flatMap(t=>t.headers):[],[c]),g=r.useCallback(t=>t.row<0||t.row>=d||t.col<0||t.col>=u?"":l[t.row]?.[t.col]??"",[l,d,u]),k=r.useCallback((t,b)=>{const N=l.map((B,K)=>K===t.row?B.map((H,I)=>I===t.col?b:H):B);o(N)},[l,o]),x=r.useCallback(t=>{if(t.length===0)return;const b=l.map(N=>[...N]);t.forEach(({coord:N,value:B})=>{N.row>=0&&N.row<d&&N.col>=0&&N.col<u&&(b[N.row][N.col]=B)}),o(b)},[l,o,d,u]),{selection:D,isSelecting:h,isCellSelected:C,handleCellMouseDown:w,handleCellMouseEnter:a}=V(),{handleKeyDown:v}=P({selection:D,getValue:g,setValues:x,rowCount:d,colCount:u}),{isDraggingFill:E,isFillTarget:s,handleFillHandleMouseDown:G,handleCellMouseEnterForFill:z}=O({selection:D,getValue:g,setValues:x}),R=r.useCallback(t=>{E?z(t):h&&a(t)},[E,h,z,a]),T=r.useCallback((t,b)=>{k(t,b)},[k]),F=r.useCallback(t=>{if(!D.start)return!1;const b=j(D);return!b.start||!b.end?!1:t.row===b.end.row&&t.col===b.end.col},[D]),M=t=>({...rl,...!t&&!i?.rowHeader?al:{}}),pl=t=>({...cl,...!t&&!i?.colGroup?ul:{}}),ml=t=>({...il,...!t&&!i?.colHeader?fl:{}});return y.jsx("div",{ref:p,className:f,style:tl,tabIndex:0,onKeyDown:v,children:y.jsxs("table",{style:sl,children:[y.jsxs("thead",{children:[c&&y.jsxs("tr",{children:[e&&y.jsx("th",{className:i?.rowHeader,style:M(),children:S}),c.map((t,b)=>y.jsx("th",{colSpan:t.headers.length,className:L(i?.colGroup,t.className),style:pl(t.className),children:t.label},b))]}),c&&y.jsxs("tr",{children:[e&&y.jsx("th",{className:i?.rowHeader,style:M()}),n.map(t=>y.jsx("th",{className:L(i?.colHeader,t.className),style:ml(t.className),title:t.description,children:t.label},t.key))]})]}),y.jsx("tbody",{children:l.map((t,b)=>y.jsxs("tr",{children:[e&&e[b]&&y.jsx("td",{className:L(i?.rowHeader,e[b].className),style:M(e[b].className),title:e[b].description,children:e[b].label}),t.map((N,B)=>{const K={row:b,col:B},H=C(K),I=s(K),Cl=F(K);return y.jsx($,{coord:K,value:g(K),isSelected:H,isFillTarget:I,showFillHandle:Cl&&!E,onMouseDown:w,onMouseEnter:R,onChange:T,onFillHandleMouseDown:G,styles:i},B)})]},b))})]})})}function wl(l){const o=typeof l=="string"?parseFloat(l.replace(/,/g,"")):l;return isNaN(o)?"0":new Intl.NumberFormat("ko-KR").format(o)}function hl(l){const o=parseInt(l.replace(/,/g,""),10);return isNaN(o)?0:o}m.ExcelGrid=dl,m.GridCell=$,m.cn=L,m.coordToKey=J,m.formatCurrency=wl,m.getCellsInRange=_,m.getFillTargetCells=Q,m.isCellInRange=q,m.keyToCoord=X,m.normalizeRange=j,m.parseCurrency=hl,m.parseTSV=A,m.toTSV=U,m.useGridClipboard=P,m.useGridDragFill=O,m.useGridSelection=V,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-excel-lite",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "A lightweight, Excel-like editable grid component for React with cell selection, copy/paste, auto-fill with arithmetic sequence detection, and customizable styling.",
   "license": "MIT",
   "type": "module",