@blocklet/list 0.16.56 → 0.16.57

package/lib/index.es.js

@@ -373,9 +373,9 @@ function or(e) {
     baseSearch: f = !1,
     fetchCategoryDelay: u = 0,
     showResourcesSwitch: g = !1,
-    showCategory: x = !0,
+    showCategory: y = !0,
     tagFilters: I = [],
-    children: y,
+    children: x,
     storeVersion: R,
     onSearchSelect: p = () => {
     },
@@ -420,7 +420,7 @@ function or(e) {
     storeApi: D,
     baseSearch: f,
     showResourcesSwitch: g,
-    showCategory: x,
+    showCategory: y,
     tagFilters: I,
     onFilterChange: l,
     getCategoryLocale: (T) => {
@@ -435,7 +435,7 @@ function or(e) {
   };
   return q(() => {
     setTimeout(Z, u || 0);
-  }, [C, Z, u]), /* @__PURE__ */ t(rr, { value: W, children: y });
+  }, [C, Z, u]), /* @__PURE__ */ t(rr, { value: W, children: x });
 }
 function B() {
   const e = Me(Qe);
@@ -517,13 +517,13 @@ function ye({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
   }, [e]);
   const g = ge(() => {
     m(!1);
-  }, []), x = ge(() => {
+  }, []), y = ge(() => {
     m(!0);
   }, []);
   function I(p) {
     f(p.value), o(p.value), u && g();
   }
-  function y(p) {
+  function x(p) {
     return p === d;
   }
   return /* @__PURE__ */ h(F, { children: [
@@ -531,7 +531,7 @@ function ye({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
       lr,
       {
         ref: a,
-        onClick: x,
+        onClick: y,
         variant: "outlined",
         size: "medium",
         className: ["my-select__selector", nt(d) ? "" : "my-select__selector--active"].join(" "),
@@ -548,11 +548,11 @@ function ye({ value: e, options: r, onChange: o, placeholder: n, ...l }) {
       {
         ...p,
         style: { transformOrigin: C === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(bt, { onClickAway: g, children: /* @__PURE__ */ t(ar, { autoFocusItem: i, onMouseEnter: x, onMouseLeave: g, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
+        children: /* @__PURE__ */ t(vt, { children: /* @__PURE__ */ t(bt, { onClickAway: g, children: /* @__PURE__ */ t(ar, { autoFocusItem: i, onMouseEnter: y, onMouseLeave: g, children: r.map((b) => /* @__PURE__ */ h($e, { onClick: () => I(b), sx: { fontSize: 14 }, children: [
           /* @__PURE__ */ t(
             xt,
             {
-              sx: { mr: 1, fontSize: 16, visibility: y(b.value) ? "visible" : "hidden" }
+              sx: { mr: 1, fontSize: 16, visibility: x(b.value) ? "visible" : "hidden" }
             }
           ),
           b.name
@@ -646,9 +646,9 @@ function Ze() {
   );
 }
 function sr({ menus: e }) {
-  const { selectedCategory: r, search: o, t: n, categoryOptions: l, loadings: a, layout: s, baseSearch: i, compact: m } = B(), { filters: d, handleActiveMenu: f, handleCategory: u, cleanFilter: g } = o, { toggleOpen: x } = ve();
+  const { selectedCategory: r, search: o, t: n, categoryOptions: l, loadings: a, layout: s, baseSearch: i, compact: m } = B(), { filters: d, handleActiveMenu: f, handleCategory: u, cleanFilter: g } = o, { toggleOpen: y } = ve();
   q(() => {
-    x(!1);
+    y(!1);
   }, [Object.values(d).join("")]);
   const I = qt(i, s.showSearch, d.keyword);
   return s.showCategory && !m ? /* @__PURE__ */ h(nr, { children: [
@@ -667,7 +667,7 @@ function sr({ menus: e }) {
             borderBottom: 1,
             borderColor: "divider",
             children: [
-              /* @__PURE__ */ t(Ye, { onClick: () => x(!1), children: /* @__PURE__ */ t(ze, {}) }),
+              /* @__PURE__ */ t(Ye, { onClick: () => y(!1), children: /* @__PURE__ */ t(ze, {}) }),
               /* @__PURE__ */ t(v, { flex: 1, variant: "body1", fontWeight: "fontWeightMedium", children: n("common.category") })
             ]
           }
@@ -695,45 +695,45 @@ function sr({ menus: e }) {
                   fontWeight: !r && !d.menu ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
-                    x(!1), g();
+                    y(!1), g();
                   },
                   children: n("explore.title")
                 }
               )
             ] }),
-            e == null ? void 0 : e.map((y) => /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", mt: 2, gap: 1, children: [
-              typeof y.icon == "string" ? /* @__PURE__ */ t(M, { icon: y.icon, width: 20, height: 20 }) : y.icon,
+            e == null ? void 0 : e.map((x) => /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", mt: 2, gap: 1, children: [
+              typeof x.icon == "string" ? /* @__PURE__ */ t(M, { icon: x.icon, width: 20, height: 20 }) : x.icon,
               /* @__PURE__ */ t(
                 v,
                 {
                   variant: "body1",
-                  color: d.menu === y.key ? "text.primary" : "grey.400",
-                  fontWeight: d.menu === y.key ? "fontWeightMedium" : void 0,
+                  color: d.menu === x.key ? "text.primary" : "grey.400",
+                  fontWeight: d.menu === x.key ? "fontWeightMedium" : void 0,
                   sx: { cursor: "pointer" },
                   onClick: () => {
                     var R;
-                    x(!1), f(y.key), (R = y.onClick) == null || R.call(y);
+                    y(!1), f(x.key), (R = x.onClick) == null || R.call(x);
                   },
-                  children: y.title
+                  children: x.title
                 }
               )
-            ] }, y.key))
+            ] }, x.key))
           ] }),
-          !!l.length && /* @__PURE__ */ t(O, { gap: 2, children: l.map((y) => /* @__PURE__ */ t(
+          !!l.length && /* @__PURE__ */ t(O, { gap: 2, children: l.map((x) => /* @__PURE__ */ t(
             v,
             {
               variant: "body1",
-              title: y.name,
+              title: x.name,
               sx: { cursor: "pointer" },
               "data-cy": "filter",
-              color: r === y.value ? "text.primary" : "grey.400",
+              color: r === x.value ? "text.primary" : "grey.400",
               textTransform: "capitalize",
               onClick: () => {
-                r === y.value ? g() : u(y.value), x(!1);
+                r === x.value ? g() : u(x.value), y(!1);
               },
-              children: y.name
+              children: x.name
             },
-            y.value
+            x.value
           )) })
         ] }) : /* @__PURE__ */ t(Ze, {})
       }
@@ -781,8 +781,8 @@ function Ae({
 }
 const cr = 16 / 9, ue = 292, xe = 189, re = 336;
 function dr() {
-  var y, R;
-  const { t: e, search: r } = B(), { get: o } = Se(), n = we(), l = V(n.breakpoints.down("md")), a = ((R = (y = window.blocklet) == null ? void 0 : y.preferences) == null ? void 0 : R.homeBanner) || [], {
+  var x, R;
+  const { t: e, search: r } = B(), { get: o } = Se(), n = we(), l = V(n.breakpoints.down("md")), a = ((R = (x = window.blocklet) == null ? void 0 : x.preferences) == null ? void 0 : R.homeBanner) || [], {
     data: s = [],
     error: i,
     loading: m
@@ -878,7 +878,7 @@ function dr() {
                           u(p.name || b.title || p.name),
                           g(p.desc || b.description)
                         ] }),
-                        b.did && x(b, p.baseNum),
+                        b.did && y(b, p.baseNum),
                         I(b)
                       ] })
                     ]
@@ -921,7 +921,7 @@ function dr() {
       }
     );
   }
-  function x(p, C = 0) {
+  function y(p, C = 0) {
     const { did: b, owner: k, stats: A } = p;
     return /* @__PURE__ */ h(w, { display: "flex", alignItems: "center", gap: 2, color: "text.secondary", children: [
       /* @__PURE__ */ t(Ae, { icon: /* @__PURE__ */ t(He, { src: k.avatar, did: b, size: 20, variant: "circle" }), children: k.fullName }),
@@ -1016,9 +1016,9 @@ function gr({
   handleSearchSelect: a,
   ...s
 }) {
-  const i = te(null), m = te(!1), [d, f] = E(!1), [u, g] = E(""), [x, I] = E(!1), y = Se(), [R, p] = E(!1), C = (s == null ? void 0 : s.placeholder) || r("common.searchStore"), b = async (c) => {
+  const i = te(null), m = te(!1), [d, f] = E(!1), [u, g] = E(""), [y, I] = E(!1), x = Se(), [R, p] = E(!1), C = (s == null ? void 0 : s.placeholder) || r("common.searchStore"), b = async (c) => {
     p(!0);
-    const S = await y.get(Ie(e, ke(P.blockletsPath, c)));
+    const S = await x.get(Ie(e, ke(P.blockletsPath, c)));
     return p(!1), S.dataList || [];
   }, { data: k, run: A } = oe(
     (c) => c ? b({
@@ -1045,7 +1045,7 @@ function gr({
   const D = De((c) => A(c), { wait: 300 }), j = { name: he, title: u, did: "" };
   let N = [];
   return u && (R ? N = [j] : k != null && k.length ? N = [j, ...k] : N = [{ name: Ee, title: r("blocklet.noResults"), did: "" }]), /* @__PURE__ */ h(F, { children: [
-    /* @__PURE__ */ h(Mt, { fullScreen: !0, open: x, sx: { display: { md: "none" } }, children: [
+    /* @__PURE__ */ h(Mt, { fullScreen: !0, open: y, sx: { display: { md: "none" } }, children: [
       /* @__PURE__ */ h(w, { p: 2, pb: 0, display: "flex", alignItems: "center", gap: 2, children: [
         /* @__PURE__ */ t(
           Ue,
@@ -1070,7 +1070,7 @@ function gr({
             className: "bl-autocomplete-input",
             value: u,
             onChange: (c) => K(c.target.value),
-            startAdornment: U(x),
+            startAdornment: U(y),
             endAdornment: X()
           }
         ),
@@ -1221,8 +1221,8 @@ function gr({
 }
 function yr({ placeholder: e, ...r }) {
   const { search: o, t: n } = B(), { filters: l, handleKeyword: a } = o, [s, i] = E(l.keyword || ""), m = De(a, { wait: 300 }), d = (g) => {
-    const { value: x } = g.target;
-    i(x), m.run(x);
+    const { value: y } = g.target;
+    i(y), m.run(y);
   }, f = () => {
     i(""), a("");
   };
@@ -1285,7 +1285,7 @@ function kr() {
     baseSearch: m,
     categoryOptions: d,
     compact: f
-  } = B(), { filters: u, handleSort: g, handlePrice: x, handleDeveloper: I, handleSwitchShowResources: y, cleanFilter: R, handleCategory: p } = e, C = Ge(r);
+  } = B(), { filters: u, handleSort: g, handlePrice: y, handleDeveloper: I, handleSwitchShowResources: x, cleanFilter: R, handleCategory: p } = e, C = Ge(r);
   return /* @__PURE__ */ h(
     O,
     {
@@ -1352,7 +1352,7 @@ function kr() {
                 Oe,
                 {
                   checked: u.showResources !== "false",
-                  onChange: (k) => y(k ? "true" : "false"),
+                  onChange: (k) => x(k ? "true" : "false"),
                   label: r("common.showResources")
                 }
               ) : null,
@@ -1360,7 +1360,7 @@ function kr() {
                 Oe,
                 {
                   checked: u.price === "free",
-                  onChange: (k) => x(k ? "free" : ""),
+                  onChange: (k) => y(k ? "free" : ""),
                   label: r("blocklet.free")
                 }
               ),
@@ -1526,13 +1526,13 @@ function Sr() {
     defaultCurrentPage: P.defaultCurrentPage
   }), [i, m] = E(null), d = Cr(e, a, s, m), f = G(
     () => {
-      var g, x;
-      return o ? o(((g = d.data) == null ? void 0 : g.list) || []) : ((x = d.data) == null ? void 0 : x.list) || [];
+      var g, y;
+      return o ? o(((g = d.data) == null ? void 0 : g.list) || []) : ((y = d.data) == null ? void 0 : y.list) || [];
     },
     [d.data, o]
   );
   return q(() => {
-    const g = f.find((x) => x.owner.did === a.owner);
+    const g = f.find((y) => y.owner.did === a.owner);
     l((g == null ? void 0 : g.owner.fullName) || (g == null ? void 0 : g.author.name) || "");
   }, [a.owner, f, l]), {
     blocklets: f,
@@ -1551,8 +1551,8 @@ function Sr() {
   };
 }
 function Ir() {
-  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: s, baseSearch: i, compact: m } = B(), { filters: d } = r, { blocklets: f, errors: u, loadMore: g, loadings: x, hasNextPage: I, total: y } = Sr(), [R] = Pt({
-    loading: x.fetchBlockletsLoading || x.loadingMore,
+  const { t: e, search: r, endpoint: o, blockletRender: n, serverVersion: l, minItemWidth: a, layout: s, baseSearch: i, compact: m } = B(), { filters: d } = r, { blocklets: f, errors: u, loadMore: g, loadings: y, hasNextPage: I, total: x } = Sr(), [R] = Pt({
+    loading: y.fetchBlockletsLoading || y.loadingMore,
     hasNextPage: I,
     onLoadMore: g
   });
@@ -1567,10 +1567,22 @@ function Ir() {
       b()
     ] }),
     C(),
-    !x.fetchBlockletsLoading && I && /* @__PURE__ */ t(w, { height: 70, minHeight: 70, display: "flex", justifyContent: "center", py: 2, overflow: "hidden", ref: R, children: /* @__PURE__ */ t(ie, {}) })
+    !y.fetchBlockletsLoading && I && /* @__PURE__ */ t(
+      w,
+      {
+        height: 70,
+        minHeight: 70,
+        display: "flex",
+        justifyContent: "center",
+        py: 2,
+        overflow: "hidden",
+        ref: R,
+        children: y.loadingMore ? /* @__PURE__ */ t(ie, {}) : null
+      }
+    )
   ] });
   function C() {
-    return x.fetchBlockletsLoading ? /* @__PURE__ */ t(Je, { mt: 15 }) : f.length ? /* @__PURE__ */ t(
+    return y.fetchBlockletsLoading ? /* @__PURE__ */ t(Je, { mt: 15 }) : f.length ? /* @__PURE__ */ t(
       w,
       {
         className: "blocklet-list",
@@ -1619,7 +1631,7 @@ function Ir() {
               children: e("blocklet.search", { keyword: d.keyword })
             }
           ),
-          /* @__PURE__ */ t(v, { variant: "body1", color: "text.hint", fontSize: 13, children: e("blocklet.resultCount", { count: y }) })
+          /* @__PURE__ */ t(v, { variant: "body1", color: "text.hint", fontSize: 13, children: e("blocklet.resultCount", { count: x }) })
         ]
       }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.16.56",
+  "version": "0.16.57",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@blocklet/js-sdk": "^1.16.44",
-    "@blocklet/util": "0.16.56",
+    "@blocklet/util": "0.16.57",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@iconify-icons/tabler": "^1.2.95",
@@ -91,5 +91,5 @@
     "prettier": "^3.3.2",
     "vite": "^5.4.10"
   },
-  "gitHead": "cd958524b32ee15ed019478300ea166559105748"
+  "gitHead": "87ce608bbfd1cc965d6a98068c5d3c3080f7a6dc"
 }