@0xchain/table 1.1.0-beta.30 → 1.1.0-beta.31

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

@@ -1 +1 @@
-{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../src/filters/Address.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CA+CpF"}
+{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../src/filters/Address.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAmDpF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Amount.d.ts","sourceRoot":"","sources":["../../src/filters/Amount.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA6E/G"}
+{"version":3,"file":"Amount.d.ts","sourceRoot":"","sources":["../../src/filters/Amount.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CAiF/G"}

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;AAM9B,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;AAM9B,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,2CAyG1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/filters/Token.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASnE,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":"AAIA,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASnE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CA+E9F"}

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../src/filters/TokenSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQ/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":"AAIA,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQ/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CA4EpG"}

package/dist/index.js

@@ -38,6 +38,7 @@ function DatePickerWithRange({
   const [open, setOpen] = React.useState(false);
   const containerRef = React.useRef(null);
   const [panelRange, setPanelRange] = React.useState(null);
+  const hasFilterValue = Boolean(panelRange?.[0] && panelRange?.[1]);
   const dpLocaleMap = {
     en: enUSPicker,
     "zh-hans": zhCNPicker,
@@ -99,7 +100,13 @@ function DatePickerWithRange({
     cancelPopover();
   };
   return /* @__PURE__ */ jsx("div", { className: twMerge("", className), ...props, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: togglePopover, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-time1", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(
+      IconFont,
+      {
+        type: "icon-time1",
+        style: { fontSize: "20px", color: hasFilterValue ? "var(--primary)" : "var(--title)" }
+      }
+    ) }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "relative", children: /* @__PURE__ */ jsx(
       DatePicker.RangePicker,
       {
@@ -125,6 +132,7 @@ function Amount({ onChange }) {
   const [min, setMin] = useState("");
   const [max, setMax] = useState("");
   const [sliderValues, setSliderValues] = useState([0.01, 1e10]);
+  const hasFilterValue = Boolean(min || max);
   const handleFromChange = (e) => {
     const value = e.target.value;
     if (value === "" || /^\d*\.?\d{0,8}$/.test(value) && !value.startsWith(".")) {
@@ -161,7 +169,13 @@ function Amount({ onChange }) {
     }
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-filter", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(
+      IconFont,
+      {
+        type: "icon-filter",
+        style: { fontSize: "20px", color: hasFilterValue ? "var(--primary)" : "var(--title)" }
+      }
+    ) }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "bg-card", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between h-9", children: [
         /* @__PURE__ */ jsx("span", { className: "text-sm", children: /* @__PURE__ */ jsx(Translation, { value: "label", parentKey: "common.filter.amount" }) }),
@@ -188,6 +202,7 @@ function Address({ onChange }) {
   const [open, setOpen] = useState(false);
   const t = useTranslations("common");
   const [address, setAddress] = useState("");
+  const hasFilterValue = Boolean(address);
   const handleAddressChange = (e) => {
     const value = e.target.value;
     if (value === "" || /^[a-zA-Z0-9]*$/.test(value)) {
@@ -202,7 +217,13 @@ function Address({ onChange }) {
     setOpen(false);
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-serch", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(
+      IconFont,
+      {
+        type: "icon-serch",
+        style: { fontSize: "20px", color: hasFilterValue ? "var(--primary)" : "var(--title)" }
+      }
+    ) }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "bg-card", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
       /* @__PURE__ */ jsxs("fieldset", { className: "w-full h-full", children: [
         /* @__PURE__ */ jsxs("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
@@ -240,6 +261,7 @@ function Token({ onChange }) {
   const [token, setToken] = useState("");
   const [tokenList, setTokenList] = useState([]);
   const [selectedToken, setSelectedToken] = useState([]);
+  const hasFilterValue = selectedToken.length > 0;
   const handleCancel = () => {
     setOpen(false);
   };
@@ -267,7 +289,13 @@ function Token({ onChange }) {
     loadData.run();
   }, [chain, token]);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-serch", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(
+      IconFont,
+      {
+        type: "icon-serch",
+        style: { fontSize: "20px", color: hasFilterValue ? "var(--primary)" : "var(--title)" }
+      }
+    ) }) }),
     /* @__PURE__ */ jsxs(PopoverContent, { className: "py-5 bg-card", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between h-9", children: [
@@ -302,6 +330,7 @@ function TokenSearch({ onChange }) {
   const [token, setToken] = useState("");
   const [tokenList, setTokenList] = useState([]);
   const [selectedToken, setSelectedToken] = useState([]);
+  const hasFilterValue = selectedToken.length > 0;
   const handleCancel = () => {
     onChange([]);
     setToken("");
@@ -327,7 +356,13 @@ function TokenSearch({ onChange }) {
     loadData();
   }, [chain, token]);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-serch", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-border rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(
+      IconFont,
+      {
+        type: "icon-serch",
+        style: { fontSize: "20px", color: hasFilterValue ? "var(--primary)" : "var(--title)" }
+      }
+    ) }) }),
     /* @__PURE__ */ jsxs(PopoverContent, { className: "py-5 bg-card", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-full h-full bg-card", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between h-9", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/table",
-  "version": "1.1.0-beta.30",
+  "version": "1.1.0-beta.31",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -46,14 +46,14 @@
     "tailwind-merge": "3.3.1"
   },
   "dependencies": {
-    "@0xchain/empty": "1.1.0-beta.30",
-    "@0xchain/image": "1.1.0-beta.30",
-    "@0xchain/ui": "1.1.0-beta.30",
-    "@0xchain/loading": "1.1.0-beta.30",
-    "@0xchain/translation": "1.1.0-beta.30",
-    "@0xchain/number-like": "1.1.0-beta.30",
-    "@0xchain/request": "1.1.0-beta.30",
-    "@0xchain/iconfont": "1.1.0-beta.30"
+    "@0xchain/empty": "1.1.0-beta.31",
+    "@0xchain/image": "1.1.0-beta.31",
+    "@0xchain/loading": "1.1.0-beta.31",
+    "@0xchain/request": "1.1.0-beta.31",
+    "@0xchain/number-like": "1.1.0-beta.31",
+    "@0xchain/ui": "1.1.0-beta.31",
+    "@0xchain/iconfont": "1.1.0-beta.31",
+    "@0xchain/translation": "1.1.0-beta.31"
   },
   "nx": {
     "tags": [