@tensor_1/react 2.5.0 → 2.6.0

package/dist/table-engine.js

@@ -0,0 +1,185 @@
+function compare(a, b) {
+  if (a == null && b == null) return 0;
+  if (a == null) return -1;
+  if (b == null) return 1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  return String(a).localeCompare(String(b), void 0, { numeric: true, sensitivity: "base" });
+}
+function multiSort(rows, keys) {
+  if (!keys.length) return rows.slice();
+  return rows.map((row, i) => ({ row, i })).sort((x, y) => {
+    for (const k of keys) {
+      const c = compare(x.row[k.field], y.row[k.field]);
+      if (c !== 0) return k.dir === "ascending" ? c : -c;
+    }
+    return x.i - y.i;
+  }).map((w) => w.row);
+}
+function nextSortDir(current) {
+  if (current === "ascending") return "descending";
+  if (current === "descending") return "none";
+  return "ascending";
+}
+function toggleSort(keys, field, additive = false) {
+  const existing = keys.find((k) => k.field === field);
+  const dir = nextSortDir(existing?.dir);
+  if (!additive) return dir === "none" ? [] : [{ field, dir }];
+  const rest = keys.filter((k) => k.field !== field);
+  return dir === "none" ? rest : [...rest, { field, dir }];
+}
+function asNum(v) {
+  return typeof v === "number" ? v : Number(v);
+}
+function matchFilter(row, f) {
+  const cell = row[f.field];
+  switch (f.op) {
+    case "isAnyOf":
+      return Array.isArray(f.value) && f.value.includes(cell);
+    case "isNoneOf":
+      return Array.isArray(f.value) && !f.value.includes(cell);
+    case "contains":
+      return String(cell ?? "").toLowerCase().includes(String(f.value ?? "").toLowerCase());
+    case "equals":
+      return String(cell ?? "") === String(f.value ?? "");
+    case "startsWith":
+      return String(cell ?? "").toLowerCase().startsWith(String(f.value ?? "").toLowerCase());
+    case "eq":
+      return asNum(cell) === asNum(f.value);
+    case "lt":
+      return asNum(cell) < asNum(f.value);
+    case "gt":
+      return asNum(cell) > asNum(f.value);
+    case "between": {
+      const [lo, hi] = f.value.map(asNum);
+      return asNum(cell) >= lo && asNum(cell) <= hi;
+    }
+    case "is":
+      return Boolean(cell) === Boolean(f.value);
+    default:
+      return true;
+  }
+}
+function applyFilters(rows, filters) {
+  if (!filters.length) return rows.slice();
+  return rows.filter((r) => filters.every((f) => matchFilter(r, f)));
+}
+function searchRows(rows, query, fields) {
+  const q = query.trim().toLowerCase();
+  if (!q) return rows.slice();
+  return rows.filter((r) => {
+    const vals = fields ? fields.map((f) => r[f]) : Object.values(r);
+    return vals.some((v) => v != null && String(v).toLowerCase().includes(q));
+  });
+}
+function highlightSegments(text, query) {
+  const q = query.trim();
+  if (!q) return [{ text, match: false }];
+  const out = [];
+  const lower = text.toLowerCase();
+  const ql = q.toLowerCase();
+  let i = 0;
+  for (; ; ) {
+    const hit = lower.indexOf(ql, i);
+    if (hit === -1) {
+      if (i < text.length) out.push({ text: text.slice(i), match: false });
+      break;
+    }
+    if (hit > i) out.push({ text: text.slice(i, hit), match: false });
+    out.push({ text: text.slice(hit, hit + q.length), match: true });
+    i = hit + q.length;
+  }
+  return out;
+}
+function serializeView(v) {
+  const p = new URLSearchParams();
+  if (v.sort?.length) p.set("sort", v.sort.map((s) => `${s.field}:${s.dir === "descending" ? "d" : "a"}`).join(","));
+  if (v.columns?.length) p.set("cols", v.columns.join(","));
+  if (v.density && v.density !== "standard") p.set("density", v.density);
+  if (v.q) p.set("q", v.q);
+  if (v.filters?.length) p.set("filter", v.filters.map((f) => `${f.field}~${f.op}~${Array.isArray(f.value) ? f.value.join("|") : f.value ?? ""}`).join(","));
+  return p.toString();
+}
+function parseView(qs) {
+  const p = new URLSearchParams(qs.replace(/^\?/, ""));
+  const v = {};
+  const sort = p.get("sort");
+  if (sort) v.sort = sort.split(",").filter(Boolean).map((tok) => {
+    const [field, d] = tok.split(":");
+    return { field, dir: d === "d" ? "descending" : "ascending" };
+  });
+  const cols = p.get("cols");
+  if (cols) v.columns = cols.split(",").filter(Boolean);
+  const density = p.get("density");
+  if (density === "compact" || density === "comfortable" || density === "standard") v.density = density;
+  const q = p.get("q");
+  if (q) v.q = q;
+  const filter = p.get("filter");
+  if (filter) v.filters = filter.split(",").filter(Boolean).map((tok) => {
+    const [field, op, raw] = tok.split("~");
+    const value = raw?.includes("|") ? raw.split("|") : raw;
+    return { field, kind: "text", op, value };
+  });
+  return v;
+}
+function virtualWindow(scrollTop, viewportH, rowH, count, overscan = 6) {
+  if (rowH <= 0 || count <= 0) return { start: 0, end: count, padTop: 0, padBottom: 0, total: 0 };
+  const first = Math.max(0, Math.floor(scrollTop / rowH) - overscan);
+  const visible = Math.ceil(viewportH / rowH) + overscan * 2;
+  const end = Math.min(count, first + visible);
+  return { start: first, end, padTop: first * rowH, padBottom: (count - end) * rowH, total: count * rowH };
+}
+function shouldVirtualize(count, threshold = 100) {
+  return count > threshold;
+}
+function clampWidth(width, min = 64, max = Infinity) {
+  return Math.max(min, Math.min(max, Math.round(width)));
+}
+function reorder(arr, from, to) {
+  const next = arr.slice();
+  if (from < 0 || from >= next.length || to < 0 || to >= next.length) return next;
+  const [moved] = next.splice(from, 1);
+  next.splice(to, 0, moved);
+  return next;
+}
+function toggleId(set, id) {
+  const next = new Set(set);
+  next.has(id) ? next.delete(id) : next.add(id);
+  return next;
+}
+function selectAllState(selected, pageIds) {
+  const on = pageIds.filter((id) => selected.has(id)).length;
+  if (on === 0) return "none";
+  return on === pageIds.length ? "all" : "some";
+}
+function togglePage(selected, pageIds) {
+  const next = new Set(selected);
+  const all = pageIds.every((id) => next.has(id));
+  for (const id of pageIds) all ? next.delete(id) : next.add(id);
+  return next;
+}
+function mergePinned(all, visible, pinnedIds, idField = "id") {
+  if (!pinnedIds.size) return visible.slice();
+  const pinned = all.filter((r) => pinnedIds.has(String(r[idField])));
+  const pinnedSet = new Set(pinned.map((r) => String(r[idField])));
+  const rest = visible.filter((r) => !pinnedSet.has(String(r[idField])));
+  return [...pinned, ...rest];
+}
+export {
+  applyFilters,
+  clampWidth,
+  highlightSegments,
+  matchFilter,
+  mergePinned,
+  multiSort,
+  nextSortDir,
+  parseView,
+  reorder,
+  searchRows,
+  selectAllState,
+  serializeView,
+  shouldVirtualize,
+  toggleId,
+  togglePage,
+  toggleSort,
+  virtualWindow
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tensor_1/react",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "Thin React wrappers over the UIx v2 CSS component library.",
   "license": "UNLICENSED",
   "type": "module",
@@ -31,7 +31,8 @@
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "node --test"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",