@sheetxl/grid-react 0.4.21 → 0.5.0

package/node/esm/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.4.21
+ * @license @sheetxl/grid-react - Grid React - Advanced grid component for React - v0.5.0
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
@@ -1372,8 +1372,8 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (!n2) return null;
     const { x: o2, y: r3 } = n2;
     let l3 = null;
-    const i2 = ke;
-    for (let e3 = 0; !l3 && e3 < i2.length; e3++) {
+    const i2 = ke, c3 = i2.length;
+    for (let e3 = 0; !l3 && e3 < c3; e3++) {
       const t3 = st[i2[e3]];
       t3 && se(o2, r3, t3.getBounds()) && (l3 = t3);
     }
@@ -1407,10 +1407,10 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
   }, [dt, Qe, ut, et]), Ct = v((e2) => {
     let t2 = null;
     if (Object.keys(st).length > 1) {
-      const n2 = ke;
-      for (let o2 = 0; !t2 && o2 < n2.length; o2++) {
-        const r3 = st[n2[o2]];
-        r3 && k.isCellWithinRange(e2, r3.getVisibleRangeCoords()) && (t2 = r3);
+      const n2 = ke, o2 = n2.length;
+      for (let r3 = 0; !t2 && r3 < o2; r3++) {
+        const o3 = st[n2[r3]];
+        o3 && k.isCellWithinRange(e2, o3.getVisibleRangeCoords()) && (t2 = o3);
       }
     }
     return t2 || (t2 = st[O.Center]), t2;
@@ -1466,10 +1466,10 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       return e("div", { style: { position: "absolute", left: "0px", top: "0px", width: `${i2.width}px`, height: `${i2.height}px`, overflow: "hidden" }, children: l3 }, `overlay-${t3.getAnchor()}-${o2}`);
     })(t2, 0));
   }, Dt = y(() => {
-    const e2 = {}, t2 = Object.keys(st);
-    for (let n2 = 0; n2 < t2.length; n2++) {
-      const o2 = t2[n2], r3 = [];
-      Pt(st[o2], r3), e2[o2] = { overlays: r3 };
+    const e2 = {}, t2 = Object.keys(st), n2 = t2.length;
+    for (let o2 = 0; o2 < n2; o2++) {
+      const n3 = t2[o2], r3 = [];
+      Pt(st[n3], r3), e2[n3] = { overlays: r3 };
     }
     return e2;
   }, [Le2, X2, a2, d2, rt, lt]), Tt = (t2, n2, o2, r3, l3, c3, s3) => {
@@ -1480,11 +1480,15 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
     if (ue2) u3 = ue2(t2);
     else {
       u3 = [];
-      for (let e2 = 0; e2 < d3.length; e2++) for (let t3 = 0; t3 < a3.length; t3++) {
-        const n3 = { rowIndex: d3[e2], colIndex: a3[t3] };
-        if (ae2?.(n3)) continue;
-        const o3 = { coords: n3, range: we2(n3) };
-        u3.push(o3);
+      const e2 = d3.length, t3 = a3.length;
+      for (let n3 = 0; n3 < e2; n3++) {
+        const e3 = d3[n3];
+        for (let n4 = 0; n4 < t3; n4++) {
+          const t4 = { rowIndex: e3, colIndex: a3[n4] };
+          if (ae2?.(t4)) continue;
+          const o3 = { coords: t4, range: we2(t4) };
+          u3.push(o3);
+        }
       }
     }
     const h3 = t2.getVisibleColumnOffsets(), g2 = t2.getVisibleRowOffsets(), f3 = t2.getScrollTopLeft(), w2 = t2.getFreezeTopLeft(), x2 = f3.left + w2.left, p2 = f3.top + w2.top, m2 = Math.trunc(x2 / De), v2 = Math.trunc(p2 / De), S2 = {}, y2 = (e2, t3, n3, o3, r4) => {
@@ -1498,8 +1502,8 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         f4 = N2({ key: l4, coords: t3, bounds: o3, zoom: he2, range: n3, view: e2, value: r4, style: { left: i.boundPixel(c4), top: i.boundPixel(s4), width: i.boundPixel(o3.width, true), height: i.boundPixel(o3.height, true) } });
       }
       s3?.set(l4, f4), g3.push(f4);
-    };
-    for (let e2 = 0; u3 && e2 < u3.length; e2++) {
+    }, b3 = u3.length;
+    for (let e2 = 0; u3 && e2 < b3; e2++) {
       const n3 = u3[e2], i2 = n3?.coords ?? n3;
       if (!i2) continue;
       const c4 = n3?.range ?? { rowStart: i2.rowIndex, colStart: i2.colIndex, rowEnd: i2.rowIndex, colEnd: i2.colIndex }, s4 = t2.getVisibleRangeCoords();
@@ -1521,23 +1525,23 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       const v3 = n3?.value;
       y2(t2, i2, c4, p3, v3);
     }
-    const b3 = x2 % De, C3 = p2 % De, I2 = Object.keys(S2);
-    for (let o3 = 0; o3 < I2.length; o3++) {
-      const r4 = S2[I2[o3]];
-      if (!r4) continue;
-      const l4 = Object.keys(r4);
-      for (let c4 = 0; c4 < l4.length; c4++) {
-        const s4 = r4[l4[c4]];
-        if (!s4) continue;
-        const a4 = parseInt(I2[o3]), d4 = parseInt(l4[c4]), u4 = a4 + v2, h4 = d4 + m2, g3 = `view:${t2.getAnchor()}:segment:${h4}:${u4}`;
-        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${i.boundPixel(d4 * De - b3, true)}px, ${i.boundPixel(a4 * De - C3, true)}px)`, willChange: "transform" }, children: s4 }, g3));
+    const C3 = x2 % De, I2 = p2 % De, E3 = Object.keys(S2), R2 = E3.length;
+    for (let o3 = 0; o3 < R2; o3++) {
+      const r4 = E3[o3], l4 = S2[r4];
+      if (!l4) continue;
+      const c4 = Object.keys(l4), s4 = c4.length;
+      for (let o4 = 0; o4 < s4; o4++) {
+        const s5 = c4[o4], a4 = l4[s5];
+        if (!a4) continue;
+        const d4 = parseInt(r4), u4 = parseInt(s5), h4 = d4 + v2, g3 = u4 + m2, f4 = `view:${t2.getAnchor()}:segment:${g3}:${h4}`;
+        n2.push(e("div", { className: "cell-container", style: { transform: `translate(${i.boundPixel(u4 * De - C3, true)}px, ${i.boundPixel(d4 * De - I2, true)}px)`, willChange: "transform" }, children: a4 }, f4));
       }
     }
   }, Ot = y(() => {
-    const e2 = je2.current, t2 = /* @__PURE__ */ new Map(), n2 = {}, o2 = Object.keys(st);
-    for (let r3 = 0; r3 < o2.length; r3++) {
-      const l3 = o2[r3], i2 = [], c3 = [], s3 = [];
-      Tt(st[l3], s3, i2, c3, /* @__PURE__ */ new Set(), e2, t2), n2[l3] = { cells: s3, rangesH: i2, rangesV: c3 };
+    const e2 = je2.current, t2 = /* @__PURE__ */ new Map(), n2 = {}, o2 = Object.keys(st), r3 = o2.length;
+    for (let l3 = 0; l3 < r3; l3++) {
+      const r4 = o2[l3], i2 = [], c3 = [], s3 = [];
+      Tt(st[r4], s3, i2, c3, /* @__PURE__ */ new Set(), e2, t2), n2[r4] = { cells: s3, rangesH: i2, rangesV: c3 };
     }
     return je2.current = t2, n2;
   }, [Le2, a2, d2, rt, lt, z2, pe2, F2, ae2, ue2, we2]), zt = (t2, n2, o2, r3, l3) => {
@@ -1558,48 +1562,50 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
         g2 && (a3 = a3.sort(k.columnFirstRangeComparator));
         const f3 = t2.getLayout(), w2 = f3.getRowOffset(h3 + 1);
         let x2 = c3;
-        for (let t3 = 0; t3 < a3.length + 1; t3++) {
+        const p2 = a3.length;
+        for (let t3 = 0; t3 < p2 + 1; t3++) {
           let n4 = x2, l5 = s3;
           const c4 = a3[t3];
-          t3 < a3.length && (l5 = Math.min(s3, f3.getColOffset(c4.colStart)), x2 = Math.min(s3, f3.getColOffset(c4.colEnd + 1))), r3.push(I("path", { d: `M ${i.boundPixel(n4)} ${i.boundPixel(w2, false, o2)} L ${i.boundPixel(l5)} ${i.boundPixel(w2, false, o2)}`, stroke: L2, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...$2, key: e2 + h3 + ":" + t3 }));
+          t3 < p2 && (l5 = Math.min(s3, f3.getColOffset(c4.colStart)), x2 = Math.min(s3, f3.getColOffset(c4.colEnd + 1))), r3.push(I("path", { d: `M ${i.boundPixel(n4)} ${i.boundPixel(w2, false, o2)} L ${i.boundPixel(l5)} ${i.boundPixel(w2, false, o2)}`, stroke: L2, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...$2, key: e2 + h3 + ":" + t3 }));
         }
-        for (let e3 = a3.length - 1; e3 >= 0; e3--) a3[e3].rowEnd <= n3[l4 + 1] && a3.splice(e3, 1);
+        for (let e3 = p2 - 1; e3 >= 0; e3--) a3[e3].rowEnd <= n3[l4 + 1] && a3.splice(e3, 1);
       }
     } else {
       const n3 = `view:${t2.getAnchor()}:vl:`, c3 = t2.getVisibleColumns();
       if (!c3 || 0 === c3.length) return;
       const s3 = 0, a3 = t2.getBounds().height;
       let d3 = [];
-      const u3 = l3.sort(k.columnFirstRangeComparator), h3 = t2.getVisibleRangeCoords();
-      for (let l4 = 0; l4 < c3.length && c3[l4] <= h3.colEnd; l4++) {
-        const g2 = c3[l4];
-        if (g2 < h3.colStart) continue;
+      const u3 = l3.sort(k.columnFirstRangeComparator), h3 = t2.getVisibleRangeCoords(), g2 = c3.length;
+      for (let l4 = 0; l4 < g2 && c3[l4] <= h3.colEnd; l4++) {
+        const g3 = c3[l4];
+        if (g3 < h3.colStart) continue;
         let f3 = false;
-        for (; u3.length > 0 && u3[0].colStart <= g2; ) {
+        for (; u3.length > 0 && u3[0].colStart <= g3; ) {
           const e2 = u3.shift();
-          e2.colEnd > g2 && (d3.push(e2), f3 = true);
+          e2.colEnd > g3 && (d3.push(e2), f3 = true);
         }
         f3 && (d3 = d3.sort(k.rowFirstRangeComparator));
-        const w2 = t2.getLayout(), x2 = w2.getColOffset(g2 + 1);
+        const w2 = t2.getLayout(), x2 = w2.getColOffset(g3 + 1);
         let p2 = s3;
-        for (let t3 = 0; t3 < d3.length + 1; t3++) {
+        const m2 = d3.length;
+        for (let t3 = 0; t3 < m2 + 1; t3++) {
           let l5 = p2, c4 = a3;
           const s4 = d3[t3];
-          t3 < d3.length && (c4 = Math.min(a3, w2.getRowOffset(s4.rowStart)), p2 = Math.min(a3, w2.getRowOffset(s4.rowEnd + 1)));
+          t3 < m2 && (c4 = Math.min(a3, w2.getRowOffset(s4.rowStart)), p2 = Math.min(a3, w2.getRowOffset(s4.rowEnd + 1)));
           let u4 = L2;
-          r3.push(e("path", { d: `M ${i.boundPixel(x2, false, o2)} ${i.boundPixel(l5)} L ${i.boundPixel(x2, false, o2)} ${i.boundPixel(c4)}`, stroke: u4, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...B2 }, n3 + g2 + ":" + t3));
+          r3.push(e("path", { d: `M ${i.boundPixel(x2, false, o2)} ${i.boundPixel(l5)} L ${i.boundPixel(x2, false, o2)} ${i.boundPixel(c4)}`, stroke: u4, strokeWidth: 1, vectorEffect: "non-scaling-stroke", ...B2 }, n3 + g3 + ":" + t3));
         }
-        for (let e2 = d3.length - 1; e2 >= 0; e2--) d3[e2].colEnd <= c3[l4 + 1] && d3.splice(e2, 1);
+        for (let e2 = m2 - 1; e2 >= 0; e2--) d3[e2].colEnd <= c3[l4 + 1] && d3.splice(e2, 1);
       }
     }
   }, Lt = (t2) => {
     if (!Ot) return;
-    const n2 = {};
-    for (let o2 = 0; o2 < at.length; o2++) {
-      const r3 = at[o2], l3 = st[r3], i2 = [];
-      zt(l3, t2, 0, i2, t2 ? Ot[r3].rangesH : Ot[r3].rangesV);
+    const n2 = {}, o2 = at.length;
+    for (let r3 = 0; r3 < o2; r3++) {
+      const o3 = at[r3], l3 = st[o3], i2 = [];
+      zt(l3, t2, 0, i2, t2 ? Ot[o3].rangesH : Ot[o3].rangesV);
       const c3 = l3.getRangeCoordsBounds(), s3 = Math.ceil(c3.width), a3 = Math.ceil(c3.height);
-      n2[r3] = e("svg", { width: `${s3}`, height: `${a3}`, viewBox: `0 0 ${s3} ${a3}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: i2 });
+      n2[o3] = e("svg", { width: `${s3}`, height: `${a3}`, viewBox: `0 0 ${s3} ${a3}`, preserveAspectRatio: "none", shapeRendering: "crispEdges", style: { position: "absolute" }, children: i2 });
     }
     return n2;
   }, $t = y(() => true === z2 || true === z2?.horizontal ? Lt(true) : null, [Le2, z2, rt, U2, A2, L2, $2, a2, d2, Qe, dt, Ot]), Bt = y(() => true === z2 || true === z2?.vertical ? Lt(false) : null, [Le2, z2, lt, U2, A2, L2, B2, a2, d2, et, ut, Ot]), Ft = y(() => 0 === ht.left ? null : e(de, { linePoints: [0, 0, 0, et + 1], bounds: { x: ht.left, y: 0, width: 1, height: et + 1 }, ...H2 }), [Le2, ht.left, et, H2]), Wt = y(() => 0 === ht.top ? null : e(de, { linePoints: [0, 0, Qe + 1, 0], bounds: { x: 0, y: ht.top, width: Qe + 1, height: 1 }, ...K2 }), [Le2, ht.top, Qe, K2]), At = y(() => {
@@ -1607,28 +1613,28 @@ const xe = -10, pe = Object.freeze({ rowStart: 0, colStart: 0, rowEnd: 0, colEnd
       if (!e2 || !st[e2]) return;
       const n2 = st[e2].getBounds();
       return t("div", { style: { position: "absolute", pointerEvents: "none", left: n2.x, top: n2.y, width: n2.width, height: n2.height, clip: `rect(0, ${n2.width + 1}px, ${n2.height + 1}px, 0)` }, className: `view view-${e2}`, children: [$t?.[e2], Bt?.[e2], Ot?.[e2].cells] }, `view:${e2}`);
-    };
-    for (let e2 = 0; e2 < at.length; e2++) o2.push(r3(at[e2]));
+    }, l3 = at.length;
+    for (let e2 = 0; e2 < l3; e2++) o2.push(r3(at[e2]));
     return e(n, { children: o2 });
   }, [st, $t, Bt, Ot]), Vt = y(() => {
     if (!l2) return;
     const e2 = (e3, t2, n3, o3) => {
       if (!o3 || 0 === o3.length) return;
-      const r4 = [];
-      for (let l3 = 0; l3 < o3.length; l3++) {
-        const i3 = o3[l3];
-        let c4 = e3?.get(i3);
-        c4 !== Te && (c4 = i3(n3) ?? Te), t2.set(i3, c4), c4 && c4 !== Te && r4.push(c4);
+      const r4 = [], l3 = o3.length;
+      for (let i3 = 0; i3 < l3; i3++) {
+        const l4 = o3[i3];
+        let c4 = e3?.get(l4);
+        c4 !== Te && (c4 = l4(n3) ?? Te), t2.set(l4, c4), c4 && c4 !== Te && r4.push(c4);
       }
       return r4;
     }, n2 = (n3, o3, r4) => {
       if (!r4) return;
       const l3 = r4.getBounds(), i3 = r4.getInsets(), c4 = r4.getAnchor();
       return t("div", { className: M("view", `view-${c4}`, Ie.view), style: { position: "absolute", pointerEvents: "none", left: l3.x - i3.left, top: l3.y - i3.top, width: l3.width - (i3.left + i3.right), height: l3.height - (i3.top + i3.bottom), clipPath: J2 ? "inset(-2px)" : "inset(0px)" }, children: [e2(n3, o3, r4, G2), Dt?.[c4].overlays] }, `view:${c4}`);
-    }, o2 = it.current, r3 = {}, i2 = [], c3 = Object.keys(st);
-    for (let e3 = 0; e3 < c3.length; e3++) {
-      const t2 = c3[e3], l3 = o2?.[t2], s3 = r3[t2] = /* @__PURE__ */ new Map();
-      i2.push(n2(l3, s3, st[t2]));
+    }, o2 = it.current, r3 = {}, i2 = [], c3 = Object.keys(st), s3 = c3.length;
+    for (let e3 = 0; e3 < s3; e3++) {
+      const t2 = c3[e3], l3 = o2?.[t2], s4 = r3[t2] = /* @__PURE__ */ new Map();
+      i2.push(n2(l3, s4, st[t2]));
     }
     return it.current = r3, i2;
   }, [Le2, st, J2, G2]), Ut = y(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sheetxl/grid-react",
   "description": "Grid React - Advanced grid component for React",
-  "version": "0.4.21",
+  "version": "0.5.0",
   "license": "SEE LICENSE IN <LICENSE>",
   "type": "module",
   "exports": {
@@ -30,8 +30,8 @@
     "table"
   ],
   "dependencies": {
-    "@sheetxl/utils": "^0.4.21",
-    "@sheetxl/utils-react": "^0.4.21",
+    "@sheetxl/utils": "^0.5.0",
+    "@sheetxl/utils-react": "^0.5.0",
     "clsx": "^2.1.1",
     "react-merge-refs": "^3.0.2",
     "react-use": "^17.6.0",