@ichaingo/table 1.5.6 → 1.5.7-beta

package/dist/filters/TimeRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRange.d.ts","sourceRoot":"","sources":["../../src/filters/TimeRange.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AAexB,UAAU,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAqG1B"}
+{"version":3,"file":"TimeRange.d.ts","sourceRoot":"","sources":["../../src/filters/TimeRange.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AAexB,UAAU,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAsG1B"}

package/dist/filters/Token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/filters/Token.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQnE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CA2E9F"}
+{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/filters/Token.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQnE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CA2E9F"}

package/dist/filters/TokenSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../src/filters/TokenSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAO/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CAwEpG"}
+{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../src/filters/TokenSearch.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAO/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CAwEpG"}

package/dist/index.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Table as ie, TableHeader as ce, TableRow as E, TableHead as de, TableBody as me, TableCell as K } from "@ichaingo/ui/table";
-import * as Z from "react";
-import he, { useState as w, useEffect as z } from "react";
+import { Table as ie, TableHeader as ce, TableRow as Z, TableHead as de, TableBody as me, TableCell as z } from "@ichaingo/ui/table";
+import * as J from "react";
+import he, { useState as x, useEffect as V } from "react";
 import { startOfDay as q, endOfDay as X } from "date-fns";
 import { twMerge as v } from "tailwind-merge";
 import { DatePicker as ue } from "antd";
@@ -18,10 +18,10 @@ import Ae from "antd/es/date-picker/locale/zh_TW";
 import be from "antd/es/date-picker/locale/ja_JP";
 import ge from "antd/es/date-picker/locale/ko_KR";
 import D from "@ichaingo/image";
-import { Popover as O, PopoverTrigger as U, PopoverContent as Q } from "@ichaingo/ui/popover";
-import { useLocale as xe, useTranslations as J } from "next-intl";
-import { X as W, Search as V } from "lucide-react";
-import * as Y from "@radix-ui/react-slider";
+import { Popover as U, PopoverTrigger as Q, PopoverContent as W } from "@ichaingo/ui/popover";
+import { useTolgee as xe, useTranslate as K } from "@ichaingo/tolgee/client";
+import { X as E, Search as H } from "lucide-react";
+import * as O from "@radix-ui/react-slider";
 import $ from "@ichaingo/number-like";
 import B from "@ichaingo/translation";
 import _ from "@ichaingo/request";
@@ -33,169 +33,169 @@ import ye from "@ichaingo/loading";
 const Ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
 function ve({
   className: a,
-  onChange: i,
-  ...c
+  onChange: o,
+  ...d
 }) {
-  const m = xe(), [A, k] = Z.useState(!1), y = Z.useRef(null), [g, b] = Z.useState(null), d = {
+  const { getLanguage: p } = xe(), h = p() || "", [k, y] = J.useState(!1), g = J.useRef(null), [w, c] = J.useState(null), A = {
     en: fe,
     "zh-hans": pe,
     "zh-hant": Ae,
     ja: be,
     ko: ge
-  }, f = {
+  }, C = {
     en: "en",
     "zh-hans": "zh-cn",
     "zh-hant": "zh-tw",
     ja: "ja",
     ko: "ko"
   };
-  Z.useEffect(() => {
-    M.locale(f[m] ?? "en");
-  }, [m]);
-  const C = (o) => {
-    if (!o) {
-      i("", ""), N();
+  J.useEffect(() => {
+    M.locale(C[h] ?? "en");
+  }, [h]);
+  const R = (i) => {
+    if (!i) {
+      o("", ""), N();
       return;
     }
-    const [h, p] = o, x = h ? q(h.toDate()) : void 0, T = p ? X(p.toDate()) : void 0;
-    i(x ? Math.floor(x.getTime() / 1e3) : "", T ? Math.floor(T.getTime() / 1e3) : ""), N();
+    const [b, m] = i, T = b ? q(b.toDate()) : void 0, I = m ? X(m.toDate()) : void 0;
+    o(T ? Math.floor(T.getTime() / 1e3) : "", I ? Math.floor(I.getTime() / 1e3) : ""), N();
   }, N = () => {
-    k(!1);
-  }, R = (o) => {
-    o ? k(!0) : C(g);
-  }, S = (o) => {
-    if (!o) {
-      b(null);
+    y(!1);
+  }, S = (i) => {
+    i ? y(!0) : R(w);
+  }, n = (i) => {
+    if (!i) {
+      c(null);
       return;
     }
-    const [h, p] = o;
-    b([h, p]);
-  }, n = (o) => {
-    if (!o || !o[0] || !o[1]) {
-      b(null), i("", ""), N();
+    const [b, m] = i;
+    c([b, m]);
+  }, u = (i) => {
+    if (!i || !i[0] || !i[1]) {
+      c(null), o("", ""), N();
       return;
     }
-    const h = q(o[0].toDate()), p = X(o[1].toDate());
-    i(Math.floor(h.getTime() / 1e3), Math.floor(p.getTime() / 1e3)), b([o[0], o[1]]), N();
+    const b = q(i[0].toDate()), m = X(i[1].toDate());
+    o(Math.floor(b.getTime() / 1e3), Math.floor(m.getTime() / 1e3)), c([i[0], i[1]]), N();
   };
-  return /* @__PURE__ */ e("div", { className: v(a), ...c, children: /* @__PURE__ */ l(O, { open: A, onOpenChange: R, children: [
-    /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("i", { className: "w-4 h-4 p-[2px] cursor-pointer flex items-center justify-center bg-[#000000]  rounded-sm", children: /* @__PURE__ */ e(D, { src: Ne, width: 12, height: 12 }) }) }),
-    /* @__PURE__ */ e(Q, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ e("div", { ref: y, className: "relative", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: v(a), ...d, children: /* @__PURE__ */ l(U, { open: k, onOpenChange: S, children: [
+    /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e("i", { className: "w-4 h-4 p-[2px] cursor-pointer flex items-center justify-center bg-[#000000]  rounded-sm", children: /* @__PURE__ */ e(D, { src: Ne, width: 12, height: 12 }) }) }),
+    /* @__PURE__ */ e(W, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ e("div", { ref: g, className: "relative", children: /* @__PURE__ */ e(
       ue.RangePicker,
       {
         open: !0,
         size: "small",
-        locale: d[m],
+        locale: A[h],
         allowClear: !1,
-        value: g ?? [M(), M()],
-        onCalendarChange: S,
-        onChange: n,
-        getPopupContainer: () => y.current,
+        value: w ?? [M(), M()],
+        onCalendarChange: n,
+        onChange: u,
+        getPopupContainer: () => g.current,
         style: { position: "absolute", opacity: 0, width: 0, height: 0, pointerEvents: "none" },
-        disabledDate: (o) => o && o > M().endOf("day")
+        disabledDate: (i) => i && i > M().endOf("day")
       }
     ) }) })
   ] }) });
 }
 const Ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgB7ZTbDcIwDEVvUAfoCN2AjsAI3YBu0jABGYER2KAjABPABrBBcMARFkjNo/krR7IaWfZ1nDoB/gRQfmGt7enToAw3pdThu4BFQajAS7sSvh3ZwOsj2QVprMk6ofULNWHsmytZg0hcLOc4TCh4FEVqhMVrIT6idELqhnySbHk/ETfkHKlPbsnuLDBMiLuYFjm4u2E/bIW/E/4ecyABLXZa8/H5zjRKQEInFtywxU0MsUIcD2QSWyCb5RVInvcqMs7/ZHerzygNz74Wz0f0mM4pZLAInpppFh6wLb8LAAAAAElFTkSuQmCC";
-function je({ onChange: a, filterKey: i }) {
-  const [c, m] = w(!1), A = J("common"), [k, y] = w(""), [g, b] = w(""), [d, f] = w([0.01, 1e10]), C = (p) => {
-    f(p), y(p[0].toString()), b(p[1].toString());
-  }, N = (p) => {
-    const x = p.target.value;
-    if (x === "" || /^\d*\.?\d{0,8}$/.test(x) && !x.startsWith(".")) {
-      y(x);
-      const T = parseFloat(x) || 0;
-      f([T, d[1]]);
+function je({ onChange: a, filterKey: o }) {
+  const [d, p] = x(!1), { t: h } = K(), [k, y] = x(""), [g, w] = x(""), [c, A] = x([0.01, 1e10]), C = (b) => {
+    A(b), y(b[0].toString()), w(b[1].toString());
+  }, R = (b) => {
+    const m = b.target.value;
+    if (m === "" || /^\d*\.?\d{0,8}$/.test(m) && !m.startsWith(".")) {
+      y(m);
+      const T = parseFloat(m) || 0;
+      A([T, c[1]]);
     }
-  }, R = (p) => {
-    const x = p.target.value;
-    if (x === "" || /^\d*\.?\d{0,8}$/.test(x) && !x.startsWith(".")) {
-      b(x);
-      const T = parseFloat(x);
-      f([d[0], T]);
+  }, N = (b) => {
+    const m = b.target.value;
+    if (m === "" || /^\d*\.?\d{0,8}$/.test(m) && !m.startsWith(".")) {
+      w(m);
+      const T = parseFloat(m);
+      A([c[0], T]);
     }
   }, S = () => {
-    a(k, g), m(!1);
+    a(k, g), p(!1);
   }, n = () => {
-    m(!1);
-  }, o = (p) => {
-    p.target.value === "0" && y("0.01");
-  }, h = (p) => {
-    p.target.value === "0" && b("0.01");
+    p(!1);
+  }, u = (b) => {
+    b.target.value === "0" && y("0.01");
+  }, i = (b) => {
+    b.target.value === "0" && w("0.01");
   };
-  return /* @__PURE__ */ l(O, { open: c, onOpenChange: m, children: [
-    /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: Ce, width: 12, height: 12, objectFit: "contain" }) }) }),
-    /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
+  return /* @__PURE__ */ l(U, { open: d, onOpenChange: p, children: [
+    /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: Ce, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ e(W, { className: "bg-module", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
       /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
         /* @__PURE__ */ e("span", { className: "text-sm", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.amount" }) }),
-        /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => n(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4" }) })
+        /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => n(), children: /* @__PURE__ */ e(E, { className: "w-4 h-4" }) })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
         /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
           /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(B, { value: "form", parentKey: "common.filter.amount" }) }),
-          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: o, placeholder: A("filter.amount.min"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: k, onChange: N })
+          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: u, placeholder: h("filter.amount.min"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: k, onChange: R })
         ] }),
         /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
           /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(B, { value: "to", parentKey: "common.filter.amount" }) }),
-          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: h, placeholder: A("filter.amount.max"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: g, onChange: R })
+          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: i, placeholder: h("filter.amount.max"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: g, onChange: N })
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: " w-full pb-4", children: [
         /* @__PURE__ */ l(
-          Y.Root,
+          O.Root,
           {
             className: "w-full relative flex items-center justify-center h-1 flex-grow bg-background rounded-sm touch-pan-y select-none",
-            value: d,
+            value: c,
             onValueChange: C,
             max: 1e10,
             min: 0.01,
             step: 1,
             children: [
-              /* @__PURE__ */ e(Y.Track, { className: "h-1 rounded-full bg-primary", children: /* @__PURE__ */ e(Y.Range, { className: "h-1 absolute bg-primary rounded-full" }) }),
-              /* @__PURE__ */ e(Y.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Min value" }),
-              /* @__PURE__ */ e(Y.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Max value" })
+              /* @__PURE__ */ e(O.Track, { className: "h-1 rounded-full bg-primary", children: /* @__PURE__ */ e(O.Range, { className: "h-1 absolute bg-primary rounded-full" }) }),
+              /* @__PURE__ */ e(O.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Min value" }),
+              /* @__PURE__ */ e(O.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Max value" })
             ]
           }
         ),
         /* @__PURE__ */ l("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
-          /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "0.01", minimumFractionDigits: 2, notation: "compact", maximumFractionDigits: 20 }),
-          /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
+          /* @__PURE__ */ e($, { addonBefore: o === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "0.01", minimumFractionDigits: 2, notation: "compact", maximumFractionDigits: 20 }),
+          /* @__PURE__ */ e($, { addonBefore: o === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center", children: [
-        /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-stroke rounded-lg ml-3 cursor-pointer", onClick: n, children: A("button.cancel") }),
-        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded-lg ml-3 cursor-pointer", onClick: S, children: A("button.confirm") })
+        /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-stroke rounded-lg ml-3 cursor-pointer", onClick: n, children: h("button.cancel") }),
+        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded-lg ml-3 cursor-pointer", onClick: S, children: h("button.confirm") })
       ] })
     ] }) })
   ] });
 }
-const H = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFFSURBVHgB5VVRccMwDFV2A+AxCIOZwQyhDGYGC4OGQcegYzAIgZANgcsgY6DJd9Kquk4Te9ef9t3pkpOf/CTFigHuAojoyPZkAY+YyAYyD/8BbdDyRksIVWIU9MrZStY9mSUzvB7fPdmoxLYlAlYFvsvGF/hdsRAee98rn+PWSXWjbhGvC9ySgJc+Z3w57BWvZ9+wJBKYuMkE/7WOhUOSjFGVujmBlglTbi3jM5h8L04kokv5j/xs+fmVEpqmOWR8P3AOiX1OFx4SkQNcASIimT1BPcySiJT6AvWQNn3PMtTpclABFW8vkeS4jlAusF07J0Zls4P1Anri7ZoAq4Zql5uRhP+m+AOsRZx4FRgr63SGPLhx6gc8R9HfuMXTi2oOEyfhq4RYLPb7A0/vjkD2yZsbxa0XKkxKC3m4Fvibxso3cHP4BWMxfN1YKiXJAAAAAElFTkSuQmCC";
+const L = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFFSURBVHgB5VVRccMwDFV2A+AxCIOZwQyhDGYGC4OGQcegYzAIgZANgcsgY6DJd9Kquk4Te9ef9t3pkpOf/CTFigHuAojoyPZkAY+YyAYyD/8BbdDyRksIVWIU9MrZStY9mSUzvB7fPdmoxLYlAlYFvsvGF/hdsRAee98rn+PWSXWjbhGvC9ySgJc+Z3w57BWvZ9+wJBKYuMkE/7WOhUOSjFGVujmBlglTbi3jM5h8L04kokv5j/xs+fmVEpqmOWR8P3AOiX1OFx4SkQNcASIimT1BPcySiJT6AvWQNn3PMtTpclABFW8vkeS4jlAusF07J0Zls4P1Anri7ZoAq4Zql5uRhP+m+AOsRZx4FRgr63SGPLhx6gc8R9HfuMXTi2oOEyfhq4RYLPb7A0/vjkD2yZsbxa0XKkxKC3m4Fvibxso3cHP4BWMxfN1YKiXJAAAAAElFTkSuQmCC";
 function Re({ onChange: a }) {
-  const [i, c] = w(!1), m = J("common"), [A, k] = w(""), y = (d) => {
-    const f = d.target.value;
-    (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && k(f);
+  const [o, d] = x(!1), { t: p } = K(), [h, k] = x(""), y = (c) => {
+    const A = c.target.value;
+    (A === "" || /^[a-zA-Z0-9]*$/.test(A)) && k(A);
   }, g = () => {
-    a(A), c(!1);
-  }, b = () => {
-    c(!1);
+    a(h), d(!1);
+  }, w = () => {
+    d(!1);
   };
-  return /* @__PURE__ */ l(O, { open: i, onOpenChange: c, children: [
-    /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
-    /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
+  return /* @__PURE__ */ l(U, { open: o, onOpenChange: d, children: [
+    /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: L, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ e(W, { className: "bg-module", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
       /* @__PURE__ */ l("fieldset", { className: "w-full h-full", children: [
         /* @__PURE__ */ l("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
-          m("filter.address.label"),
-          /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm  cursor-pointer flex items-center justify-center", onClick: () => b(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4" }) })
+          p("filter.address.label"),
+          /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm  cursor-pointer flex items-center justify-center", onClick: () => w(), children: /* @__PURE__ */ e(E, { className: "w-4 h-4" }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "w-full relative text-sm ", children: [
-          /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { placeholder: m("filter.amount.label"), type: "text", pattern: "[a-zA-Z0-9]*", className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: A, onChange: y })
+          /* @__PURE__ */ e(H, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
+          /* @__PURE__ */ e("input", { placeholder: p("filter.amount.label"), type: "text", pattern: "[a-zA-Z0-9]*", className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: h, onChange: y })
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
-        /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: b, children: m("button.cancel") }),
-        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: g, children: m("button.confirm") })
+        /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: w, children: p("button.cancel") }),
+        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: g, children: p("button.confirm") })
       ] })
     ] }) })
   ] });
@@ -208,110 +208,110 @@ const Se = (a) => _.get("/api/v2/tokens/hot-list", { params: { ...a, limit: 100,
   }
 });
 function Te({ onChange: a }) {
-  const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [k, y] = w(""), [g, b] = w([]), [d, f] = w([]), C = () => {
-    A(!1);
-  }, N = () => {
-    a(d), A(!1);
-  }, R = (n) => {
-    d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
+  const { chain: o } = ee(), { t: d } = K(), [p, h] = x(!1), [k, y] = x(""), [g, w] = x([]), [c, A] = x([]), C = () => {
+    h(!1);
+  }, R = () => {
+    a(c), h(!1);
+  }, N = (n) => {
+    c.some((u) => u.tokenAddress === n.tokenAddress) ? A(c.filter((u) => u.tokenAddress !== n.tokenAddress)) : A([...c, n]);
   }, S = we(async () => {
     const n = await Se({
-      chain: i,
+      chain: o,
       text: k,
       limit: 100,
       page: 1
     });
-    b((n == null ? void 0 : n.data) || []);
+    w((n == null ? void 0 : n.data) || []);
   }, { wait: 300 });
-  return z(() => {
+  return V(() => {
     S.run();
-  }, [i, k]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
-    /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
-    /* @__PURE__ */ l(Q, { className: "py-5 bg-module", children: [
+  }, [o, k]), /* @__PURE__ */ l(U, { open: p, onOpenChange: h, children: [
+    /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: L, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ l(W, { className: "py-5 bg-module", children: [
       /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
         /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
           /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.token" }) }),
-          /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm  cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4 text-title" }) })
+          /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm  cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(E, { className: "w-4 h-4 text-title" }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "w-full relative text-sm py-3", children: [
-          /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: k, onChange: (n) => y(n.target.value) })
+          /* @__PURE__ */ e(H, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
+          /* @__PURE__ */ e("input", { type: "text", placeholder: d("label"), className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: k, onChange: (n) => y(n.target.value) })
         ] })
       ] }),
-      /* @__PURE__ */ e("ul", { className: "max-h-30 min-h-30 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.map((n, o) => /* @__PURE__ */ l("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => R(n), children: [
+      /* @__PURE__ */ e("ul", { className: "max-h-30 min-h-30 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.map((n, u) => /* @__PURE__ */ l("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => N(n), children: [
         /* @__PURE__ */ e(D, { src: n.iconUrl, objectFit: "contain", alt: n.tokenSymbol, className: "rounded-full w-4 h-4 min-w-4 min-h-4 flex-shrink-0" }),
         /* @__PURE__ */ l("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: [
           /* @__PURE__ */ e("span", { className: "text-title", children: n.tokenSymbol }),
           " ",
           /* @__PURE__ */ e("span", { className: "text-subtitle text-xs", children: n.tokenName })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-module"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
-      ] }, o)) }),
+        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", c.some((i) => i.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-module"), checked: c.some((i) => i.tokenAddress === n.tokenAddress) }) })
+      ] }, u)) }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
         /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(B, { value: "button.cancel", parentKey: "common" }) }),
-        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: N, children: /* @__PURE__ */ e(B, { value: "button.confirm", parentKey: "common" }) })
+        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: R, children: /* @__PURE__ */ e(B, { value: "button.confirm", parentKey: "common" }) })
       ] })
     ] })
   ] });
 }
 function De({ onChange: a }) {
-  const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [k, y] = w(""), [g, b] = w([]), [d, f] = w([]), C = () => {
-    a([]), y(""), f([]), A(!1);
-  }, N = () => {
-    a(d), A(!1);
-  }, R = (n) => {
-    d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
+  const { chain: o = "" } = ee(), { t: d } = K("common.filter.amount"), [p, h] = x(!1), [k, y] = x(""), [g, w] = x([]), [c, A] = x([]), C = () => {
+    a([]), y(""), A([]), h(!1);
+  }, R = () => {
+    a(c), h(!1);
+  }, N = (n) => {
+    c.some((u) => u.tokenAddress === n.tokenAddress) ? A(c.filter((u) => u.tokenAddress !== n.tokenAddress)) : A([...c, n]);
   }, S = async () => {
-    var o;
+    var u;
     const n = await Be(k);
-    b(((o = n == null ? void 0 : n.data) == null ? void 0 : o.content) || []);
+    w(((u = n == null ? void 0 : n.data) == null ? void 0 : u.content) || []);
   };
-  return z(() => {
+  return V(() => {
     S();
-  }, [i, k]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
-    /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
-    /* @__PURE__ */ l(Q, { className: "py-5 bg-module", children: [
+  }, [o, k]), /* @__PURE__ */ l(U, { open: p, onOpenChange: h, children: [
+    /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: L, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ l(W, { className: "py-5 bg-module", children: [
       /* @__PURE__ */ l("div", { className: "w-full h-full bg-module", children: [
         /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
           /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.token" }) }),
-          /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm  cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4 text-title" }) })
+          /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm  cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(E, { className: "w-4 h-4 text-title" }) })
         ] }),
         /* @__PURE__ */ l("div", { className: "w-full relative bg-module text-sm py-3", children: [
-          /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: k, onChange: (n) => y(n.target.value) })
+          /* @__PURE__ */ e(H, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
+          /* @__PURE__ */ e("input", { type: "text", placeholder: d("label"), className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: k, onChange: (n) => y(n.target.value) })
         ] })
       ] }),
-      /* @__PURE__ */ e("ul", { className: "max-h-50 min-h-25 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.map((n, o) => /* @__PURE__ */ l("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => R(n), children: [
+      /* @__PURE__ */ e("ul", { className: "max-h-50 min-h-25 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.map((n, u) => /* @__PURE__ */ l("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => N(n), children: [
         /* @__PURE__ */ e(D, { src: n.iconUrl, objectFit: "contain", alt: n.tokenName, className: "rounded-full w-4 h-4 min-w-4 min-h-4 flex-shrink-0" }),
         /* @__PURE__ */ e("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: n.tokenName }),
-        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-white"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
-      ] }, o)) }),
+        /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", c.some((i) => i.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-white"), checked: c.some((i) => i.tokenAddress === n.tokenAddress) }) })
+      ] }, u)) }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
         /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(B, { value: "button.cancel", parentKey: "common" }) }),
-        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: N, children: /* @__PURE__ */ e(B, { value: "button.confirm", parentKey: "common" }) })
+        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: R, children: /* @__PURE__ */ e(B, { value: "button.confirm", parentKey: "common" }) })
       ] })
     ] })
   ] });
 }
 const Pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHtSURBVHgB7ZfBalNBFIb/M7cmaBGuT2BcCNZVHsG+QWNw3Qw00qyMT5DbJ9Buiujipnsl+gZ5A3EjLu8bNIIVzSVzOhNaKGnTe86EQhf5IARyD8M388/cMwHW3CEIK/Bs/6RhTG3kh2n6T/bz6P4BIoiWaPRP0gf/69/9CI2L35ybbf/68HAMJQaRbJb1wWWB+WAmyYMclERJbPVOd5jRv+ZRw69ODiVqibAPCPRuaQFhZ6v3tw8Fagmie9liDFdrMAiyuA2J5/t/OkRmV1CaJiSPRSwxnxmZgbSeCS+ksYgl5jOriGERaSwiiRBDmBn0pMbUR1VFIgmW7YNlNJ92p02sKkHkfiASBopy87S4qWYDAmq1MptOaxPv/BhKqJwdFkePJlgjQNRF83yUug284ZnuiAZKxkHPtgqsKvHp+POQEH1CJon7/cRau3RfyE4Hk3pDXiL9h/TG9i57TzC+IZ6iKg6RRNe233uTMSIoHW1X1Yh7R8nG+i/VeWdw5aYMqO6YH/MvHWNI1qL9yu112pWrEFDdJ17b9tA3kq+C0uJ85USob1YJIwxeVJRlkhiiJaxtTdjNls+Sabi3+/IYCqJu2137agzHh9c8KsIbEkqi/3ckMBmuxqKKYWWJEItz1DoX8RHxW20MaxY5AxD/nDkC92cTAAAAAElFTkSuQmCC", Fe = (a) => a == null ? "" : typeof a == "object" ? JSON.stringify(a) : a, ct = (a) => {
-  const i = {
+  const o = {
     filters: {}
   };
-  return Object.keys(a).forEach((c) => {
-    c === "timestamp" ? (i.filters.startTime = a.timestamp.start, i.filters.endTime = a.timestamp.end) : c === "fromAddress" ? i.filters.fromAddress = a.fromAddress.address : c === "toAddress" ? i.filters.toAddress = a.toAddress.address : c === "valueUSD" ? (i.filters.minValueUSD = a.valueUSD.min, i.filters.maxValueUSD = a.valueUSD.max) : c === "amount" ? (i.filters.minAmount = a.amount.min, i.filters.maxAmount = a.amount.max) : c === "token" ? i.filters.tokenList = a.token.map((m) => m.tokenAddress) : c === "tokenSearch" ? i.filters.tokenList = a.tokenSearch.map((m) => m.tokenAddress) : c === "inputAmount" ? (i.filters.minInputAmount = a.inputAmount.min, i.filters.maxInputAmount = a.inputAmount.max) : c === "outputAmount" ? (i.filters.minOutputAmount = a.outputAmount.min, i.filters.maxOutputAmount = a.outputAmount.max) : c === "fee" && (i.filters.minFee = a.fee.min, i.filters.maxFee = a.fee.max);
-  }), i.filters;
+  return Object.keys(a).forEach((d) => {
+    d === "timestamp" ? (o.filters.startTime = a.timestamp.start, o.filters.endTime = a.timestamp.end) : d === "fromAddress" ? o.filters.fromAddress = a.fromAddress.address : d === "toAddress" ? o.filters.toAddress = a.toAddress.address : d === "valueUSD" ? (o.filters.minValueUSD = a.valueUSD.min, o.filters.maxValueUSD = a.valueUSD.max) : d === "amount" ? (o.filters.minAmount = a.amount.min, o.filters.maxAmount = a.amount.max) : d === "token" ? o.filters.tokenList = a.token.map((p) => p.tokenAddress) : d === "tokenSearch" ? o.filters.tokenList = a.tokenSearch.map((p) => p.tokenAddress) : d === "inputAmount" ? (o.filters.minInputAmount = a.inputAmount.min, o.filters.maxInputAmount = a.inputAmount.max) : d === "outputAmount" ? (o.filters.minOutputAmount = a.outputAmount.min, o.filters.maxOutputAmount = a.outputAmount.max) : d === "fee" && (o.filters.minFee = a.fee.min, o.filters.maxFee = a.fee.max);
+  }), o.filters;
 };
-function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: k, showHeader: y = !0, renderChildren: g, onFilterChange: b, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...S }) {
-  const [n, o] = w(null), [h, p] = w({}), [x, T] = w(N || null), [L, re] = w(C || null), I = (t, r) => {
-    o((s) => ({
+function dt({ data: a, columns: o, headerClassName: d, bodyClassName: p, rowClassName: h, tableClassName: k, showHeader: y = !0, renderChildren: g, onFilterChange: w, loading: c, onSortChange: A, defaultOrder: C, defaultSortKey: R, emptyClassName: N, ...S }) {
+  const [n, u] = x(null), [i, b] = x({}), [m, T] = x(R || null), [I, re] = x(C || null), Y = (t, r) => {
+    u((s) => ({
       ...s,
       [t]: r
     }));
   }, P = (t) => {
-    o((r) => {
+    u((r) => {
       const s = { ...r };
       return delete s[t], s;
-    }), p((r) => ({
+    }), b((r) => ({
       ...r,
       [t]: (r[t] || 0) + 1
     }));
@@ -319,30 +319,30 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
     switch (t.filter) {
       case "timeRange":
         return /* @__PURE__ */ e(ve, { onChange: (r, s) => {
-          var u, j;
-          r && s ? (I(t.key, { start: r, end: s }), (j = (u = t.filterProps) == null ? void 0 : u.onChange) == null || j.call(u, { start: r, end: s })) : P(t.key);
-        } }, h[t.key]);
+          var f, j;
+          r && s ? (Y(t.key, { start: r, end: s }), (j = (f = t.filterProps) == null ? void 0 : f.onChange) == null || j.call(f, { start: r, end: s })) : P(t.key);
+        } }, i[t.key]);
       case "address":
         return /* @__PURE__ */ e(Re, { onChange: (r) => {
-          var s, u;
-          r ? (I(t.key, { address: r }), (u = (s = t.filterProps) == null ? void 0 : s.onChange) == null || u.call(s, { address: r })) : P(t.key);
-        } }, h[t.key]);
+          var s, f;
+          r ? (Y(t.key, { address: r }), (f = (s = t.filterProps) == null ? void 0 : s.onChange) == null || f.call(s, { address: r })) : P(t.key);
+        } }, i[t.key]);
       case "amount":
         return /* @__PURE__ */ e(je, { filterKey: t.key, onChange: (r, s) => {
           var j, G;
-          const u = {};
-          r && (u.min = r), s && (u.max = s), Object.keys(u).length > 0 ? (I(t.key, u), (G = (j = t.filterProps) == null ? void 0 : j.onChange) == null || G.call(j, u)) : P(t.key);
-        } }, h[t.key]);
+          const f = {};
+          r && (f.min = r), s && (f.max = s), Object.keys(f).length > 0 ? (Y(t.key, f), (G = (j = t.filterProps) == null ? void 0 : j.onChange) == null || G.call(j, f)) : P(t.key);
+        } }, i[t.key]);
       case "token":
         return /* @__PURE__ */ e(Te, { onChange: (r) => {
-          var s, u;
-          r ? (I(t.key, r), (u = (s = t.filterProps) == null ? void 0 : s.onChange) == null || u.call(s, r)) : P(t.key);
-        } }, h[t.key]);
+          var s, f;
+          r ? (Y(t.key, r), (f = (s = t.filterProps) == null ? void 0 : s.onChange) == null || f.call(s, r)) : P(t.key);
+        } }, i[t.key]);
       case "tokenSearch":
         return /* @__PURE__ */ e(De, { onChange: (r) => {
-          var s, u;
-          r ? (I(t.key, r), (u = (s = t.filterProps) == null ? void 0 : s.onChange) == null || u.call(s, r)) : P(t.key);
-        } }, h[t.key]);
+          var s, f;
+          r ? (Y(t.key, r), (f = (s = t.filterProps) == null ? void 0 : s.onChange) == null || f.call(s, r)) : P(t.key);
+        } }, i[t.key]);
       default:
         return null;
     }
@@ -377,13 +377,13 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
         return null;
     }
   }, le = (t) => {
-    const r = L === "asc" ? "desc" : "asc";
-    T(t), re(r), f == null || f(t, r);
-  }, F = i.filter((t) => !t.hidden), oe = F.some((t) => t.filter);
-  return z(() => {
-    n !== null && (b == null || b(n));
+    const r = I === "asc" ? "desc" : "asc";
+    T(t), re(r), A == null || A(t, r);
+  }, F = o.filter((t) => !t.hidden), oe = F.some((t) => t.filter);
+  return V(() => {
+    n !== null && (w == null || w(n));
   }, [n]), /* @__PURE__ */ l("div", { className: "overflow-auto min-w-full relative", ...S, children: [
-    /* @__PURE__ */ e(ye, { loading: d }),
+    /* @__PURE__ */ e(ye, { loading: c }),
     oe && n && Object.keys(n).length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-row gap-3 flex-nowrap overflow-x-auto scrollbar-hide pb-3", children: F.map((t) => {
       if (!n) return null;
       const r = n == null ? void 0 : n[t.key];
@@ -398,27 +398,27 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
           {
             onClick: () => P(t.key),
             className: "hover:bg-gray-200 rounded-full p-1",
-            children: /* @__PURE__ */ e(W, { className: "w-3 h-3 cursor-pointer" })
+            children: /* @__PURE__ */ e(E, { className: "w-3 h-3 cursor-pointer" })
           }
         )
       ] }, t.key);
     }) }),
     /* @__PURE__ */ l(ie, { className: v("", k), children: [
-      y && /* @__PURE__ */ e(ce, { className: v("border-b border-stroke", c), children: /* @__PURE__ */ e(E, { className: "border-b-0 hover:bg-transparent", children: F.map((t, r) => {
+      y && /* @__PURE__ */ e(ce, { className: v("border-b border-stroke", d), children: /* @__PURE__ */ e(Z, { className: "border-b-0 hover:bg-transparent", children: F.map((t, r) => {
         var s;
         return /* @__PURE__ */ e(de, { className: v("text-left", "whitespace-nowrap"), style: { width: t.width }, children: /* @__PURE__ */ l("div", { className: v("flex items-center gap-1 min-w-fit w-full whitespace-nowrap", t.align === "center" && "justify-center", t.align === "right" && "justify-end", (s = t.className) == null ? void 0 : s.call(t, t, r)), children: [
           t.label,
           t.filter && ne(t),
-          t.sort && /* @__PURE__ */ e(D, { src: Pe, alt: "sort", className: v("w-4 h-4 cursor-pointer", x === t.key && "opacity-100", L === "desc" && "rotate-180"), onClick: () => le(t.key) })
+          t.sort && /* @__PURE__ */ e(D, { src: Pe, alt: "sort", className: v("w-4 h-4 cursor-pointer", m === t.key && "opacity-100", I === "desc" && "rotate-180"), onClick: () => le(t.key) })
         ] }) }, r);
       }) }) }),
-      /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", m), children: (a == null ? void 0 : a.length) > 0 ? a.map((t, r) => /* @__PURE__ */ l(he.Fragment, { children: [
-        /* @__PURE__ */ e(E, { className: v("border-r-0 border-l-0 border-t-0 border-b border-stroke hover:bg-background", A), children: F.map((s, u) => {
+      /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", p), children: (a == null ? void 0 : a.length) > 0 ? a.map((t, r) => /* @__PURE__ */ l(he.Fragment, { children: [
+        /* @__PURE__ */ e(Z, { className: v("border-r-0 border-l-0 border-t-0 border-b border-stroke hover:bg-background", h), children: F.map((s, f) => {
           var j;
-          return /* @__PURE__ */ e(K, { className: v("text-left min-w-fit py-4", s.align === "center" && "text-center", s.align === "right" && "text-right", "whitespace-nowrap", (j = s.className) == null ? void 0 : j.call(s, s, r, a[r])), style: { width: s.width }, children: s.render ? s.render(t[s.key], t, r) : Fe(t[s.key]) }, u);
+          return /* @__PURE__ */ e(z, { className: v("text-left min-w-fit py-4", s.align === "center" && "text-center", s.align === "right" && "text-right", "whitespace-nowrap", (j = s.className) == null ? void 0 : j.call(s, s, r, a[r])), style: { width: s.width }, children: s.render ? s.render(t[s.key], t, r) : Fe(t[s.key]) }, f);
         }) }, r),
-        g && /* @__PURE__ */ e(E, { className: "border-b-0", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "p-0", children: g(t, r) }) })
-      ] }, r)) : /* @__PURE__ */ e(E, { className: "hover:bg-transparent data-[state=selected]:bg-transparent", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "w-full text-center", children: /* @__PURE__ */ e(ke, { className: v("w-full h-38", R) }) }) }) })
+        g && /* @__PURE__ */ e(Z, { className: "border-b-0", children: /* @__PURE__ */ e(z, { colSpan: F.length, className: "p-0", children: g(t, r) }) })
+      ] }, r)) : /* @__PURE__ */ e(Z, { className: "hover:bg-transparent data-[state=selected]:bg-transparent", children: /* @__PURE__ */ e(z, { colSpan: F.length, className: "w-full text-center", children: /* @__PURE__ */ e(ke, { className: v("w-full h-38", N) }) }) }) })
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/table",
-  "version": "1.5.6",
+  "version": "1.5.7-beta",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -26,21 +26,21 @@
     "tailwind-merge": "3.3.1",
     "lucide-react": "0.539.0",
     "dayjs": "1.11.19",
-    "next-intl": "4.6.1",
     "next": "15.5.6",
     "@ichaingo/next-themes": "0.5.0",
     "date-fns": "4.1.0",
     "antd": "6.1.1",
     "ahooks": "3.9.5",
     "@radix-ui/react-slider": "1.3.6",
-    "@ichaingo/ui": "1.5.6",
-    "@ichaingo/image": "1.5.6",
-    "@ichaingo/translation": "1.5.6",
-    "@ichaingo/iconfont": "1.5.6",
-    "@ichaingo/request": "1.5.6",
-    "@ichaingo/loading": "1.5.6",
-    "@ichaingo/i18n": "1.5.6",
-    "@ichaingo/empty": "1.5.6",
-    "@ichaingo/number-like": "1.5.6"
+    "@ichaingo/empty": "1.5.7-beta",
+    "@ichaingo/image": "1.5.7-beta",
+    "@ichaingo/tolgee": "1.5.7-beta",
+    "@ichaingo/i18n": "1.5.7-beta",
+    "@ichaingo/translation": "1.5.7-beta",
+    "@ichaingo/ui": "1.5.7-beta",
+    "@ichaingo/loading": "1.5.7-beta",
+    "@ichaingo/request": "1.5.7-beta",
+    "@ichaingo/iconfont": "1.5.7-beta",
+    "@ichaingo/number-like": "1.5.7-beta"
   }
 }