@arcblock/ux 3.2.2 → 3.2.4

package/lib/Datatable/CustomToolbar.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as l, Fragment as S } from "react/jsx-runtime";
 import { useState as T, useRef as V, isValidElement as v } from "react";
-import n from "prop-types";
+import i from "prop-types";
 import { TableFilter as ue, TableViewCol as pe } from "mui-datatables";
-import me, { PrintContextConsumer as fe } from "react-to-print";
-import { MoreVert as he, CloudDownload as be, ViewColumn as Ce, FilterList as we, Print as $ } from "@mui/icons-material";
+import me, { PrintContextConsumer as he } from "react-to-print";
+import { MoreVert as fe, CloudDownload as be, ViewColumn as Ce, FilterList as we, Print as $ } from "@mui/icons-material";
 import { Popover as xe, Tooltip as D, IconButton as R, ListItemIcon as L, ListItemText as j, MenuItem as U, Menu as ge, LinearProgress as ye, useTheme as Te, useMediaQuery as ve } from "@mui/material";
 import { useDeepCompareEffect as Re } from "ahooks";
 import { handleCSVDownload as ke } from "./utils.js";
@@ -15,7 +15,7 @@ function Ie() {
   return ve(s.breakpoints.down("sm"));
 }
 function Be({ ...s }) {
-  const [h, d] = T(null), k = V(null), F = Ie(), N = V(Math.random().toString(32).slice(2)), [O, A] = T(!1), { customPreButtons: b, customButtons: C, loading: u, disabled: w } = Pe(), {
+  const [f, d] = T(null), k = V(null), F = Ie(), N = V(Math.random().toString(32).slice(2)), [O, A] = T(!1), { customPreButtons: b, customButtons: C, loading: u, disabled: w } = Pe(), {
     data: Q = [],
     options: o,
     components: p = {},
@@ -31,20 +31,20 @@ function Be({ ...s }) {
     searchText: Z = null,
     searchTextUpdate: _,
     searchClose: ee
-  } = s, [B, m] = T({}), te = o.customToolbar ? o.customToolbar(s) : "", { search: oe, downloadCsv: ne, print: f, viewColumns: ie, filterTable: re } = o.textLabels.toolbar, le = o.search === !1 || o.search === "false", x = o.print === !1 || o.print === "false", se = p.TableFilter || ue, ae = p.TableViewCol || pe;
+  } = s, [B, m] = T({}), te = o.customToolbar ? o.customToolbar(s) : "", { search: oe, downloadCsv: ie, print: h, viewColumns: ne, filterTable: re } = o.textLabels.toolbar, le = o.search === !1 || o.search === "false", x = o.print === !1 || o.print === "false", se = p.TableFilter || ue, ae = p.TableViewCol || pe;
   Re(() => {
     (u || w) && m({});
   }, [u, w]);
-  const q = (e) => /* @__PURE__ */ t(me, { content: () => s.tableRef(), children: /* @__PURE__ */ t(fe, { children: e }) }), g = (e) => `toolbar-pop-${N.current}-${e}`, a = [];
+  const q = (e) => /* @__PURE__ */ t(me, { content: () => s.tableRef(), children: /* @__PURE__ */ t(he, { children: e }) }), g = (e) => `toolbar-pop-${N.current}-${e}`, a = [];
   o.download === !1 || o.download === "false" || a.push({
     icon: /* @__PURE__ */ t(be, {}),
-    title: ne,
+    title: ie,
     onClick: () => {
       ke(s);
     }
   }), o.viewColumns === !1 || o.viewColumns === "false" || a.push({
     icon: /* @__PURE__ */ t(Ce, {}),
-    title: ie,
+    title: ne,
     // eslint-disable-next-line react/no-unstable-nested-components
     popRender() {
       return /* @__PURE__ */ t(
@@ -83,15 +83,15 @@ function Be({ ...s }) {
   const E = [...b, !x, ...a, ...C].filter((e) => !!e).length > 1 && F, M = [], ce = [...b, ...a, ...C].map((e, c) => {
     if (v(e))
       return e;
-    const i = g(c);
+    const n = g(c);
     if (e.icon) {
       const { popRender: r, icon: y } = e;
       return r && M.push(
         /* @__PURE__ */ t(
           xe,
           {
-            open: !!B[i],
-            anchorEl: () => B[i],
+            open: !!B[n],
+            anchorEl: () => B[n],
             onClose: () => {
               m({});
             },
@@ -101,26 +101,26 @@ function Be({ ...s }) {
             },
             children: /* @__PURE__ */ t("div", { children: r() })
           },
-          i
+          n
         )
       ), /* @__PURE__ */ t(D, { title: e.title, children: /* @__PURE__ */ t(
         R,
         {
           "data-testid": `${e.title}-iconButton`,
-          id: `btn-${i}`,
+          id: `btn-${n}`,
           "aria-label": e.title,
           onClick: () => {
             e.onClick && e.onClick(), r && m({
-              [i]: document.getElementById(`btn-${i}`)
+              [n]: document.getElementById(`btn-${n}`)
             });
           },
           children: /* @__PURE__ */ t("div", { className: "custom-toolbar-icon", children: y })
         }
-      ) }, i);
+      ) }, n);
     }
     return e;
   }), de = [...b, ...a, ...C].map((e, c) => {
-    const i = g(c);
+    const n = g(c);
     let r;
     if (v(e))
       r = e;
@@ -136,12 +136,12 @@ function Be({ ...s }) {
       {
         onClick: () => {
           d(null), e.onClick && e.onClick(), e.popRender && m({
-            [i]: k.current
+            [n]: k.current
           });
         },
         children: r
       },
-      i
+      n
     );
   });
   return /* @__PURE__ */ l("div", { children: [
@@ -166,11 +166,11 @@ function Be({ ...s }) {
           }
         ),
         !E && /* @__PURE__ */ l(S, { children: [
-          !x && q(({ handlePrint: e }) => /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(D, { title: f, children: /* @__PURE__ */ t(
+          !x && q(({ handlePrint: e }) => /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(D, { title: h, children: /* @__PURE__ */ t(
             R,
             {
-              "data-testid": `${f}-iconButton`,
-              "aria-label": f,
+              "data-testid": `${h}-iconButton`,
+              "aria-label": h,
               disabled: o.print === "disabled",
               onClick: e,
               children: /* @__PURE__ */ t($, {})
@@ -183,10 +183,10 @@ function Be({ ...s }) {
           {
             ref: k,
             "aria-haspopup": "true",
-            "aria-expanded": h ? "true" : void 0,
+            "aria-expanded": f ? "true" : void 0,
             onClick: (e) => d(e.currentTarget),
             style: { flexShrink: 0 },
-            children: /* @__PURE__ */ t(he, {})
+            children: /* @__PURE__ */ t(fe, {})
           }
         )
       ] }),
@@ -195,8 +195,8 @@ function Be({ ...s }) {
     /* @__PURE__ */ l(
       ge,
       {
-        anchorEl: h,
-        open: !!h,
+        anchorEl: f,
+        open: !!f,
         onClose: () => d(null),
         slotProps: {
           list: {
@@ -212,7 +212,7 @@ function Be({ ...s }) {
               },
               children: [
                 /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t($, { fontSize: "small" }) }),
-                /* @__PURE__ */ t(j, { children: f })
+                /* @__PURE__ */ t(j, { children: h })
               ]
             }
           )),
@@ -225,27 +225,28 @@ function Be({ ...s }) {
   ] });
 }
 Be.propTypes = {
-  data: n.array,
-  options: n.object.isRequired,
-  components: n.object,
-  columns: n.array.isRequired,
-  filterList: n.array,
-  filterData: n.array,
-  filterUpdate: n.func.isRequired,
-  resetFilters: n.func.isRequired,
-  updateFilterByType: n.func.isRequired,
-  toggleViewColumn: n.func.isRequired,
-  updateColumns: n.func.isRequired,
-  title: n.any,
-  searchText: n.any,
-  searchTextUpdate: n.func.isRequired,
-  searchClose: n.func.isRequired,
-  tableRef: n.func.isRequired
+  data: i.array,
+  options: i.object.isRequired,
+  components: i.object,
+  columns: i.array.isRequired,
+  filterList: i.array,
+  filterData: i.array,
+  filterUpdate: i.func.isRequired,
+  resetFilters: i.func.isRequired,
+  updateFilterByType: i.func.isRequired,
+  toggleViewColumn: i.func.isRequired,
+  updateColumns: i.func.isRequired,
+  title: i.any,
+  searchText: i.any,
+  searchTextUpdate: i.func.isRequired,
+  searchClose: i.func.isRequired,
+  tableRef: i.func.isRequired
 };
 const qe = z("div")`
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  min-height: 56px;
   .custom-toobar-title {
     flex: 1 1 auto;
     font-size: 18px;

package/lib/package.json.js

@@ -1,4 +1,4 @@
-const e = "3.2.2", s = { "@blocklet/js-sdk": "1.17.1" }, n = {
+const e = "3.2.4", s = { "@blocklet/js-sdk": "1.17.1" }, n = {
   version: e,
   dependencies: s
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "3.2.2",
+  "version": "3.2.4",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -68,16 +68,16 @@
     "react": "^19.0.0",
     "react-router-dom": "^6.22.3"
   },
-  "gitHead": "d6da30f57d7f5f855462aa75b4189fb8be48fecc",
+  "gitHead": "75c7e540161356c3b4d7a35322b85cd5d09c872e",
   "dependencies": {
-    "@arcblock/bridge": "3.2.2",
+    "@arcblock/bridge": "3.2.4",
     "@arcblock/did": "^1.27.3",
     "@arcblock/did-motif": "^1.1.14",
-    "@arcblock/icons": "3.2.2",
-    "@arcblock/nft-display": "3.2.2",
-    "@arcblock/react-hooks": "3.2.2",
+    "@arcblock/icons": "3.2.4",
+    "@arcblock/nft-display": "3.2.4",
+    "@arcblock/react-hooks": "3.2.4",
     "@blocklet/js-sdk": "1.17.1",
-    "@blocklet/theme": "3.2.2",
+    "@blocklet/theme": "3.2.4",
     "@fontsource/roboto": "~5.1.1",
     "@fontsource/ubuntu-mono": "^5.2.6",
     "@iconify-icons/logos": "^1.2.36",

package/src/Datatable/CustomToolbar.jsx

@@ -354,6 +354,7 @@ const Container = styled('div')`
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  min-height: 56px;
   .custom-toobar-title {
     flex: 1 1 auto;
     font-size: 18px;