brd-ui-kit 0.1.70 → 0.1.72

package/dist/components-basic-table-basic-table.js

@@ -35,20 +35,20 @@ function S(e, o, t) {
     let l;
     t.key && t.debug && (l = Date.now());
     const u = e(i);
-    if (!(u.length !== n.length || u.some((f, m) => n[m] !== f)))
+    if (!(u.length !== n.length || u.some((c, m) => n[m] !== c)))
       return r;
     n = u;
-    let g;
-    if (t.key && t.debug && (g = Date.now()), r = o(...u), t == null || t.onChange == null || t.onChange(r), t.key && t.debug && t != null && t.debug()) {
-      const f = Math.round((Date.now() - l) * 100) / 100, m = Math.round((Date.now() - g) * 100) / 100, d = m / 16, s = (c, p) => {
-        for (c = String(c); c.length < p; )
-          c = " " + c;
-        return c;
+    let d;
+    if (t.key && t.debug && (d = Date.now()), r = o(...u), t == null || t.onChange == null || t.onChange(r), t.key && t.debug && t != null && t.debug()) {
+      const c = Math.round((Date.now() - l) * 100) / 100, m = Math.round((Date.now() - d) * 100) / 100, g = m / 16, s = (f, p) => {
+        for (f = String(f); f.length < p; )
+          f = " " + f;
+        return f;
       };
-      console.info(`%c⏱ ${s(m, 5)} /${s(f, 5)} ms`, `
+      console.info(`%c⏱ ${s(m, 5)} /${s(c, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * d, 120))}deg 100% 31%);`, t?.key);
+            color: hsl(${Math.max(0, Math.min(120 - 120 * g, 120))}deg 100% 31%);`, t?.key);
     }
     return r;
   };
@@ -73,13 +73,13 @@ function Pe(e, o, t, n) {
     column: t,
     getValue: () => o.getValue(n),
     renderValue: r,
-    getContext: S(() => [e, t, o, i], (l, u, a, g) => ({
+    getContext: S(() => [e, t, o, i], (l, u, a, d) => ({
       table: l,
       column: u,
       row: a,
-      cell: g,
-      getValue: g.getValue,
-      renderValue: g.renderValue
+      cell: d,
+      getValue: d.getValue,
+      renderValue: d.renderValue
     }), C(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((l) => {
@@ -92,38 +92,38 @@ function Ie(e, o, t, n) {
     ...e._getDefaultColumnDef(),
     ...o
   }, a = u.accessorKey;
-  let g = (r = (i = u.id) != null ? i : a ? typeof String.prototype.replaceAll == "function" ? a.replaceAll(".", "_") : a.replace(/\./g, "_") : void 0) != null ? r : typeof u.header == "string" ? u.header : void 0, f;
-  if (u.accessorFn ? f = u.accessorFn : a && (a.includes(".") ? f = (d) => {
-    let s = d;
+  let d = (r = (i = u.id) != null ? i : a ? typeof String.prototype.replaceAll == "function" ? a.replaceAll(".", "_") : a.replace(/\./g, "_") : void 0) != null ? r : typeof u.header == "string" ? u.header : void 0, c;
+  if (u.accessorFn ? c = u.accessorFn : a && (a.includes(".") ? c = (g) => {
+    let s = g;
     for (const p of a.split(".")) {
-      var c;
-      s = (c = s) == null ? void 0 : c[p], process.env.NODE_ENV !== "production" && s === void 0 && console.warn(`"${p}" in deeply nested key "${a}" returned undefined.`);
+      var f;
+      s = (f = s) == null ? void 0 : f[p], process.env.NODE_ENV !== "production" && s === void 0 && console.warn(`"${p}" in deeply nested key "${a}" returned undefined.`);
     }
     return s;
-  } : f = (d) => d[u.accessorKey]), !g)
+  } : c = (g) => g[u.accessorKey]), !d)
     throw process.env.NODE_ENV !== "production" ? new Error(u.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header") : new Error();
   let m = {
-    id: `${String(g)}`,
-    accessorFn: f,
+    id: `${String(d)}`,
+    accessorFn: c,
     parent: n,
     depth: t,
     columnDef: u,
     columns: [],
     getFlatColumns: S(() => [!0], () => {
-      var d;
-      return [m, ...(d = m.columns) == null ? void 0 : d.flatMap((s) => s.getFlatColumns())];
+      var g;
+      return [m, ...(g = m.columns) == null ? void 0 : g.flatMap((s) => s.getFlatColumns())];
     }, C(e.options, "debugColumns", "column.getFlatColumns")),
-    getLeafColumns: S(() => [e._getOrderColumnsFn()], (d) => {
+    getLeafColumns: S(() => [e._getOrderColumnsFn()], (g) => {
       var s;
       if ((s = m.columns) != null && s.length) {
-        let c = m.columns.flatMap((p) => p.getLeafColumns());
-        return d(c);
+        let f = m.columns.flatMap((p) => p.getLeafColumns());
+        return g(f);
       }
       return [m];
     }, C(e.options, "debugColumns", "column.getLeafColumns"))
   };
-  for (const d of e._features)
-    d.createColumn == null || d.createColumn(m, e);
+  for (const g of e._features)
+    g.createColumn == null || g.createColumn(m, e);
   return m;
 }
 const _ = "debugHeaders";
@@ -160,8 +160,8 @@ const ye = {
   createTable: (e) => {
     e.getHeaderGroups = S(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, r) => {
       var i, l;
-      const u = (i = n?.map((m) => t.find((d) => d.id === m)).filter(Boolean)) != null ? i : [], a = (l = r?.map((m) => t.find((d) => d.id === m)).filter(Boolean)) != null ? l : [], g = t.filter((m) => !(n != null && n.includes(m.id)) && !(r != null && r.includes(m.id)));
-      return G(o, [...u, ...g, ...a], e);
+      const u = (i = n?.map((m) => t.find((g) => g.id === m)).filter(Boolean)) != null ? i : [], a = (l = r?.map((m) => t.find((g) => g.id === m)).filter(Boolean)) != null ? l : [], d = t.filter((m) => !(n != null && n.includes(m.id)) && !(r != null && r.includes(m.id)));
+      return G(o, [...u, ...d, ...a], e);
     }, C(e.options, _, "getHeaderGroups")), e.getCenterHeaderGroups = S(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, r) => (t = t.filter((i) => !(n != null && n.includes(i.id)) && !(r != null && r.includes(i.id))), G(o, t, e, "center")), C(e.options, _, "getCenterHeaderGroups")), e.getLeftHeaderGroups = S(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (o, t, n) => {
       var r;
       const i = (r = n?.map((l) => t.find((u) => u.id === l)).filter(Boolean)) != null ? r : [];
@@ -180,30 +180,30 @@ const ye = {
       var n;
       return !((n = t.subHeaders) != null && n.length);
     }), C(e.options, _, "getRightLeafHeaders")), e.getLeafHeaders = S(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (o, t, n) => {
-      var r, i, l, u, a, g;
-      return [...(r = (i = o[0]) == null ? void 0 : i.headers) != null ? r : [], ...(l = (u = t[0]) == null ? void 0 : u.headers) != null ? l : [], ...(a = (g = n[0]) == null ? void 0 : g.headers) != null ? a : []].map((f) => f.getLeafHeaders()).flat();
+      var r, i, l, u, a, d;
+      return [...(r = (i = o[0]) == null ? void 0 : i.headers) != null ? r : [], ...(l = (u = t[0]) == null ? void 0 : u.headers) != null ? l : [], ...(a = (d = n[0]) == null ? void 0 : d.headers) != null ? a : []].map((c) => c.getLeafHeaders()).flat();
     }, C(e.options, _, "getLeafHeaders"));
   }
 };
 function G(e, o, t, n) {
   var r, i;
   let l = 0;
-  const u = function(d, s) {
-    s === void 0 && (s = 1), l = Math.max(l, s), d.filter((c) => c.getIsVisible()).forEach((c) => {
+  const u = function(g, s) {
+    s === void 0 && (s = 1), l = Math.max(l, s), g.filter((f) => f.getIsVisible()).forEach((f) => {
       var p;
-      (p = c.columns) != null && p.length && u(c.columns, s + 1);
+      (p = f.columns) != null && p.length && u(f.columns, s + 1);
     }, 0);
   };
   u(e);
   let a = [];
-  const g = (d, s) => {
-    const c = {
+  const d = (g, s) => {
+    const f = {
       depth: s,
       id: [n, `${s}`].filter(Boolean).join("_"),
       headers: []
     }, p = [];
-    d.forEach((R) => {
-      const w = [...p].reverse()[0], h = R.column.depth === c.depth;
+    g.forEach((R) => {
+      const w = [...p].reverse()[0], h = R.column.depth === f.depth;
       let v, M = !1;
       if (h && R.column.parent ? v = R.column.parent : (v = R.column, M = !0), w && w?.column === v)
         w.subHeaders.push(R);
@@ -217,16 +217,16 @@ function G(e, o, t, n) {
         });
         F.subHeaders.push(R), p.push(F);
       }
-      c.headers.push(R), R.headerGroup = c;
-    }), a.push(c), s > 0 && g(p, s - 1);
-  }, f = o.map((d, s) => se(t, d, {
+      f.headers.push(R), R.headerGroup = f;
+    }), a.push(f), s > 0 && d(p, s - 1);
+  }, c = o.map((g, s) => se(t, g, {
     depth: l,
     index: s
   }));
-  g(f, l - 1), a.reverse();
-  const m = (d) => d.filter((c) => c.column.getIsVisible()).map((c) => {
+  d(c, l - 1), a.reverse();
+  const m = (g) => g.filter((f) => f.column.getIsVisible()).map((f) => {
     let p = 0, R = 0, w = [0];
-    c.subHeaders && c.subHeaders.length ? (w = [], m(c.subHeaders).forEach((v) => {
+    f.subHeaders && f.subHeaders.length ? (w = [], m(f.subHeaders).forEach((v) => {
       let {
         colSpan: M,
         rowSpan: F
@@ -234,7 +234,7 @@ function G(e, o, t, n) {
       p += M, w.push(F);
     })) : p = 1;
     const h = Math.min(...w);
-    return R = R + h, c.colSpan = p, c.rowSpan = R, {
+    return R = R + h, f.colSpan = p, f.rowSpan = R, {
       colSpan: p,
       rowSpan: R
     };
@@ -253,39 +253,39 @@ const Z = (e, o, t, n, r, i, l) => {
     getValue: (a) => {
       if (u._valuesCache.hasOwnProperty(a))
         return u._valuesCache[a];
-      const g = e.getColumn(a);
-      if (g != null && g.accessorFn)
-        return u._valuesCache[a] = g.accessorFn(u.original, n), u._valuesCache[a];
+      const d = e.getColumn(a);
+      if (d != null && d.accessorFn)
+        return u._valuesCache[a] = d.accessorFn(u.original, n), u._valuesCache[a];
     },
     getUniqueValues: (a) => {
       if (u._uniqueValuesCache.hasOwnProperty(a))
         return u._uniqueValuesCache[a];
-      const g = e.getColumn(a);
-      if (g != null && g.accessorFn)
-        return g.columnDef.getUniqueValues ? (u._uniqueValuesCache[a] = g.columnDef.getUniqueValues(u.original, n), u._uniqueValuesCache[a]) : (u._uniqueValuesCache[a] = [u.getValue(a)], u._uniqueValuesCache[a]);
+      const d = e.getColumn(a);
+      if (d != null && d.accessorFn)
+        return d.columnDef.getUniqueValues ? (u._uniqueValuesCache[a] = d.columnDef.getUniqueValues(u.original, n), u._uniqueValuesCache[a]) : (u._uniqueValuesCache[a] = [u.getValue(a)], u._uniqueValuesCache[a]);
     },
     renderValue: (a) => {
-      var g;
-      return (g = u.getValue(a)) != null ? g : e.options.renderFallbackValue;
+      var d;
+      return (d = u.getValue(a)) != null ? d : e.options.renderFallbackValue;
     },
     subRows: [],
     getLeafRows: () => xe(u.subRows, (a) => a.subRows),
     getParentRow: () => u.parentId ? e.getRow(u.parentId, !0) : void 0,
     getParentRows: () => {
-      let a = [], g = u;
+      let a = [], d = u;
       for (; ; ) {
-        const f = g.getParentRow();
-        if (!f) break;
-        a.push(f), g = f;
+        const c = d.getParentRow();
+        if (!c) break;
+        a.push(c), d = c;
       }
       return a.reverse();
     },
-    getAllCells: S(() => [e.getAllLeafColumns()], (a) => a.map((g) => Pe(e, u, g, g.id)), C(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: S(() => [u.getAllCells()], (a) => a.reduce((g, f) => (g[f.column.id] = f, g), {}), C(e.options, "debugRows", "getAllCellsByColumnId"))
+    getAllCells: S(() => [e.getAllLeafColumns()], (a) => a.map((d) => Pe(e, u, d, d.id)), C(e.options, "debugRows", "getAllCells")),
+    _getAllCellsByColumnId: S(() => [u.getAllCells()], (a) => a.reduce((d, c) => (d[c.column.id] = c, d), {}), C(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let a = 0; a < e._features.length; a++) {
-    const g = e._features[a];
-    g == null || g.createRow == null || g.createRow(u, e);
+    const d = e._features[a];
+    d == null || d.createRow == null || d.createRow(u, e);
   }
   return u;
 }, Ee = {
@@ -306,16 +306,16 @@ const de = (e, o, t) => {
   return !!(!((n = e.getValue(o)) == null || (n = n.toString()) == null) && n.includes(t));
 };
 de.autoRemove = (e) => V(e);
-const fe = (e, o, t) => {
+const ce = (e, o, t) => {
   var n;
   return ((n = e.getValue(o)) == null || (n = n.toString()) == null ? void 0 : n.toLowerCase()) === t?.toLowerCase();
 };
-fe.autoRemove = (e) => V(e);
-const ce = (e, o, t) => {
+ce.autoRemove = (e) => V(e);
+const fe = (e, o, t) => {
   var n;
   return (n = e.getValue(o)) == null ? void 0 : n.includes(t);
 };
-ce.autoRemove = (e) => V(e);
+fe.autoRemove = (e) => V(e);
 const pe = (e, o, t) => !t.some((n) => {
   var r;
   return !((r = e.getValue(o)) != null && r.includes(n));
@@ -347,8 +347,8 @@ b.autoRemove = (e) => V(e) || V(e[0]) && V(e[1]);
 const P = {
   includesString: ge,
   includesStringSensitive: de,
-  equalsString: fe,
-  arrIncludes: ce,
+  equalsString: ce,
+  arrIncludes: fe,
   arrIncludesAll: pe,
   arrIncludesSome: me,
   equals: Se,
@@ -392,18 +392,18 @@ const De = {
       return (t = (n = o.getState().columnFilters) == null ? void 0 : n.findIndex((r) => r.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       o.setColumnFilters((n) => {
-        const r = e.getFilterFn(), i = n?.find((f) => f.id === e.id), l = I(t, i ? i.value : void 0);
+        const r = e.getFilterFn(), i = n?.find((c) => c.id === e.id), l = I(t, i ? i.value : void 0);
         if (ue(r, l, e)) {
           var u;
-          return (u = n?.filter((f) => f.id !== e.id)) != null ? u : [];
+          return (u = n?.filter((c) => c.id !== e.id)) != null ? u : [];
         }
         const a = {
           id: e.id,
           value: l
         };
         if (i) {
-          var g;
-          return (g = n?.map((f) => f.id === e.id ? a : f)) != null ? g : [];
+          var d;
+          return (d = n?.map((c) => c.id === e.id ? a : c)) != null ? d : [];
         }
         return n != null && n.length ? [...n, a] : [a];
       });
@@ -585,8 +585,8 @@ const je = {
       else {
         const l = [...o], u = [...r];
         for (; u.length && l.length; ) {
-          const a = l.shift(), g = u.findIndex((f) => f.id === a);
-          g > -1 && i.push(u.splice(g, 1)[0]);
+          const a = l.shift(), d = u.findIndex((c) => c.id === a);
+          d > -1 && i.push(u.splice(d, 1)[0]);
         }
         i = [...i, ...u];
       }
@@ -617,10 +617,10 @@ const je = {
           };
         }
         if (t === "left") {
-          var g, f;
+          var d, c;
           return {
-            left: [...((g = r?.left) != null ? g : []).filter((m) => !(n != null && n.includes(m))), ...n],
-            right: ((f = r?.right) != null ? f : []).filter((m) => !(n != null && n.includes(m)))
+            left: [...((d = r?.left) != null ? d : []).filter((m) => !(n != null && n.includes(m))), ...n],
+            right: ((c = r?.right) != null ? c : []).filter((m) => !(n != null && n.includes(m)))
           };
         }
         return {
@@ -741,13 +741,13 @@ const L = {
       return (i) => {
         if (!n || !r || (i.persist == null || i.persist(), q(i) && i.touches && i.touches.length > 1))
           return;
-        const l = e.getSize(), u = e ? e.getLeafHeaders().map((w) => [w.column.id, w.column.getSize()]) : [[n.id, n.getSize()]], a = q(i) ? Math.round(i.touches[0].clientX) : i.clientX, g = {}, f = (w, h) => {
+        const l = e.getSize(), u = e ? e.getLeafHeaders().map((w) => [w.column.id, w.column.getSize()]) : [[n.id, n.getSize()]], a = q(i) ? Math.round(i.touches[0].clientX) : i.clientX, d = {}, c = (w, h) => {
           typeof h == "number" && (o.setColumnSizingInfo((v) => {
             var M, F;
             const E = o.options.columnResizeDirection === "rtl" ? -1 : 1, ne = (h - ((M = v?.startOffset) != null ? M : 0)) * E, oe = Math.max(ne / ((F = v?.startSize) != null ? F : 0), -0.999999);
             return v.columnSizingStart.forEach((we) => {
               let [he, re] = we;
-              g[he] = Math.round(Math.max(re + re * oe, 0) * 100) / 100;
+              d[he] = Math.round(Math.max(re + re * oe, 0) * 100) / 100;
             }), {
               ...v,
               deltaOffset: ne,
@@ -755,10 +755,10 @@ const L = {
             };
           }), (o.options.columnResizeMode === "onChange" || w === "end") && o.setColumnSizing((v) => ({
             ...v,
-            ...g
+            ...d
           })));
-        }, m = (w) => f("move", w), d = (w) => {
-          f("end", w), o.setColumnSizingInfo((h) => ({
+        }, m = (w) => c("move", w), g = (w) => {
+          c("end", w), o.setColumnSizingInfo((h) => ({
             ...h,
             isResizingColumn: !1,
             startOffset: null,
@@ -767,21 +767,21 @@ const L = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, s = Xe(t), c = {
+        }, s = Xe(t), f = {
           moveHandler: (w) => m(w.clientX),
           upHandler: (w) => {
-            s?.removeEventListener("mousemove", c.moveHandler), s?.removeEventListener("mouseup", c.upHandler), d(w.clientX);
+            s?.removeEventListener("mousemove", f.moveHandler), s?.removeEventListener("mouseup", f.upHandler), g(w.clientX);
           }
         }, p = {
           moveHandler: (w) => (w.cancelable && (w.preventDefault(), w.stopPropagation()), m(w.touches[0].clientX), !1),
           upHandler: (w) => {
             var h;
-            s?.removeEventListener("touchmove", p.moveHandler), s?.removeEventListener("touchend", p.upHandler), w.cancelable && (w.preventDefault(), w.stopPropagation()), d((h = w.touches[0]) == null ? void 0 : h.clientX);
+            s?.removeEventListener("touchmove", p.moveHandler), s?.removeEventListener("touchend", p.upHandler), w.cancelable && (w.preventDefault(), w.stopPropagation()), g((h = w.touches[0]) == null ? void 0 : h.clientX);
           }
         }, R = Je() ? {
           passive: !1
         } : !1;
-        q(i) ? (s?.addEventListener("touchmove", p.moveHandler, R), s?.addEventListener("touchend", p.upHandler, R)) : (s?.addEventListener("mousemove", c.moveHandler, R), s?.addEventListener("mouseup", c.upHandler, R)), o.setColumnSizingInfo((w) => ({
+        q(i) ? (s?.addEventListener("touchmove", p.moveHandler, R), s?.addEventListener("touchend", p.upHandler, R)) : (s?.addEventListener("mousemove", f.moveHandler, R), s?.addEventListener("mouseup", f.upHandler, R)), o.setColumnSizingInfo((w) => ({
           ...w,
           startOffset: a,
           startSize: l,
@@ -1108,34 +1108,34 @@ const We = {
     e.pin = (t, n, r) => {
       const i = n ? e.getLeafRows().map((a) => {
         let {
-          id: g
+          id: d
         } = a;
-        return g;
+        return d;
       }) : [], l = r ? e.getParentRows().map((a) => {
         let {
-          id: g
+          id: d
         } = a;
-        return g;
+        return d;
       }) : [], u = /* @__PURE__ */ new Set([...l, e.id, ...i]);
       o.setRowPinning((a) => {
-        var g, f;
+        var d, c;
         if (t === "bottom") {
-          var m, d;
+          var m, g;
           return {
             top: ((m = a?.top) != null ? m : []).filter((p) => !(u != null && u.has(p))),
-            bottom: [...((d = a?.bottom) != null ? d : []).filter((p) => !(u != null && u.has(p))), ...Array.from(u)]
+            bottom: [...((g = a?.bottom) != null ? g : []).filter((p) => !(u != null && u.has(p))), ...Array.from(u)]
           };
         }
         if (t === "top") {
-          var s, c;
+          var s, f;
           return {
             top: [...((s = a?.top) != null ? s : []).filter((p) => !(u != null && u.has(p))), ...Array.from(u)],
-            bottom: ((c = a?.bottom) != null ? c : []).filter((p) => !(u != null && u.has(p)))
+            bottom: ((f = a?.bottom) != null ? f : []).filter((p) => !(u != null && u.has(p)))
           };
         }
         return {
-          top: ((g = a?.top) != null ? g : []).filter((p) => !(u != null && u.has(p))),
-          bottom: ((f = a?.bottom) != null ? f : []).filter((p) => !(u != null && u.has(p)))
+          top: ((d = a?.top) != null ? d : []).filter((p) => !(u != null && u.has(p))),
+          bottom: ((c = a?.bottom) != null ? c : []).filter((p) => !(u != null && u.has(p)))
         };
       });
     }, e.getCanPin = () => {
@@ -1323,12 +1323,12 @@ const We = {
 function U(e, o) {
   const t = e.getState().rowSelection, n = [], r = {}, i = function(l, u) {
     return l.map((a) => {
-      var g;
-      const f = ee(a, t);
-      if (f && (n.push(a), r[a.id] = a), (g = a.subRows) != null && g.length && (a = {
+      var d;
+      const c = ee(a, t);
+      if (c && (n.push(a), r[a.id] = a), (d = a.subRows) != null && d.length && (a = {
         ...a,
         subRows: i(a.subRows)
-      }), f)
+      }), c)
         return a;
     }).filter(Boolean);
   };
@@ -1427,21 +1427,21 @@ const D = {
       const r = e.getNextSortingOrder(), i = typeof t < "u" && t !== null;
       o.setSorting((l) => {
         const u = l?.find((s) => s.id === e.id), a = l?.findIndex((s) => s.id === e.id);
-        let g = [], f, m = i ? t : r === "desc";
-        if (l != null && l.length && e.getCanMultiSort() && n ? u ? f = "toggle" : f = "add" : l != null && l.length && a !== l.length - 1 ? f = "replace" : u ? f = "toggle" : f = "replace", f === "toggle" && (i || r || (f = "remove")), f === "add") {
-          var d;
-          g = [...l, {
+        let d = [], c, m = i ? t : r === "desc";
+        if (l != null && l.length && e.getCanMultiSort() && n ? u ? c = "toggle" : c = "add" : l != null && l.length && a !== l.length - 1 ? c = "replace" : u ? c = "toggle" : c = "replace", c === "toggle" && (i || r || (c = "remove")), c === "add") {
+          var g;
+          d = [...l, {
             id: e.id,
             desc: m
-          }], g.splice(0, g.length - ((d = o.options.maxMultiSortColCount) != null ? d : Number.MAX_SAFE_INTEGER));
-        } else f === "toggle" ? g = l.map((s) => s.id === e.id ? {
+          }], d.splice(0, d.length - ((g = o.options.maxMultiSortColCount) != null ? g : Number.MAX_SAFE_INTEGER));
+        } else c === "toggle" ? d = l.map((s) => s.id === e.id ? {
           ...s,
           desc: m
-        } : s) : f === "remove" ? g = l.filter((s) => s.id !== e.id) : g = [{
+        } : s) : c === "remove" ? d = l.filter((s) => s.id !== e.id) : d = [{
           id: e.id,
           desc: m
         }];
-        return g;
+        return d;
       });
     }, e.getFirstSortDir = () => {
       var t, n;
@@ -1506,20 +1506,20 @@ function gt(e) {
   let r = {
     _features: n
   };
-  const i = r._features.reduce((d, s) => Object.assign(d, s.getDefaultOptions == null ? void 0 : s.getDefaultOptions(r)), {}), l = (d) => r.options.mergeOptions ? r.options.mergeOptions(i, d) : {
+  const i = r._features.reduce((g, s) => Object.assign(g, s.getDefaultOptions == null ? void 0 : s.getDefaultOptions(r)), {}), l = (g) => r.options.mergeOptions ? r.options.mergeOptions(i, g) : {
     ...i,
-    ...d
+    ...g
   };
   let a = {
     ...{},
     ...(t = e.initialState) != null ? t : {}
   };
-  r._features.forEach((d) => {
+  r._features.forEach((g) => {
     var s;
-    a = (s = d.getInitialState == null ? void 0 : d.getInitialState(a)) != null ? s : a;
+    a = (s = g.getInitialState == null ? void 0 : g.getInitialState(a)) != null ? s : a;
   });
-  const g = [];
-  let f = !1;
+  const d = [];
+  let c = !1;
   const m = {
     _features: n,
     options: {
@@ -1527,11 +1527,11 @@ function gt(e) {
       ...e
     },
     initialState: a,
-    _queue: (d) => {
-      g.push(d), f || (f = !0, Promise.resolve().then(() => {
-        for (; g.length; )
-          g.shift()();
-        f = !1;
+    _queue: (g) => {
+      d.push(g), c || (c = !0, Promise.resolve().then(() => {
+        for (; d.length; )
+          d.shift()();
+        c = !1;
       }).catch((s) => setTimeout(() => {
         throw s;
       })));
@@ -1539,69 +1539,69 @@ function gt(e) {
     reset: () => {
       r.setState(r.initialState);
     },
-    setOptions: (d) => {
-      const s = I(d, r.options);
+    setOptions: (g) => {
+      const s = I(g, r.options);
       r.options = l(s);
     },
     getState: () => r.options.state,
-    setState: (d) => {
-      r.options.onStateChange == null || r.options.onStateChange(d);
+    setState: (g) => {
+      r.options.onStateChange == null || r.options.onStateChange(g);
     },
-    _getRowId: (d, s, c) => {
+    _getRowId: (g, s, f) => {
       var p;
-      return (p = r.options.getRowId == null ? void 0 : r.options.getRowId(d, s, c)) != null ? p : `${c ? [c.id, s].join(".") : s}`;
+      return (p = r.options.getRowId == null ? void 0 : r.options.getRowId(g, s, f)) != null ? p : `${f ? [f.id, s].join(".") : s}`;
     },
     getCoreRowModel: () => (r._getCoreRowModel || (r._getCoreRowModel = r.options.getCoreRowModel(r)), r._getCoreRowModel()),
     // The final calls start at the bottom of the model,
     // expanded rows, which then work their way up
     getRowModel: () => r.getPaginationRowModel(),
     //in next version, we should just pass in the row model as the optional 2nd arg
-    getRow: (d, s) => {
-      let c = (s ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[d];
-      if (!c && (c = r.getCoreRowModel().rowsById[d], !c))
-        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${d}`) : new Error();
-      return c;
+    getRow: (g, s) => {
+      let f = (s ? r.getPrePaginationRowModel() : r.getRowModel()).rowsById[g];
+      if (!f && (f = r.getCoreRowModel().rowsById[g], !f))
+        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${g}`) : new Error();
+      return f;
     },
-    _getDefaultColumnDef: S(() => [r.options.defaultColumn], (d) => {
+    _getDefaultColumnDef: S(() => [r.options.defaultColumn], (g) => {
       var s;
-      return d = (s = d) != null ? s : {}, {
-        header: (c) => {
-          const p = c.header.column.columnDef;
+      return g = (s = g) != null ? s : {}, {
+        header: (f) => {
+          const p = f.header.column.columnDef;
           return p.accessorKey ? p.accessorKey : p.accessorFn ? p.id : null;
         },
         // footer: props => props.header.column.id,
-        cell: (c) => {
+        cell: (f) => {
           var p, R;
-          return (p = (R = c.renderValue()) == null || R.toString == null ? void 0 : R.toString()) != null ? p : null;
+          return (p = (R = f.renderValue()) == null || R.toString == null ? void 0 : R.toString()) != null ? p : null;
         },
-        ...r._features.reduce((c, p) => Object.assign(c, p.getDefaultColumnDef == null ? void 0 : p.getDefaultColumnDef()), {}),
-        ...d
+        ...r._features.reduce((f, p) => Object.assign(f, p.getDefaultColumnDef == null ? void 0 : p.getDefaultColumnDef()), {}),
+        ...g
       };
     }, C(e, "debugColumns", "_getDefaultColumnDef")),
     _getColumnDefs: () => r.options.columns,
-    getAllColumns: S(() => [r._getColumnDefs()], (d) => {
-      const s = function(c, p, R) {
-        return R === void 0 && (R = 0), c.map((w) => {
+    getAllColumns: S(() => [r._getColumnDefs()], (g) => {
+      const s = function(f, p, R) {
+        return R === void 0 && (R = 0), f.map((w) => {
           const h = Ie(r, w, R, p), v = w;
           return h.columns = v.columns ? s(v.columns, h, R + 1) : [], h;
         });
       };
-      return s(d);
+      return s(g);
     }, C(e, "debugColumns", "getAllColumns")),
-    getAllFlatColumns: S(() => [r.getAllColumns()], (d) => d.flatMap((s) => s.getFlatColumns()), C(e, "debugColumns", "getAllFlatColumns")),
-    _getAllFlatColumnsById: S(() => [r.getAllFlatColumns()], (d) => d.reduce((s, c) => (s[c.id] = c, s), {}), C(e, "debugColumns", "getAllFlatColumnsById")),
-    getAllLeafColumns: S(() => [r.getAllColumns(), r._getOrderColumnsFn()], (d, s) => {
-      let c = d.flatMap((p) => p.getLeafColumns());
-      return s(c);
+    getAllFlatColumns: S(() => [r.getAllColumns()], (g) => g.flatMap((s) => s.getFlatColumns()), C(e, "debugColumns", "getAllFlatColumns")),
+    _getAllFlatColumnsById: S(() => [r.getAllFlatColumns()], (g) => g.reduce((s, f) => (s[f.id] = f, s), {}), C(e, "debugColumns", "getAllFlatColumnsById")),
+    getAllLeafColumns: S(() => [r.getAllColumns(), r._getOrderColumnsFn()], (g, s) => {
+      let f = g.flatMap((p) => p.getLeafColumns());
+      return s(f);
     }, C(e, "debugColumns", "getAllLeafColumns")),
-    getColumn: (d) => {
-      const s = r._getAllFlatColumnsById()[d];
-      return process.env.NODE_ENV !== "production" && !s && console.error(`[Table] Column with id '${d}' does not exist.`), s;
+    getColumn: (g) => {
+      const s = r._getAllFlatColumnsById()[g];
+      return process.env.NODE_ENV !== "production" && !s && console.error(`[Table] Column with id '${g}' does not exist.`), s;
     }
   };
   Object.assign(r, m);
-  for (let d = 0; d < r._features.length; d++) {
-    const s = r._features[d];
+  for (let g = 0; g < r._features.length; g++) {
+    const s = r._features[g];
     s == null || s.createTable == null || s.createTable(r);
   }
   return r;
@@ -1615,11 +1615,11 @@ function dt() {
     }, n = function(r, i, l) {
       i === void 0 && (i = 0);
       const u = [];
-      for (let g = 0; g < r.length; g++) {
-        const f = Z(e, e._getRowId(r[g], g, l), r[g], g, i, void 0, l?.id);
-        if (t.flatRows.push(f), t.rowsById[f.id] = f, u.push(f), e.options.getSubRows) {
+      for (let d = 0; d < r.length; d++) {
+        const c = Z(e, e._getRowId(r[d], d, l), r[d], d, i, void 0, l?.id);
+        if (t.flatRows.push(c), t.rowsById[c.id] = c, u.push(c), e.options.getSubRows) {
           var a;
-          f.originalSubRows = e.options.getSubRows(r[g], g), (a = f.originalSubRows) != null && a.length && (f.subRows = n(f.originalSubRows, i + 1, f));
+          c.originalSubRows = e.options.getSubRows(r[d], d), (a = c.originalSubRows) != null && a.length && (c.subRows = n(c.originalSubRows, i + 1, c));
         }
       }
       return u;
@@ -1627,7 +1627,7 @@ function dt() {
     return t.rows = n(o), t;
   }, C(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
 }
-function ft(e) {
+function ct(e) {
   const o = [], t = (n) => {
     var r;
     o.push(n), (r = n.subRows) != null && r.length && n.getIsExpanded() && n.subRows.forEach(t);
@@ -1638,31 +1638,31 @@ function ft(e) {
     rowsById: e.rowsById
   };
 }
-function ct(e, o, t) {
+function ft(e, o, t) {
   return t.options.filterFromLeafRows ? pt(e, o, t) : mt(e, o, t);
 }
 function pt(e, o, t) {
   var n;
-  const r = [], i = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, u = function(a, g) {
-    g === void 0 && (g = 0);
-    const f = [];
-    for (let d = 0; d < a.length; d++) {
+  const r = [], i = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, u = function(a, d) {
+    d === void 0 && (d = 0);
+    const c = [];
+    for (let g = 0; g < a.length; g++) {
       var m;
-      let s = a[d];
-      const c = Z(t, s.id, s.original, s.index, s.depth, void 0, s.parentId);
-      if (c.columnFilters = s.columnFilters, (m = s.subRows) != null && m.length && g < l) {
-        if (c.subRows = u(s.subRows, g + 1), s = c, o(s) && !c.subRows.length) {
-          f.push(s), i[s.id] = s, r.push(s);
+      let s = a[g];
+      const f = Z(t, s.id, s.original, s.index, s.depth, void 0, s.parentId);
+      if (f.columnFilters = s.columnFilters, (m = s.subRows) != null && m.length && d < l) {
+        if (f.subRows = u(s.subRows, d + 1), s = f, o(s) && !f.subRows.length) {
+          c.push(s), i[s.id] = s, r.push(s);
           continue;
         }
-        if (o(s) || c.subRows.length) {
-          f.push(s), i[s.id] = s, r.push(s);
+        if (o(s) || f.subRows.length) {
+          c.push(s), i[s.id] = s, r.push(s);
           continue;
         }
       } else
-        s = c, o(s) && (f.push(s), i[s.id] = s, r.push(s));
+        s = f, o(s) && (c.push(s), i[s.id] = s, r.push(s));
     }
-    return f;
+    return c;
   };
   return {
     rows: u(e),
@@ -1672,21 +1672,21 @@ function pt(e, o, t) {
 }
 function mt(e, o, t) {
   var n;
-  const r = [], i = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, u = function(a, g) {
-    g === void 0 && (g = 0);
-    const f = [];
-    for (let d = 0; d < a.length; d++) {
-      let s = a[d];
+  const r = [], i = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, u = function(a, d) {
+    d === void 0 && (d = 0);
+    const c = [];
+    for (let g = 0; g < a.length; g++) {
+      let s = a[g];
       if (o(s)) {
         var m;
-        if ((m = s.subRows) != null && m.length && g < l) {
+        if ((m = s.subRows) != null && m.length && d < l) {
           const p = Z(t, s.id, s.original, s.index, s.depth, void 0, s.parentId);
-          p.subRows = u(s.subRows, g + 1), s = p;
+          p.subRows = u(s.subRows, d + 1), s = p;
         }
-        f.push(s), r.push(s), i[s.id] = s;
+        c.push(s), r.push(s), i[s.id] = s;
       }
     }
-    return f;
+    return c;
   };
   return {
     rows: u(e),
@@ -1697,52 +1697,52 @@ function mt(e, o, t) {
 function St() {
   return (e) => S(() => [e.getPreFilteredRowModel(), e.getState().columnFilters, e.getState().globalFilter], (o, t, n) => {
     if (!o.rows.length || !(t != null && t.length) && !n) {
-      for (let d = 0; d < o.flatRows.length; d++)
-        o.flatRows[d].columnFilters = {}, o.flatRows[d].columnFiltersMeta = {};
+      for (let g = 0; g < o.flatRows.length; g++)
+        o.flatRows[g].columnFilters = {}, o.flatRows[g].columnFiltersMeta = {};
       return o;
     }
     const r = [], i = [];
-    (t ?? []).forEach((d) => {
+    (t ?? []).forEach((g) => {
       var s;
-      const c = e.getColumn(d.id);
-      if (!c)
+      const f = e.getColumn(g.id);
+      if (!f)
         return;
-      const p = c.getFilterFn();
+      const p = f.getFilterFn();
       if (!p) {
-        process.env.NODE_ENV !== "production" && console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${c.id}.`);
+        process.env.NODE_ENV !== "production" && console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${f.id}.`);
         return;
       }
       r.push({
-        id: d.id,
+        id: g.id,
         filterFn: p,
-        resolvedValue: (s = p.resolveFilterValue == null ? void 0 : p.resolveFilterValue(d.value)) != null ? s : d.value
+        resolvedValue: (s = p.resolveFilterValue == null ? void 0 : p.resolveFilterValue(g.value)) != null ? s : g.value
       });
     });
-    const l = (t ?? []).map((d) => d.id), u = e.getGlobalFilterFn(), a = e.getAllLeafColumns().filter((d) => d.getCanGlobalFilter());
-    n && u && a.length && (l.push("__global__"), a.forEach((d) => {
+    const l = (t ?? []).map((g) => g.id), u = e.getGlobalFilterFn(), a = e.getAllLeafColumns().filter((g) => g.getCanGlobalFilter());
+    n && u && a.length && (l.push("__global__"), a.forEach((g) => {
       var s;
       i.push({
-        id: d.id,
+        id: g.id,
         filterFn: u,
         resolvedValue: (s = u.resolveFilterValue == null ? void 0 : u.resolveFilterValue(n)) != null ? s : n
       });
     }));
-    let g, f;
-    for (let d = 0; d < o.flatRows.length; d++) {
-      const s = o.flatRows[d];
+    let d, c;
+    for (let g = 0; g < o.flatRows.length; g++) {
+      const s = o.flatRows[g];
       if (s.columnFilters = {}, r.length)
-        for (let c = 0; c < r.length; c++) {
-          g = r[c];
-          const p = g.id;
-          s.columnFilters[p] = g.filterFn(s, p, g.resolvedValue, (R) => {
+        for (let f = 0; f < r.length; f++) {
+          d = r[f];
+          const p = d.id;
+          s.columnFilters[p] = d.filterFn(s, p, d.resolvedValue, (R) => {
             s.columnFiltersMeta[p] = R;
           });
         }
       if (i.length) {
-        for (let c = 0; c < i.length; c++) {
-          f = i[c];
-          const p = f.id;
-          if (f.filterFn(s, p, f.resolvedValue, (R) => {
+        for (let f = 0; f < i.length; f++) {
+          c = i[f];
+          const p = c.id;
+          if (c.filterFn(s, p, c.resolvedValue, (R) => {
             s.columnFiltersMeta[p] = R;
           })) {
             s.columnFilters.__global__ = !0;
@@ -1752,13 +1752,13 @@ function St() {
         s.columnFilters.__global__ !== !0 && (s.columnFilters.__global__ = !1);
       }
     }
-    const m = (d) => {
+    const m = (g) => {
       for (let s = 0; s < l.length; s++)
-        if (d.columnFilters[l[s]] === !1)
+        if (g.columnFilters[l[s]] === !1)
           return !1;
       return !0;
     };
-    return ct(o.rows, m, e);
+    return ft(o.rows, m, e);
   }, C(e.options, "debugTable", "getFilteredRowModel", () => e._autoResetPageIndex()));
 }
 function Ct(e) {
@@ -1774,22 +1774,22 @@ function Ct(e) {
       flatRows: u,
       rowsById: a
     } = n;
-    const g = r * i, f = g + r;
-    l = l.slice(g, f);
+    const d = r * i, c = d + r;
+    l = l.slice(d, c);
     let m;
     o.options.paginateExpandedRows ? m = {
       rows: l,
       flatRows: u,
       rowsById: a
-    } : m = ft({
+    } : m = ct({
       rows: l,
       flatRows: u,
       rowsById: a
     }), m.flatRows = [];
-    const d = (s) => {
-      m.flatRows.push(s), s.subRows.length && s.subRows.forEach(d);
+    const g = (s) => {
+      m.flatRows.push(s), s.subRows.length && s.subRows.forEach(g);
     };
-    return m.rows.forEach(d), m;
+    return m.rows.forEach(g), m;
   }, C(o.options, "debugTable", "getPaginationRowModel"));
 }
 function Rt() {
@@ -1797,42 +1797,42 @@ function Rt() {
     if (!t.rows.length || !(o != null && o.length))
       return t;
     const n = e.getState().sorting, r = [], i = n.filter((a) => {
-      var g;
-      return (g = e.getColumn(a.id)) == null ? void 0 : g.getCanSort();
+      var d;
+      return (d = e.getColumn(a.id)) == null ? void 0 : d.getCanSort();
     }), l = {};
     i.forEach((a) => {
-      const g = e.getColumn(a.id);
-      g && (l[a.id] = {
-        sortUndefined: g.columnDef.sortUndefined,
-        invertSorting: g.columnDef.invertSorting,
-        sortingFn: g.getSortingFn()
+      const d = e.getColumn(a.id);
+      d && (l[a.id] = {
+        sortUndefined: d.columnDef.sortUndefined,
+        invertSorting: d.columnDef.invertSorting,
+        sortingFn: d.getSortingFn()
       });
     });
     const u = (a) => {
-      const g = a.map((f) => ({
-        ...f
+      const d = a.map((c) => ({
+        ...c
       }));
-      return g.sort((f, m) => {
+      return d.sort((c, m) => {
         for (let s = 0; s < i.length; s += 1) {
-          var d;
-          const c = i[s], p = l[c.id], R = p.sortUndefined, w = (d = c?.desc) != null ? d : !1;
+          var g;
+          const f = i[s], p = l[f.id], R = p.sortUndefined, w = (g = f?.desc) != null ? g : !1;
           let h = 0;
           if (R) {
-            const v = f.getValue(c.id), M = m.getValue(c.id), F = v === void 0, E = M === void 0;
+            const v = c.getValue(f.id), M = m.getValue(f.id), F = v === void 0, E = M === void 0;
             if (F || E) {
               if (R === "first") return F ? -1 : 1;
               if (R === "last") return F ? 1 : -1;
               h = F && E ? 0 : F ? R : -R;
             }
           }
-          if (h === 0 && (h = p.sortingFn(f, m, c.id)), h !== 0)
+          if (h === 0 && (h = p.sortingFn(c, m, f.id)), h !== 0)
             return w && (h *= -1), p.invertSorting && (h *= -1), h;
         }
-        return f.index - m.index;
-      }), g.forEach((f) => {
+        return c.index - m.index;
+      }), d.forEach((c) => {
         var m;
-        r.push(f), (m = f.subRows) != null && m.length && (f.subRows = u(f.subRows));
-      }), g;
+        r.push(c), (m = c.subRows) != null && m.length && (c.subRows = u(c.subRows));
+      }), d;
     };
     return {
       rows: u(t.rows),
@@ -1892,21 +1892,23 @@ function Mt({
   setGlobalFilter: l,
   onSortingChange: u,
   onColumnFiltersChange: a,
-  onPaginationChange: g,
-  className: f
+  onPaginationChange: d,
+  rowClickable: c = !1,
+  onRowClick: m,
+  className: g
 }) {
-  const m = {
+  const s = c && !!m, f = {
     sorting: t,
     columnFilters: n,
     ...r && { pagination: r },
     globalFilter: i
-  }, d = _t({
+  }, p = _t({
     data: o,
     columns: e,
-    state: m,
+    state: f,
     onSortingChange: u,
     onColumnFiltersChange: a,
-    onPaginationChange: g,
+    onPaginationChange: d,
     getCoreRowModel: dt(),
     getPaginationRowModel: Ct(),
     getSortedRowModel: Rt(),
@@ -1914,42 +1916,44 @@ function Mt({
     onGlobalFilterChange: l,
     globalFilterFn: "includesString"
   });
-  return /* @__PURE__ */ x("div", { className: le("w-full overflow-hidden", f?.className), children: /* @__PURE__ */ ve(_e, { className: f?.tableClassName, children: [
-    /* @__PURE__ */ x(Fe, { className: f?.headerClassName, children: d.getHeaderGroups().map((s) => /* @__PURE__ */ x(
+  return /* @__PURE__ */ x("div", { className: le("w-full overflow-hidden", g?.className), children: /* @__PURE__ */ ve(_e, { className: g?.tableClassName, children: [
+    /* @__PURE__ */ x(Fe, { className: g?.headerClassName, children: p.getHeaderGroups().map((R) => /* @__PURE__ */ x(
       O,
       {
-        className: f?.rowClassName,
-        children: s.headers.map((c) => /* @__PURE__ */ x(
+        className: g?.rowClassName,
+        children: R.headers.map((w) => /* @__PURE__ */ x(
           $e,
           {
-            className: f?.headCellClassName,
-            children: c.isPlaceholder ? null : ae(c.column.columnDef.header, c.getContext())
+            className: g?.headCellClassName,
+            children: w.isPlaceholder ? null : ae(w.column.columnDef.header, w.getContext())
           },
-          c.id
+          w.id
         ))
       },
-      s.id
+      R.id
     )) }),
-    /* @__PURE__ */ x(Ve, { children: d.getRowModel().rows.length ? d.getRowModel().rows.map((s) => /* @__PURE__ */ x(
+    /* @__PURE__ */ x(Ve, { children: p.getRowModel().rows.length ? p.getRowModel().rows.map((R) => /* @__PURE__ */ x(
       O,
       {
-        className: f?.rowClassName,
-        "data-state": s.getIsSelected() && "selected",
-        children: s.getVisibleCells().map((c) => /* @__PURE__ */ x(
+        className: g?.rowClassName,
+        "data-state": R.getIsSelected() && "selected",
+        clickable: s,
+        onClick: s ? () => m?.(R.original) : void 0,
+        children: R.getVisibleCells().map((w) => /* @__PURE__ */ x(
           ie,
           {
-            className: f?.cellClassName,
-            children: ae(c.column.columnDef.cell, c.getContext())
+            className: g?.cellClassName,
+            children: ae(w.column.columnDef.cell, w.getContext())
           },
-          c.id
+          w.id
         ))
       },
-      s.id
-    )) : /* @__PURE__ */ x(O, { className: f?.rowClassName, children: /* @__PURE__ */ x(
+      R.id
+    )) : /* @__PURE__ */ x(O, { className: g?.rowClassName, children: /* @__PURE__ */ x(
       ie,
       {
         colSpan: e.length,
-        className: le("h-24 text-center", f?.cellClassName),
+        className: le("h-24 text-center", g?.cellClassName),
         children: "No results."
       }
     ) }) })