triafly-ui-kit 1.0.86 → 1.0.88

package/dist/components/Ui/Table/MemoizedRow/MemoizedRow.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
-import y from "react";
+import f from "react";
 import m from "../../../../_virtual/index.js";
-const g = y.memo(
+const $ = f.memo(
   ({
     record: _,
     columns: r,
@@ -9,7 +9,8 @@ const g = y.memo(
     rowClassName: a,
     stickyLeft: b,
     bordered: i,
-    id: o
+    id: o,
+    index: y
   }) => {
     const p = o || (typeof e == "function" ? e(_) : String(_[e]));
     return /* @__PURE__ */ d(
@@ -25,7 +26,12 @@ const g = y.memo(
               "table-component__wrapper__table__tbody__td--sticky-left": b && n === 0
             }),
             align: t.align,
-            children: t.render ? t.render(_[t.dataIndex], _, `${t.key}-${n}`) : String(_[t.dataIndex] ?? "")
+            children: t.render ? t.render(
+              _[t.dataIndex],
+              _,
+              y,
+              `${t.key}-${n}`
+            ) : String(_[t.dataIndex] ?? "")
           },
           `${t.key}-${n}`
         ))
@@ -35,5 +41,5 @@ const g = y.memo(
   }
 );
 export {
-  g as MemoizedRow
+  $ as MemoizedRow
 };

package/dist/components/Ui/Table/Table.js

@@ -35,11 +35,11 @@ const T = {
 }, J) => {
   const x = W.useRef(null), [I, O] = D(i || []), [r, P] = D(
     q || null
-  ), p = Y(() => k ? i : I, [i, I, k]), B = b((e, a) => {
+  ), p = Y(() => k ? i : I, [i, I, k]), B = b((e, n) => {
     O((o) => [...o].sort((d, C) => {
-      const n = d[e], s = C[e];
-      return typeof n == "string" && typeof s == "string" ? a === "asc" ? n.localeCompare(s) : s.localeCompare(n) : typeof n == "number" && typeof s == "number" ? a === "asc" ? n - s : s - n : n instanceof Date && s instanceof Date ? a === "asc" ? n.getTime() - s.getTime() : s.getTime() - n.getTime() : 0;
-    })), P({ key: e, order: a });
+      const s = d[e], a = C[e];
+      return typeof s == "string" && typeof a == "string" ? n === "asc" ? s.localeCompare(a) : a.localeCompare(s) : typeof s == "number" && typeof a == "number" ? n === "asc" ? s - a : a - s : s instanceof Date && a instanceof Date ? n === "asc" ? s.getTime() - a.getTime() : a.getTime() - s.getTime() : 0;
+    })), P({ key: e, order: n });
   }, []), _ = b(
     (e) => typeof c == "function" ? c(e) : String(e[c]),
     [c]
@@ -53,16 +53,16 @@ const T = {
   return Z(() => {
     const e = x.current;
     if (!e) return;
-    const a = (o) => {
+    const n = (o) => {
       const h = o.target, d = h.closest("tr");
       if (!d || h.closest("[data-no-bubble]")) return;
-      const n = d.dataset.id;
-      if (!(!n || !f)) {
-        const s = i == null ? void 0 : i.find((V) => _(V) === n);
-        s && f(s);
+      const s = d.dataset.id;
+      if (!(!s || !f)) {
+        const a = i == null ? void 0 : i.find((V) => _(V) === s);
+        a && f(a);
       }
     };
-    return e.addEventListener("click", a), () => e.removeEventListener("click", a);
+    return e.addEventListener("click", n), () => e.removeEventListener("click", n);
   }, [i, f, _]), /* @__PURE__ */ t("div", { className: l("table-component", $), children: /* @__PURE__ */ t(
     "div",
     {
@@ -102,14 +102,14 @@ const T = {
                       E
                     ),
                     onClick: F,
-                    children: y.map((e, a) => /* @__PURE__ */ t(
+                    children: y.map((e, n) => /* @__PURE__ */ t(
                       "th",
                       {
                         className: l(
                           "table-component__wrapper__table__thead__th",
                           {
                             bordered: m,
-                            stickyLeft: g && a === 0
+                            stickyLeft: g && n === 0
                           },
                           L
                         ),
@@ -133,7 +133,7 @@ const T = {
                           }
                         )
                       },
-                      `${e.key}-${a}`
+                      `${e.key}-${n}`
                     ))
                   }
                 )
@@ -145,7 +145,7 @@ const T = {
                 ref: x,
                 className: l("table-component__wrapper__table__tbody", M),
                 children: [
-                  p == null ? void 0 : p.map((e) => /* @__PURE__ */ t(
+                  p == null ? void 0 : p.map((e, n) => /* @__PURE__ */ t(
                     S,
                     {
                       record: e,
@@ -153,7 +153,8 @@ const T = {
                       rowKey: c,
                       rowClassName: U,
                       stickyLeft: g,
-                      bordered: m
+                      bordered: m,
+                      index: n
                     },
                     _(e)
                   )),

package/dist/main.d.ts

@@ -128,7 +128,7 @@ export declare type Column<T extends object = Record<string, unknown>> = {
     dataIndex?: keyof T | string;
     key: string;
     align?: "left" | "center" | "right";
-    render?: (_: unknown, record: T, index: string) => default_2.ReactNode;
+    render?: (_: unknown, record: T, index: number, colIndex: string) => default_2.ReactNode;
     width?: number;
     className?: string;
     sorted?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.86",
+  "version": "1.0.88",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",