@blocklet/list 0.12.110 → 0.12.112

package/lib/index.es.js

@@ -1,38 +1,38 @@
-import { jsx as t, jsxs as g, Fragment as ie } from "react/jsx-runtime";
-import { styled as T, useTheme as se } from "@arcblock/ux/lib/Theme";
-import { Global as Se, css as Ce } from "@emotion/react";
-import Oe from "@mui/icons-material/Sort";
-import { Button as Fe, CircularProgress as le, MenuList as Ae, useMediaQuery as ve, SvgIcon as Me, Popper as Ee, Grow as qe, Paper as je, ClickAwayListener as Ue, MenuItem as We, Chip as Pe, Box as D, Unstable_Grid2 as oe, OutlinedInput as Ge, InputAdornment as be, Typography as Te, Hidden as we, Stack as Ke } from "@mui/material";
-import He from "@mui/icons-material/Face";
-import { ErrorBoundary as Qe } from "react-error-boundary";
-import { ErrorFallback as Re } from "@arcblock/ux/lib/ErrorBoundary";
-import { createContext as Ve, useMemo as H, useState as M, useCallback as ae, useEffect as U, useContext as Je, forwardRef as Xe, useRef as Q, createElement as Ye, Fragment as Ze } from "react";
-import { useReactive as Be, useInfiniteScroll as et, useRequest as tt, useSize as rt, useDebounceFn as ot, useMemoizedFn as nt, useCreation as lt, useMount as at } from "ahooks";
-import { joinURL as it, parseQuery as st } from "ufo";
+import { jsx as t, jsxs as f, Fragment as le } from "react/jsx-runtime";
+import { styled as T, useTheme as ae } from "@arcblock/ux/lib/Theme";
+import { Global as xe, css as ke } from "@emotion/react";
+import _e from "@mui/icons-material/Sort";
+import { Button as Ne, CircularProgress as oe, MenuList as Le, useMediaQuery as Se, SvgIcon as Me, Popper as Oe, Grow as Fe, Paper as Ae, ClickAwayListener as Ee, MenuItem as qe, Chip as Ce, Box as D, Unstable_Grid2 as te, OutlinedInput as je, InputAdornment as ge, Typography as ve, Hidden as ye, Stack as Ue } from "@mui/material";
+import We from "@mui/icons-material/Face";
+import { ErrorBoundary as Ge } from "react-error-boundary";
+import { ErrorFallback as Te } from "@arcblock/ux/lib/ErrorBoundary";
+import { createContext as Ke, useMemo as V, useState as E, useCallback as ne, useEffect as j, useContext as He, forwardRef as Qe, useRef as J, createElement as Ve, Fragment as Je } from "react";
+import { useReactive as Pe, useInfiniteScroll as Xe, useRequest as Ye, useSize as Ze, useDebounceFn as et, useMemoizedFn as tt, useCreation as rt, useMount as ot } from "ahooks";
+import { joinURL as nt, parseQuery as lt } from "ufo";
 import o from "prop-types";
-import ct from "lodash/orderBy";
-import ut from "axios";
-import pt from "json-stable-stringify";
+import at from "lodash/orderBy";
+import it from "axios";
+import st from "json-stable-stringify";
 import "lodash/cloneDeep";
-import dt from "color";
-import xe from "flat";
-import mt from "@mui/icons-material/KeyboardArrowDown";
-import ht from "lodash/isEmpty";
-import ft from "@mui/icons-material/FilterAltOutlined";
-import gt from "@arcblock/ux/lib/Dialog";
-import yt from "@mui/material/Button";
-import bt from "@arcblock/ux/lib/Empty";
-import wt from "react-infinite-scroll-hook";
-import xt from "@mui/material/Box";
-import $e from "@mui/material/Typography";
-import kt from "@mui/icons-material/Search";
-import St from "@mui/icons-material/Close";
-import { createRoot as Ct } from "react-dom/client";
-import { autocomplete as vt } from "@algolia/autocomplete-js";
-import { useHotkeys as Pt } from "react-hotkeys-hook";
-import Tt from "@arcblock/ux/lib/Switch";
+import ct from "color";
+import be from "flat";
+import ut from "@mui/icons-material/KeyboardArrowDown";
+import pt from "lodash/isEmpty";
+import dt from "@mui/icons-material/FilterAltOutlined";
+import mt from "@arcblock/ux/lib/Dialog";
+import ht from "@mui/material/Button";
+import ft from "@arcblock/ux/lib/Empty";
+import gt from "react-infinite-scroll-hook";
+import yt from "@mui/material/Box";
+import Re from "@mui/material/Typography";
+import bt from "@mui/icons-material/Search";
+import wt from "@mui/icons-material/Close";
+import { createRoot as xt } from "react-dom/client";
+import { autocomplete as kt } from "@algolia/autocomplete-js";
+import { useHotkeys as St } from "react-hotkeys-hook";
+import Ct from "@arcblock/ux/lib/Switch";
 import "@algolia/autocomplete-theme-classic/dist/theme.css";
-const Rt = (e) => [
+const vt = (e) => [
   {
     name: e("sort.popularity"),
     value: "popularity"
@@ -49,14 +49,14 @@ const Rt = (e) => [
     name: e("sort.nameDescend"),
     value: "nameDesc"
   }
-], Bt = (e) => [
+], Tt = (e) => [
   { name: e("blocklet.free"), value: "free" },
   { name: e("blocklet.payment"), value: "payment" }
-], $t = (e = [], n = "en") => e.map((r) => ({ name: r.locales[n] || `Category.${n}`, value: r._id })), It = (e, n) => (
+], Pt = (e = [], n = "en") => e.map((r) => ({ name: r.locales[n] || `Category.${n}`, value: r._id })), Rt = (e, n) => (
   // eslint-disable-next-line no-prototype-builtins
-  e.replace(/{(\w*)}/g, (r, l) => n.hasOwnProperty(l) ? n[l] : "")
-), zt = () => window.innerWidth <= 600, Dt = (e) => dt(e).rgb().object();
-function _t(e, n) {
+  e.replace(/{(\w*)}/g, (r, a) => n.hasOwnProperty(a) ? n[a] : "")
+), Bt = () => window.innerWidth <= 600, $t = (e) => ct(e).rgb().object();
+function It(e, n) {
   let r;
   return function(...s) {
     return r && clearTimeout(r), new Promise((c) => {
@@ -64,7 +64,7 @@ function _t(e, n) {
     });
   };
 }
-const Nt = _t((e) => Promise.resolve(e), 300), Lt = {
+const zt = It((e) => Promise.resolve(e), 300), Dt = {
   common: {
     searchStore: "Search the store",
     showResources: "Show resources",
@@ -103,7 +103,7 @@ const Nt = _t((e) => Promise.resolve(e), 300), Lt = {
   autocomplete: {
     expandResult: 'Show {number} search results for "{name}" '
   }
-}, Ot = {
+}, _t = {
   common: {
     searchStore: "搜索商店内应用",
     showResources: "显示资源型应用",
@@ -142,10 +142,10 @@ const Nt = _t((e) => Promise.resolve(e), 300), Lt = {
   autocomplete: {
     expandResult: "显示 {number} 条 “{name}” 的搜索结果 "
   }
-}, ne = {
-  en: xe(Lt),
-  zh: xe(Ot)
-}, Ie = {
+}, re = {
+  en: be(Dt),
+  zh: be(_t)
+}, Be = {
   filters: o.shape({
     keyword: o.string,
     sortBy: o.string,
@@ -168,7 +168,7 @@ const Nt = _t((e) => Promise.resolve(e), 300), Lt = {
   showResourcesSwitch: o.bool,
   showCategory: o.bool,
   tagFilters: o.array
-}, ze = {
+}, $e = {
   locale: "zh",
   filters: {},
   onFilterChange: () => {
@@ -195,248 +195,248 @@ const Nt = _t((e) => Promise.resolve(e), 300), Lt = {
   blockletsPath: "/api/v2/blocklets.json",
   categoriesPath: "/api/blocklets/categories",
   cacheSize: 100
-}, De = Ve({}), { Provider: Ft, Consumer: Dr } = De;
-function ce({
+}, Ie = Ke({}), { Provider: Nt, Consumer: $r } = Ie;
+function ie({
   filters: e,
   children: n,
   endpoint: r,
-  locale: l,
+  locale: a,
   blockletRender: s,
   onFilterChange: c,
   onSearchSelect: x,
   extraFilter: y,
-  wrapChildren: u,
+  wrapChildren: p,
   baseSearch: b,
-  serverVersion: p,
+  serverVersion: d,
   storeVersion: S,
   fetchCategoryDelay: v,
   showResourcesSwitch: C,
-  showCategory: R,
-  tagFilters: B
+  showCategory: P,
+  tagFilters: R
 }) {
   const i = {};
-  p && (i["x-blocklet-server-version"] = p), S && (i["x-blocklet-store-version"] = S);
-  const h = H(() => ut.create({
+  d && (i["x-blocklet-server-version"] = d), S && (i["x-blocklet-store-version"] = S);
+  const h = V(() => it.create({
     baseURL: r,
     headers: i
-  }), [r]), d = H(() => ({
+  }), [r]), m = V(() => ({
     sortBy: "popularity",
     sortDirection: "desc",
     ...e
-  }), [e]), k = d.category, P = Be({
+  }), [e]), k = m.category, $ = Pe({
     currentPage: _.currentPage,
-    pageSize: zt() ? _.mobilePageSize : _.pageSize,
+    pageSize: Bt() ? _.mobilePageSize : _.pageSize,
     defaultCurrentPage: _.defaultCurrentPage
-  }), [w, L] = M(null), {
-    data: E = { list: [], total: 0 },
-    loading: te,
-    loadMore: re,
-    loadingMore: O
-  } = et(
-    async (a) => {
-      a || (P.currentPage = P.defaultCurrentPage);
-      const { currentPage: f, pageSize: $ } = P, A = {
-        ...d,
-        sortBy: _[d.sortBy],
-        page: f,
-        pageSize: $
+  }), [w, L] = E(null), I = Xe(
+    async (l) => {
+      l || ($.currentPage = $.defaultCurrentPage);
+      const { currentPage: u, pageSize: B } = $, A = {
+        ...m,
+        sortBy: _[m.sortBy],
+        page: u,
+        pageSize: B
       };
       L(null);
       const { data: z = {} } = await h.get(_.blockletsPath, {
         params: A
       });
-      return P.currentPage++, {
-        page: f,
-        pageSize: $,
+      return $.currentPage++, {
+        page: u,
+        pageSize: B,
         list: (z == null ? void 0 : z.dataList) || [],
         total: (z == null ? void 0 : z.total) || 0
       };
     },
     {
-      isNoMore: (a) => a ? a.page * a.pageSize >= a.total : !1,
-      reloadDeps: [r, pt(e)],
-      onError: (a) => {
-        L(a);
+      isNoMore: (l) => l ? l.page * l.pageSize >= l.total : !1,
+      reloadDeps: [r, st(e)],
+      onError: (l) => {
+        L(l);
       }
     }
   ), {
-    data: F = [],
-    error: G,
-    loading: J,
-    run: X
-  } = tt(
+    data: W = [],
+    error: ee,
+    loading: O,
+    run: G
+  } = Ye(
     async () => {
-      const { data: a } = await h.get(_.categoriesPath);
-      return Array.isArray(a) ? a : [];
+      const { data: l } = await h.get(_.categoriesPath);
+      return Array.isArray(l) ? l : [];
     },
     { manual: !0 }
-  ), m = H(() => ct(F || [], [(f) => f.name], ["asc"]), [F]), q = ae(
-    (a, f) => {
-      const $ = ne[l] ? ne[l][a] : ne.en[a];
-      return It($, f);
+  ), F = V(() => at(W || [], [(u) => u.name], ["asc"]), [W]), K = ne(
+    (l, u) => {
+      const B = re[a] ? re[a][l] : re.en[l];
+      return Rt(B, u);
+    },
+    [a]
+  ), H = V(() => {
+    var u;
+    let l = ((u = I.data) == null ? void 0 : u.list) || [];
+    return l = y(l), l;
+  }, [I.data, y]), g = V(() => Pt(F, a), [F, a]), Q = Tt(K), M = {
+    errors: { fetchBlockletsError: w, fetchCategoriesError: ee },
+    loadings: {
+      fetchBlockletsLoading: I.loading,
+      fetchCategoriesLoading: O,
+      loadingMore: I.loadingMore
     },
-    [l]
-  ), I = H(() => {
-    let a = E.list || [];
-    return a = y(a), a;
-  }, [E, y]), K = H(() => $t(m, l), [m, l]), Y = Bt(q), Le = {
-    errors: { fetchBlockletsError: w, fetchCategoriesError: G },
-    loadings: { fetchBlockletsLoading: te, fetchCategoriesLoading: J, loadingMore: O },
     endpoint: r,
-    blockletList: I,
-    wrapChildren: u,
-    t: q,
-    filters: d,
+    blockletList: H,
+    wrapChildren: p,
+    t: K,
+    filters: m,
     selectedCategory: k,
-    categoryList: m,
+    categoryList: F,
     blockletRender: s,
-    locale: l,
-    categoryOptions: K,
-    priceOptions: Y,
+    locale: a,
+    categoryOptions: g,
+    priceOptions: Q,
     storeApi: h,
     baseSearch: b,
     showResourcesSwitch: C,
-    showCategory: R,
-    tagFilters: B,
-    hasNextPage: P.pageSize * P.currentPage < E.total,
+    showCategory: P,
+    tagFilters: R,
+    hasNextPage: !I.noMore,
     onFilterChange: c,
-    handleSort: (a) => {
-      const f = {
-        ...d,
-        sortBy: a,
-        sortDirection: a === "nameAsc" ? "asc" : "desc"
+    handleSort: (l) => {
+      const u = {
+        ...m,
+        sortBy: l,
+        sortDirection: l === "nameAsc" ? "asc" : "desc"
       };
-      c(f);
+      c(u);
     },
-    handleKeyword: (a) => {
-      const f = { ...d, keyword: a || void 0 };
-      c(f);
+    handleKeyword: (l) => {
+      const u = { ...m, keyword: l || void 0 };
+      c(u);
     },
-    handlePrice: (a) => {
-      const f = {
-        ...d,
-        price: a === d.price ? void 0 : a
+    handlePrice: (l) => {
+      const u = {
+        ...m,
+        price: l === m.price ? void 0 : l
       };
-      c(f);
+      c(u);
     },
-    handleCategory: (a) => {
-      let f = a;
-      (a === "all" || a === d.category) && (f = void 0);
-      const $ = { ...d, category: f };
-      c($);
+    handleCategory: (l) => {
+      let u = l;
+      (l === "all" || l === m.category) && (u = void 0);
+      const B = { ...m, category: u };
+      c(B);
     },
-    handleDeveloper: (a) => {
-      const f = { ...d, owner: a || void 0 };
-      c(f);
+    handleDeveloper: (l) => {
+      const u = { ...m, owner: l || void 0 };
+      c(u);
     },
-    handlePage: (a) => {
-      const f = { ...d, currentPage: a };
-      c(f);
+    handlePage: (l) => {
+      const u = { ...m, currentPage: l };
+      c(u);
     },
     handleSwitchShowResources: () => {
-      const a = { ...d };
-      c(a);
+      const l = { ...m };
+      c(l);
     },
-    loadMore: re,
-    getCategoryLocale: (a) => {
-      if (!a)
+    loadMore: I.loadMore,
+    getCategoryLocale: (l) => {
+      if (!l)
         return null;
-      let f = null;
-      const $ = F.find((A) => A._id === a);
-      return $ && (f = $.locales[l]), f;
+      let u = null;
+      const B = W.find((A) => A._id === l);
+      return B && (u = B.locales[a]), u;
     },
     get developerName() {
-      var f, $;
-      return (($ = (f = I.find((A) => {
+      var u, B;
+      return ((B = (u = H.find((A) => {
         var z;
-        return ((z = A == null ? void 0 : A.owner) == null ? void 0 : z.did) === d.owner;
-      })) == null ? void 0 : f.owner) == null ? void 0 : $.name) || "";
+        return ((z = A == null ? void 0 : A.owner) == null ? void 0 : z.did) === m.owner;
+      })) == null ? void 0 : u.owner) == null ? void 0 : B.name) || "";
     },
     handleSearchSelect: x
   };
-  return U(() => {
+  return j(() => {
     setTimeout(() => {
-      X();
+      G();
     }, v || 0);
-  }, [r]), /* @__PURE__ */ t(Ft, { value: Le, children: n });
+  }, [r]), /* @__PURE__ */ t(Nt, { value: M, children: n });
 }
-ce.propTypes = {
-  ...Ie,
+ie.propTypes = {
+  ...Be,
   children: o.any.isRequired
 };
-ce.defaultProps = ze;
+ie.defaultProps = $e;
 function N() {
-  const e = Je(De);
+  const e = He(Ie);
   return e || {};
 }
-const At = T(Fe)`
+const Lt = T(Ne)`
   border-radius: 4px;
-`, ue = Xe(({ children: e, rounded: n, loading: r, disabled: l, ...s }, c) => /* @__PURE__ */ t(
-  At,
+`, se = Qe(({ children: e, rounded: n, loading: r, disabled: a, ...s }, c) => /* @__PURE__ */ t(
+  Lt,
   {
     ref: c,
     disableElevation: !0,
-    disabled: l || r,
+    disabled: a || r,
     ...s,
-    startIcon: r && /* @__PURE__ */ t(le, { size: "1em" }),
+    startIcon: r && /* @__PURE__ */ t(oe, { size: "1em" }),
     children: e
   }
 ));
-ue.propTypes = {
+se.propTypes = {
   children: o.any,
   rounded: o.bool,
   loading: o.bool,
   disabled: o.bool
 };
-ue.defaultProps = {
+se.defaultProps = {
   children: null,
   rounded: !1,
   loading: !1,
   disabled: !1
 };
-function pe({ title: e, value: n, icon: r, prepend: l, options: s, onChange: c, itemRender: x, ...y }) {
-  const u = Q(null), b = se(), [p, S] = M(!1), [v, C] = M(n !== null ? n : ""), R = ve(b.breakpoints.down("sm"));
-  U(() => {
+function ce({ title: e, value: n, icon: r, prepend: a, options: s, onChange: c, itemRender: x, ...y }) {
+  const p = J(null), b = ae(), [d, S] = E(!1), [v, C] = E(n !== null ? n : ""), P = Se(b.breakpoints.down("sm"));
+  j(() => {
     C(n !== null ? n : "");
   }, [n]);
-  const B = ae(() => {
+  const R = ne(() => {
     S(!1);
-  }, []), i = ae(() => {
+  }, []), i = ne(() => {
     S(!0);
   }, []);
   function h(k) {
-    C(k.value), c(k.value), R && B();
+    C(k.value), c(k.value), P && R();
   }
-  function d(k) {
+  function m(k) {
     return k === v;
   }
-  return /* @__PURE__ */ g(ie, { children: [
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(le, { children: [
+    /* @__PURE__ */ f(
       Mt,
       {
-        ref: u,
+        ref: p,
         onClick: i,
         variant: "outlined",
         size: "small",
-        className: ["my-select__selector", ht(v) ? "" : "my-select__selector--active"].join(" "),
+        className: ["my-select__selector", pt(v) ? "" : "my-select__selector--active"].join(" "),
         sx: { minWidth: "auto" },
         ...y,
         children: [
           /* @__PURE__ */ t("div", { className: "my-select__icon", children: r }),
           e,
-          /* @__PURE__ */ t(Me, { className: "my-select__arrowdown", component: mt, fontSize: "small" })
+          /* @__PURE__ */ t(Me, { className: "my-select__arrowdown", component: ut, fontSize: "small" })
         ]
       }
     ),
-    /* @__PURE__ */ t(Ee, { open: p, anchorEl: u.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: k, placement: P }) => /* @__PURE__ */ t(qe, { ...k, sx: { transformOrigin: P === "bottom" ? "center top" : "center bottom" }, children: /* @__PURE__ */ t(je, { children: /* @__PURE__ */ t(Ue, { onClickAway: B, children: /* @__PURE__ */ g(Et, { autoFocusItem: p, onMouseEnter: i, onMouseLeave: B, children: [
-      l,
+    /* @__PURE__ */ t(Oe, { open: d, anchorEl: p.current, transition: !0, sx: { zIndex: "9999" }, children: ({ TransitionProps: k, placement: $ }) => /* @__PURE__ */ t(Fe, { ...k, sx: { transformOrigin: $ === "bottom" ? "center top" : "center bottom" }, children: /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(Ee, { onClickAway: R, children: /* @__PURE__ */ f(Ot, { autoFocusItem: d, onMouseEnter: i, onMouseLeave: R, children: [
+      a,
       s.map((w) => x ? x(w) : /* @__PURE__ */ t(
-        We,
+        qe,
         {
           onClick: () => h(w),
           className: [
             "my-select__option",
-            d(w.value) ? "my-select__option--active" : ""
+            m(w.value) ? "my-select__option--active" : ""
           ].join(" "),
           children: w.name
         },
@@ -445,7 +445,7 @@ function pe({ title: e, value: n, icon: r, prepend: l, options: s, onChange: c,
     ] }) }) }) }) })
   ] });
 }
-pe.propTypes = {
+ce.propTypes = {
   options: o.array.isRequired,
   value: o.oneOfType([o.string, o.number, o.array]),
   onChange: o.func,
@@ -454,7 +454,7 @@ pe.propTypes = {
   icon: o.any,
   prepend: o.any
 };
-pe.defaultProps = {
+ce.defaultProps = {
   value: null,
   icon: null,
   prepend: null,
@@ -462,7 +462,7 @@ pe.defaultProps = {
   onChange: () => {
   }
 };
-const Mt = T(ue)`
+const Mt = T(se)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightBold};
@@ -493,7 +493,7 @@ const Mt = T(ue)`
       margin-right: 3px;
     }
   }
-`, Et = T(Ae)`
+`, Ot = T(Le)`
   .my-select__option__icon {
     color: transparent;
     font-size: 16px;
@@ -510,15 +510,15 @@ const Mt = T(ue)`
     }
   }
 `;
-function W({ options: e, onChange: n, title: r, value: l }) {
-  return /* @__PURE__ */ g(qt, { children: [
+function U({ options: e, onChange: n, title: r, value: a }) {
+  return /* @__PURE__ */ f(Ft, { children: [
     /* @__PURE__ */ t("div", { className: "title", children: r }),
     /* @__PURE__ */ t("div", { className: "list", children: e.map((s) => /* @__PURE__ */ t(
       "div",
       {
         title: s.name,
         "data-cy": "filter",
-        className: l === s.value ? "select item" : "item",
+        className: a === s.value ? "select item" : "item",
         onClick: () => n(s.value),
         children: s.name
       },
@@ -526,7 +526,7 @@ function W({ options: e, onChange: n, title: r, value: l }) {
     )) })
   ] });
 }
-const qt = T("div")`
+const Ft = T("div")`
   .title {
     font-size: 18px;
     font-weight: bold;
@@ -554,48 +554,48 @@ const qt = T("div")`
     font-weight: bold;
   }
 `;
-W.propTypes = {
+U.propTypes = {
   title: o.string.isRequired,
   options: o.array.isRequired,
   onChange: o.func.isRequired,
   value: o.oneOfType([o.string, o.number])
 };
-W.defaultProps = {
+U.defaultProps = {
   value: null
 };
-function de() {
-  const { selectedCategory: e, handleCategory: n, t: r, handlePrice: l, filters: s, categoryOptions: c, priceOptions: x } = N(), [y, u] = M(!1), b = (p, S) => {
-    p === "category" && n(S), p === "price" && l(S), u(!1);
+function ue() {
+  const { selectedCategory: e, handleCategory: n, t: r, handlePrice: a, filters: s, categoryOptions: c, priceOptions: x } = N(), [y, p] = E(!1), b = (d, S) => {
+    d === "category" && n(S), d === "price" && a(S), p(!1);
   };
-  return /* @__PURE__ */ g(jt, { children: [
-    /* @__PURE__ */ t(yt, { variant: "outlined", className: "filter-button", onClick: () => u(!0), children: /* @__PURE__ */ t(ft, { className: "filter-icon", fontSize: "small" }) }),
-    /* @__PURE__ */ g(gt, { fullWidth: !0, title: "", open: y, onClose: () => u(!1), children: [
+  return /* @__PURE__ */ f(At, { children: [
+    /* @__PURE__ */ t(ht, { variant: "outlined", className: "filter-button", onClick: () => p(!0), children: /* @__PURE__ */ t(dt, { className: "filter-icon", fontSize: "small" }) }),
+    /* @__PURE__ */ f(mt, { fullWidth: !0, title: "", open: y, onClose: () => p(!1), children: [
       /* @__PURE__ */ t(
-        W,
+        U,
         {
           title: r("common.price"),
           options: x,
           value: s.price,
-          onChange: (p) => {
-            b("price", p);
+          onChange: (d) => {
+            b("price", d);
           }
         }
       ),
       c.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ t(
-        W,
+        U,
         {
           title: r("common.category"),
           options: c,
           value: e,
-          onChange: (p) => {
-            b("category", p);
+          onChange: (d) => {
+            b("category", d);
           }
         }
       ) })
     ] })
   ] });
 }
-const jt = T("div")`
+const At = T("div")`
   .filter-button {
     border-color: rgb(240, 240, 240);
     padding: 5px 8px;
@@ -606,9 +606,9 @@ const jt = T("div")`
     color: ${(e) => e.theme.palette.grey[500]};
   }
 `;
-de.propTypes = {};
-de.defaultProps = {};
-const Ut = T("div")`
+ue.propTypes = {};
+ue.defaultProps = {};
+const Et = T("div")`
   .MuiChip-root {
     border-radius: 4px;
     height: initial;
@@ -617,159 +617,159 @@ const Ut = T("div")`
     padding: 4px 0;
   }
 `;
-function j({ label: e, icon: n, onDelete: r, ...l }) {
-  return e ? /* @__PURE__ */ t(Ut, { ...l, children: /* @__PURE__ */ t(Pe, { color: "primary", "data-cy": "filter-tag", icon: n, label: e, onDelete: r }) }) : null;
+function q({ label: e, icon: n, onDelete: r, ...a }) {
+  return e ? /* @__PURE__ */ t(Et, { ...a, children: /* @__PURE__ */ t(Ce, { color: "primary", "data-cy": "filter-tag", icon: n, label: e, onDelete: r }) }) : null;
 }
-j.propTypes = {
+q.propTypes = {
   label: o.string,
   onDelete: o.func,
   icon: o.element
 };
-j.defaultProps = {
+q.defaultProps = {
   onDelete: null,
   icon: null,
   label: null
 };
-function ke() {
+function we() {
   const { t: e } = N();
-  return /* @__PURE__ */ t($e, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
+  return /* @__PURE__ */ t(Re, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
 }
-function V({ filterTip: e, keywordTip: n }) {
-  const { t: r, locale: l } = N(), s = () => l === "zh" ? "、" : " , ";
-  return /* @__PURE__ */ g(xt, { className: "tips", children: [
+function X({ filterTip: e, keywordTip: n }) {
+  const { t: r, locale: a } = N(), s = () => a === "zh" ? "、" : " , ";
+  return /* @__PURE__ */ f(yt, { className: "tips", children: [
     /* @__PURE__ */ t("span", { style: { marginRight: "16px" }, children: r("blocklet.emptyTip") }),
     e && /* @__PURE__ */ t("span", { children: r("blocklet.filterTip") }),
     e && n && s(),
     n && /* @__PURE__ */ t("span", { children: r("blocklet.keywordTip") })
   ] });
 }
-V.propTypes = {
+X.propTypes = {
   filterTip: o.bool,
   keywordTip: o.bool
 };
-V.defaultProps = {
+X.defaultProps = {
   filterTip: !1,
   keywordTip: !1
 };
-function ee({ primaryStart: e, primaryEnd: n, filter: r }) {
-  return /* @__PURE__ */ g($e, { variant: "subtitle2", children: [
+function Z({ primaryStart: e, primaryEnd: n, filter: r }) {
+  return /* @__PURE__ */ f(Re, { variant: "subtitle2", children: [
     /* @__PURE__ */ t("span", { children: e }),
-    /* @__PURE__ */ g("span", { className: "primary", children: [
+    /* @__PURE__ */ f("span", { className: "primary", children: [
       " ",
       r,
       " "
     ] }),
-    /* @__PURE__ */ g("span", { children: [
+    /* @__PURE__ */ f("span", { children: [
       n,
       " "
     ] })
   ] });
 }
-ee.propTypes = {
+Z.propTypes = {
   primaryStart: o.string.isRequired,
   primaryEnd: o.string.isRequired,
   filter: o.string.isRequired
 };
-function Wt(e) {
+function qt(e) {
   return e ? e.width > 900 ? 12 : e.width > 600 ? 8 : 4 : 0;
 }
-function _e({ children: e }) {
-  const n = Q(null), [r, l] = M(null), s = rt(r);
-  return U(() => {
-    r || l(n.current);
-  }, [r]), e(n, Wt(s));
+function ze({ children: e }) {
+  const n = J(null), [r, a] = E(null), s = Ze(r);
+  return j(() => {
+    r || a(n.current);
+  }, [r]), e(n, qt(s));
 }
-_e.propTypes = {
+ze.propTypes = {
   children: o.func.isRequired
 };
-function me({ blocklets: e, ...n }) {
+function pe({ blocklets: e, ...n }) {
   const {
     blockletRender: r,
-    errors: l,
+    errors: a,
     loadings: s,
     selectedCategory: c,
     getCategoryLocale: x,
     filters: y,
-    t: u,
+    t: p,
     hasNextPage: b,
-    loadMore: p,
+    loadMore: d,
     endpoint: S
-  } = N(), v = !!c || !!y.price, [C] = wt({
+  } = N(), v = !!c || !!y.price, [C] = gt({
     loading: s.fetchBlockletsLoading || s.loadingMore,
     hasNextPage: b,
-    onLoadMore: p
+    onLoadMore: d
   });
-  if (l.fetchBlockletsError)
+  if (a.fetchBlockletsError)
     return /* @__PURE__ */ t(
-      Re,
+      Te,
       {
-        error: new Error(`Failed to fetch blocklets from ${S}: ${l.fetchBlockletsError.message}`)
+        error: new Error(`Failed to fetch blocklets from ${S}: ${a.fetchBlockletsError.message}`)
       }
     );
   if (s.fetchBlockletsLoading)
-    return /* @__PURE__ */ t(D, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ t(le, {}) });
+    return /* @__PURE__ */ t(D, { height: 60, display: "flex", alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ t(oe, {}) });
   if (y.keyword && v && e.length === 0)
-    return /* @__PURE__ */ g(Z, { children: [
+    return /* @__PURE__ */ f(Y, { children: [
       /* @__PURE__ */ t(
-        ee,
+        Z,
         {
-          primaryStart: u("blocklet.noBlockletPart1"),
-          primaryEnd: u("blocklet.noBlockletPart2"),
+          primaryStart: p("blocklet.noBlockletPart1"),
+          primaryEnd: p("blocklet.noBlockletPart2"),
           filter: y.keyword
         }
       ),
-      /* @__PURE__ */ t(V, { keywordTip: !0, filterTip: !0 })
+      /* @__PURE__ */ t(X, { keywordTip: !0, filterTip: !0 })
     ] });
   if (y.keyword && e.length === 0)
-    return /* @__PURE__ */ g(Z, { children: [
+    return /* @__PURE__ */ f(Y, { children: [
       /* @__PURE__ */ t(
-        ee,
+        Z,
         {
-          primaryStart: u("blocklet.noBlockletPart1"),
-          primaryEnd: u("blocklet.noBlockletPart2"),
+          primaryStart: p("blocklet.noBlockletPart1"),
+          primaryEnd: p("blocklet.noBlockletPart2"),
           filter: y.keyword
         }
       ),
-      /* @__PURE__ */ t(V, { keywordTip: !0 })
+      /* @__PURE__ */ t(X, { keywordTip: !0 })
     ] });
   if (v && e.length === 0) {
-    const R = x(c);
-    return /* @__PURE__ */ g(Z, { children: [
-      R ? /* @__PURE__ */ t(
-        ee,
+    const P = x(c);
+    return /* @__PURE__ */ f(Y, { children: [
+      P ? /* @__PURE__ */ t(
+        Z,
         {
-          primaryStart: u("blocklet.noCategoryResults1"),
-          primaryEnd: u("blocklet.noCategoryResults2"),
-          filter: R
+          primaryStart: p("blocklet.noCategoryResults1"),
+          primaryEnd: p("blocklet.noCategoryResults2"),
+          filter: P
         }
-      ) : /* @__PURE__ */ t(ke, {}),
-      /* @__PURE__ */ t(V, { filterTip: !0 })
+      ) : /* @__PURE__ */ t(we, {}),
+      /* @__PURE__ */ t(X, { filterTip: !0 })
     ] });
   }
-  return e.length === 0 ? /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(ke, {}) }) : /* @__PURE__ */ t(_e, { children: (R, B) => /* @__PURE__ */ g(
-    oe,
+  return e.length === 0 ? /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(we, {}) }) : /* @__PURE__ */ t(ze, { children: (P, R) => /* @__PURE__ */ f(
+    te,
     {
       ...n,
       container: !0,
       spacing: 2,
-      columns: B,
+      columns: R,
       disableEqualOverflow: !0,
-      ref: R,
+      ref: P,
       sx: {
-        opacity: () => B > 0 ? 1 : 0
+        opacity: () => R > 0 ? 1 : 0
       },
       children: [
-        e.map((i) => /* @__PURE__ */ t(oe, { xs: 4, "data-blocklet-did": i.did, children: r({ blocklet: i, blocklets: e }) }, i.did)),
-        b && /* @__PURE__ */ t(oe, { xs: 12, ref: C, children: /* @__PURE__ */ t(D, { height: 60, display: "flex", justifyContent: "center", children: /* @__PURE__ */ t(le, {}) }) })
+        e.map((i) => /* @__PURE__ */ t(te, { xs: 4, "data-blocklet-did": i.did, children: r({ blocklet: i, blocklets: e }) }, i.did)),
+        b && /* @__PURE__ */ t(te, { xs: 12, ref: C, children: /* @__PURE__ */ t(D, { height: 60, display: "flex", justifyContent: "center", children: /* @__PURE__ */ t(oe, {}) }) })
       ]
     }
   ) });
 }
-me.propTypes = {
+pe.propTypes = {
   blocklets: o.array.isRequired
 };
-me.defaultProps = {};
-const Z = T(bt)`
+pe.defaultProps = {};
+const Y = T(ft)`
   text-align: center;
   .primary {
     color: ${(e) => e.theme.palette.primary.main};
@@ -778,12 +778,12 @@ const Z = T(bt)`
     margin-top: ${(e) => e.theme.spacing(1)};
   }
 `;
-function he() {
-  const { selectedCategory: e, handleCategory: n, t: r, handlePrice: l, filters: s, categoryOptions: c, priceOptions: x } = N();
-  return /* @__PURE__ */ g(Gt, { children: [
-    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(W, { title: r("common.price"), options: x, value: s.price, onChange: l }) }),
+function de() {
+  const { selectedCategory: e, handleCategory: n, t: r, handlePrice: a, filters: s, categoryOptions: c, priceOptions: x } = N();
+  return /* @__PURE__ */ f(jt, { children: [
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(U, { title: r("common.price"), options: x, value: s.price, onChange: a }) }),
     c.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ t(
-      W,
+      U,
       {
         title: r("common.category"),
         options: c,
@@ -793,7 +793,7 @@ function he() {
     ) })
   ] });
 }
-const Gt = T("aside")`
+const jt = T("aside")`
   width: 220px;
   margin-right: ${(e) => e.theme.spacing(2)};
   height: 100%;
@@ -802,41 +802,41 @@ const Gt = T("aside")`
   overflow-y: auto;
   z-index: auto;
 `;
-he.propTypes = {};
-he.defaultProps = {};
-function fe({ placeholder: e, ...n }) {
-  const { filters: r, handleKeyword: l } = N(), [s, c] = M(r.keyword || ""), x = ot(l, { wait: 300 }), y = (b) => {
-    const { value: p } = b.target;
-    c(p), x.run(p);
-  }, u = () => {
-    c(""), l();
+de.propTypes = {};
+de.defaultProps = {};
+function me({ placeholder: e, ...n }) {
+  const { filters: r, handleKeyword: a } = N(), [s, c] = E(r.keyword || ""), x = et(a, { wait: 300 }), y = (b) => {
+    const { value: d } = b.target;
+    c(d), x.run(d);
+  }, p = () => {
+    c(""), a();
   };
-  return U(() => {
+  return j(() => {
     c(r.keyword || "");
   }, [r.keyword]), /* @__PURE__ */ t(
-    Kt,
+    Ut,
     {
       inputProps: {
         "data-cy": "search-blocklet"
       },
-      startAdornment: /* @__PURE__ */ t(be, { position: "start", children: /* @__PURE__ */ t(Ht, {}) }),
+      startAdornment: /* @__PURE__ */ t(ge, { position: "start", children: /* @__PURE__ */ t(Wt, {}) }),
       onChange: y,
       placeholder: e,
       value: s,
       title: e,
       "data-cy": "search",
-      endAdornment: s && /* @__PURE__ */ t(be, { position: "end", children: /* @__PURE__ */ t(Qt, { "data-cy": "search-delete", onClick: u }) }),
+      endAdornment: s && /* @__PURE__ */ t(ge, { position: "end", children: /* @__PURE__ */ t(Gt, { "data-cy": "search-delete", onClick: p }) }),
       ...n
     }
   );
 }
-fe.propTypes = {
+me.propTypes = {
   placeholder: o.string
 };
-fe.defaultProps = {
+me.defaultProps = {
   placeholder: "Type to search..."
 };
-const Kt = T(Ge)`
+const Ut = T(je)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -853,21 +853,21 @@ const Kt = T(Ge)`
       color: transparent;
     }
   }
-`, Ht = T(kt)`
+`, Wt = T(bt)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 28px;
   @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
     font-size: 24px;
   }
-`, Qt = T(St)`
+`, Gt = T(wt)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
-function ge({ onSelect: e, wrapChildren: n }) {
-  const r = Q(null), l = Q(null), s = Q(null), { storeApi: c, blockletRender: x, filters: y, endpoint: u, handleKeyword: b, t: p } = N(), S = async (i) => {
-    const { data: h } = await c.get(_.blockletsPath, { params: i }), d = h.dataList || [];
-    return d.length > 0 && d.unshift({ type: "more-result", total: h.total || 0 }), d;
+function he({ onSelect: e, wrapChildren: n }) {
+  const r = J(null), a = J(null), s = J(null), { storeApi: c, blockletRender: x, filters: y, endpoint: p, handleKeyword: b, t: d } = N(), S = async (i) => {
+    const { data: h } = await c.get(_.blockletsPath, { params: i }), m = h.dataList || [];
+    return m.length > 0 && m.unshift({ type: "more-result", total: h.total || 0 }), m;
   }, v = (i) => {
     b(i.state.query), i.setIsOpen(!1);
   }, C = () => {
@@ -875,27 +875,27 @@ function ge({ onSelect: e, wrapChildren: n }) {
       const i = r.current.querySelector("input.bl-autocomplete-input");
       i && i.focus();
     });
-  }, R = (i) => {
+  }, P = (i) => {
     i.setIsOpen(!1), C();
-  }, B = ({ prevState: i, state: h }) => {
+  }, R = ({ prevState: i, state: h }) => {
     i.query !== h.query && (h.query || b());
   };
-  return Pt(
+  return St(
     "ctrl + k, command + k",
     (i) => (i.stopPropagation(), i.preventDefault(), C(), !1),
     { enableOnTags: ["INPUT"] }
-  ), U(() => {
+  ), j(() => {
     C();
-  }, [u]), U(() => {
+  }, [p]), j(() => {
     if (!r.current)
       return;
-    const i = vt({
+    const i = kt({
       container: r.current,
-      renderer: { createElement: Ye, Fragment: Ze, render: () => {
+      renderer: { createElement: Ve, Fragment: Je, render: () => {
       } },
-      render({ children: h }, d) {
+      render({ children: h }, m) {
         var k;
-        (!l.current || s.current !== d) && (s.current = d, (k = l.current) == null || k.unmount(), l.current = Ct(d)), l.current.render(n(h));
+        (!a.current || s.current !== m) && (s.current = m, (k = a.current) == null || k.unmount(), a.current = xt(m)), a.current.render(n(h));
       },
       autoFocus: !0,
       openOnFocus: !1,
@@ -909,35 +909,35 @@ function ge({ onSelect: e, wrapChildren: n }) {
         detachedContainer: "bl-autocomplete-detached-container"
       },
       translations: {
-        clearButtonTitle: p("common.clear"),
-        detachedCancelButtonText: p("common.cancel"),
-        submitButtonTitle: p("common.search"),
-        detachedSearchButtonTitle: p("common.search")
+        clearButtonTitle: d("common.clear"),
+        detachedCancelButtonText: d("common.cancel"),
+        submitButtonTitle: d("common.search"),
+        detachedSearchButtonTitle: d("common.search")
       },
-      placeholder: p("common.searchStore"),
+      placeholder: d("common.searchStore"),
       initialState: {
         query: y.keyword
       },
       onStateChange(h) {
-        B(h);
+        R(h);
       },
       onSubmit: v,
       onReset(h) {
-        R(h);
+        P(h);
       },
-      getSources({ query: h, state: d, ...k }) {
-        const P = {
+      getSources({ query: h, state: m, ...k }) {
+        const $ = {
           ...y,
           sortBy: _[y.sortBy],
           page: 1,
           pageSize: 10,
           keyword: h
         };
-        return Nt([
+        return zt([
           {
             sourceId: "blocklets",
             getItems() {
-              return S(P);
+              return S($);
             },
             // 选中后填充 搜索框中值
             getItemInputValue({ item: w }) {
@@ -947,16 +947,16 @@ function ge({ onSelect: e, wrapChildren: n }) {
             onSelect({ event: w, item: L }) {
               return L.type === "more-result" ? (k.setIsOpen(!1), b(h)) : w.type === "keydown" ? b(L.title) : e({
                 blocklet: L,
-                detailUrl: it(u, `/blocklets/${L.did}`),
-                storeUrl: u
+                detailUrl: nt(p, `/blocklets/${L.did}`),
+                storeUrl: p
               });
             },
             templates: {
               item({ item: w }) {
-                return w.type === "more-result" ? /* @__PURE__ */ t("div", { children: p("autocomplete.expandResult", { name: h, number: w.total.toLocaleString() }) }) : x({ blocklet: w, autocompleteSetters: k });
+                return w.type === "more-result" ? /* @__PURE__ */ t("div", { children: d("autocomplete.expandResult", { name: h, number: w.total.toLocaleString() }) }) : x({ blocklet: w, autocompleteSetters: k });
               },
               noResults() {
-                return p("blocklet.noResults");
+                return d("blocklet.noResults");
               }
             }
           }
@@ -966,11 +966,11 @@ function ge({ onSelect: e, wrapChildren: n }) {
     return () => {
       i.destroy();
     };
-  }, [y, x]), /* @__PURE__ */ g(ie, { children: [
+  }, [y, x]), /* @__PURE__ */ f(le, { children: [
     /* @__PURE__ */ t(
-      Se,
+      xe,
       {
-        styles: Ce`
+        styles: ke`
           .bl-autocomplete-detached-container {
             .bl-autocomplete-detached-cancel {
               white-space: nowrap;
@@ -982,70 +982,70 @@ function ge({ onSelect: e, wrapChildren: n }) {
     /* @__PURE__ */ t("div", { className: "bl-search-container", ref: r })
   ] });
 }
-ge.propTypes = {
+he.propTypes = {
   onSelect: o.func.isRequired,
   wrapChildren: o.func
 };
-ge.defaultProps = {
+he.defaultProps = {
   wrapChildren: (e) => e
 };
-function ye({ t: e }) {
-  const { filters: n, handleSwitchShowResources: r } = N(), l = () => {
+function fe({ t: e }) {
+  const { filters: n, handleSwitchShowResources: r } = N(), a = () => {
     n.showResources = !n.showResources, r();
   };
   return /* @__PURE__ */ t(
-    Tt,
+    Ct,
     {
       checked: n.showResources,
-      onChange: l,
+      onChange: a,
       labelProps: {
-        label: /* @__PURE__ */ t(Te, { marginLeft: "8px", fontSize: "small", children: /* @__PURE__ */ t("span", { children: e("common.showResources") }) })
+        label: /* @__PURE__ */ t(ve, { marginLeft: "8px", fontSize: "small", children: /* @__PURE__ */ t("span", { children: e("common.showResources") }) })
       }
     }
   );
 }
-ye.propTypes = {
+fe.propTypes = {
   t: o.func.isRequired
 };
-ye.defaultProps = {};
-function Vt() {
-  var J, X;
+fe.defaultProps = {};
+function Kt() {
+  var K, H;
   const {
     handleDeveloper: e,
     blockletList: n,
     filters: r,
-    developerName: l,
+    developerName: a,
     handleSort: s,
     handleCategory: c,
     handlePrice: x,
     handleSearchSelect: y,
-    t: u,
+    t: p,
     getCategoryLocale: b,
-    priceOptions: p,
+    priceOptions: d,
     wrapChildren: S,
     showResourcesSwitch: v,
     showCategory: C,
-    baseSearch: R,
-    onFilterChange: B,
+    baseSearch: P,
+    onFilterChange: R,
     tagFilters: i
-  } = N(), h = Rt(u), d = ((J = h.find((m) => m.value === r.sortBy)) == null ? void 0 : J.name) || u("sort.sort"), k = b(r.category), { resourceType: P } = r || {}, w = (X = p.find((m) => m.value === r.price)) == null ? void 0 : X.name, [L, E] = M(!1), te = se(), re = ve(() => te.breakpoints.down("md")), O = Be({
+  } = N(), h = vt(p), m = ((K = h.find((g) => g.value === r.sortBy)) == null ? void 0 : K.name) || p("sort.sort"), k = b(r.category), { resourceType: $ } = r || {}, w = (H = d.find((g) => g.value === r.price)) == null ? void 0 : H.name, [L, I] = E(!1), W = ae(), ee = Se(() => W.breakpoints.down("md")), O = Pe({
     chooseTagId: ""
-  }), F = nt((m) => {
-    O.chooseTagId = m.id, ["category", "resourceType", "resourceDid"].forEach((I) => {
-      typeof m.params[I] > "u" ? delete r[I] : r[I] = m.params[I];
-    }), B(r);
-  }), G = lt(() => i.find((m) => m.id === O.chooseTagId), [O.chooseTagId]);
-  return at(() => {
-    const m = st(window.location.search), q = i.find((I) => {
-      const K = I.params;
-      return K ? Object.keys(K).every((Y) => m[Y] === K[Y]) : !1;
+  }), G = tt((g) => {
+    O.chooseTagId = g.id, ["category", "resourceType", "resourceDid"].forEach((M) => {
+      typeof g.params[M] > "u" ? delete r[M] : r[M] = g.params[M];
+    }), R(r);
+  }), F = rt(() => i.find((g) => g.id === O.chooseTagId), [O.chooseTagId]);
+  return ot(() => {
+    const g = lt(window.location.search), Q = i.find((M) => {
+      const l = M.params;
+      return l ? Object.keys(l).every((u) => g[u] === l[u]) : !1;
     });
-    q ? F(q) : i.length > 0 && F(i[0]);
-  }), /* @__PURE__ */ g(D, { display: "flex", alignItems: "flex-start", height: "100%", children: [
-    C ? /* @__PURE__ */ t(we, { mdDown: !0, children: /* @__PURE__ */ t(he, {}) }) : null,
-    /* @__PURE__ */ g(Jt, { children: [
-      /* @__PURE__ */ g(Xt, { children: [
-        /* @__PURE__ */ g(
+    Q ? G(Q) : i.length > 0 && G(i[0]);
+  }), /* @__PURE__ */ f(D, { display: "flex", alignItems: "flex-start", height: "100%", children: [
+    C ? /* @__PURE__ */ t(ye, { mdDown: !0, children: /* @__PURE__ */ t(de, {}) }) : null,
+    /* @__PURE__ */ f(Ht, { children: [
+      /* @__PURE__ */ f(Qt, { children: [
+        /* @__PURE__ */ f(
           D,
           {
             className: "filter-bar",
@@ -1062,7 +1062,7 @@ function Vt() {
               gap: 1
             },
             children: [
-              C ? /* @__PURE__ */ t(we, { mdUp: !0, children: /* @__PURE__ */ t(de, {}) }) : null,
+              C ? /* @__PURE__ */ t(ye, { mdUp: !0, children: /* @__PURE__ */ t(ue, {}) }) : null,
               /* @__PURE__ */ t(
                 "form",
                 {
@@ -1071,29 +1071,29 @@ function Vt() {
                     flex: 1,
                     width: "100%"
                   },
-                  onSubmit: (m) => {
-                    m.preventDefault(), m.stopPropagation();
+                  onSubmit: (g) => {
+                    g.preventDefault(), g.stopPropagation();
                   },
                   onFocus: () => {
-                    E(!0);
+                    I(!0);
                   },
                   onBlur: () => {
-                    E(!1);
+                    I(!1);
                   },
-                  children: R ? /* @__PURE__ */ t(fe, { className: "bl-search-container", placeholder: u("common.searchStore") }) : /* @__PURE__ */ t(ge, { onSelect: y, wrapChildren: S })
+                  children: P ? /* @__PURE__ */ t(me, { className: "bl-search-container", placeholder: p("common.searchStore") }) : /* @__PURE__ */ t(he, { onSelect: y, wrapChildren: S })
                 }
               ),
-              /* @__PURE__ */ g(D, { className: "filter-container", display: "flex", alignItems: "center", children: [
-                !re && v && /* @__PURE__ */ t(D, { ml: 1, mr: 1, children: /* @__PURE__ */ t(ye, { t: u }) }),
+              /* @__PURE__ */ f(D, { className: "filter-container", display: "flex", alignItems: "center", children: [
+                !ee && v && /* @__PURE__ */ t(D, { ml: 1, mr: 1, children: /* @__PURE__ */ t(fe, { t: p }) }),
                 /* @__PURE__ */ t(
-                  pe,
+                  ce,
                   {
                     value: r.sortBy,
                     options: h,
-                    title: d,
-                    icon: /* @__PURE__ */ t(Oe, {}),
-                    onChange: (m) => {
-                      s(m);
+                    title: m,
+                    icon: /* @__PURE__ */ t(_e, {}),
+                    onChange: (g) => {
+                      s(g);
                     }
                   }
                 )
@@ -1101,19 +1101,19 @@ function Vt() {
             ]
           }
         ),
-        C ? /* @__PURE__ */ g(D, { display: "flex", flexWrap: "wrap", alignItems: "center", mb: "16px", children: [
+        C ? /* @__PURE__ */ f(D, { display: "flex", flexWrap: "wrap", alignItems: "center", mb: "16px", children: [
           /* @__PURE__ */ t(
-            j,
+            q,
             {
-              label: l,
-              icon: /* @__PURE__ */ t(He, {}),
+              label: a,
+              icon: /* @__PURE__ */ t(We, {}),
               onDelete: () => {
                 e(null);
               }
             }
           ),
           /* @__PURE__ */ t(
-            j,
+            q,
             {
               label: k,
               onDelete: () => {
@@ -1122,7 +1122,7 @@ function Vt() {
             }
           ),
           /* @__PURE__ */ t(
-            j,
+            q,
             {
               label: w,
               onDelete: () => {
@@ -1130,30 +1130,30 @@ function Vt() {
               }
             }
           ),
-          P && /* @__PURE__ */ t(j, { label: `${u("common.resourceType")}: ${P}` })
+          $ && /* @__PURE__ */ t(q, { label: `${p("common.resourceType")}: ${$}` })
         ] }) : null
       ] }),
-      /* @__PURE__ */ t(Qe, { FallbackComponent: Re, children: /* @__PURE__ */ g(D, { sx: { position: "relative", flex: 1, overflow: "auto" }, children: [
-        (i == null ? void 0 : i.length) > 0 ? /* @__PURE__ */ g(ie, { children: [
-          /* @__PURE__ */ t(Ke, { my: 1, direction: "row", spacing: 1.5, useFlexGap: !0, flexWrap: "wrap", justifyContent: "flex-start", children: i.map((m) => /* @__PURE__ */ t(
-            Pe,
+      /* @__PURE__ */ t(Ge, { FallbackComponent: Te, children: /* @__PURE__ */ f(D, { sx: { position: "relative", flex: 1, overflow: "auto" }, children: [
+        (i == null ? void 0 : i.length) > 0 ? /* @__PURE__ */ f(le, { children: [
+          /* @__PURE__ */ t(Ue, { my: 1, direction: "row", spacing: 1.5, useFlexGap: !0, flexWrap: "wrap", justifyContent: "flex-start", children: i.map((g) => /* @__PURE__ */ t(
+            Ce,
             {
-              label: m.title,
+              label: g.title,
               size: "small",
-              variant: O.chooseTagId === m.id ? "contained" : "outlined",
-              onClick: () => F(m),
-              color: O.chooseTagId === m.id ? "primary" : "default"
+              variant: O.chooseTagId === g.id ? "contained" : "outlined",
+              onClick: () => G(g),
+              color: O.chooseTagId === g.id ? "primary" : "default"
             },
-            m.id
+            g.id
           )) }),
-          G ? /* @__PURE__ */ t(D, { mb: 2, children: G.description ? /* @__PURE__ */ t(Te, { variant: "body1", children: G.description }) : null }) : null
+          F ? /* @__PURE__ */ t(D, { mb: 2, children: F.description ? /* @__PURE__ */ t(ve, { variant: "body1", children: F.description }) : null }) : null
         ] }) : null,
-        /* @__PURE__ */ t(me, { blocklets: n })
+        /* @__PURE__ */ t(pe, { blocklets: n })
       ] }) })
     ] })
   ] });
 }
-const Jt = T("main")`
+const Ht = T("main")`
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -1191,15 +1191,15 @@ const Jt = T("main")`
       font-size: 12px;
     }
   }
-`, Xt = T("div")`
+`, Qt = T("div")`
   position: sticky;
   top: 0;
   z-index: 9;
   background-color: white;
 `;
-function Ne(e) {
-  const n = se(), r = Dt(n.palette.primary.main), l = {
-    autocomplete: Ce`
+function De(e) {
+  const n = ae(), r = $t(n.palette.primary.main), a = {
+    autocomplete: ke`
       :root {
         --aa-detached-media-query: (max-width: ${n.breakpoints.values.md}px) !important;
         --aa-detached-modal-media-query: (min-width: ${n.breakpoints.values.md}px) !important;
@@ -1237,13 +1237,13 @@ function Ne(e) {
       }
     `
   };
-  return /* @__PURE__ */ g(ce, { ...e, children: [
-    /* @__PURE__ */ t(Se, { styles: l.autocomplete }),
-    /* @__PURE__ */ t(Vt, {})
+  return /* @__PURE__ */ f(ie, { ...e, children: [
+    /* @__PURE__ */ t(xe, { styles: a.autocomplete }),
+    /* @__PURE__ */ t(Kt, {})
   ] });
 }
-Ne.propTypes = Ie;
-Ne.defaultProps = ze;
+De.propTypes = Be;
+De.defaultProps = $e;
 export {
-  Ne as default
+  De as default
 };