@blocklet/list 0.12.18 → 0.12.20

package/lib/index.es.js

@@ -2,8 +2,8 @@ import { jsx as t, jsxs as g, Fragment as Pe } from "react/jsx-runtime";
 import { useTheme as de } from "@mui/material/styles";
 import { css as Be, Global as $e } from "@emotion/react";
 import { styled as C } from "@arcblock/ux/lib/Theme";
-import Re from "@mui/icons-material/Sort";
-import { Button as Te, CircularProgress as ze, MenuList as Ie, useMediaQuery as _e, SvgIcon as De, Popper as Ne, Grow as Le, Paper as Ae, ClickAwayListener as Me, MenuItem as Oe, Chip as Fe, OutlinedInput as Ee, InputAdornment as le, Box as F, Hidden as ae } from "@mui/material";
+import Te from "@mui/icons-material/Sort";
+import { Button as Re, CircularProgress as ze, MenuList as Ie, useMediaQuery as _e, SvgIcon as De, Popper as Ne, Grow as Ae, Paper as Le, ClickAwayListener as Me, MenuItem as Oe, Chip as Fe, OutlinedInput as Ee, InputAdornment as le, Box as F, Hidden as ae } from "@mui/material";
 import qe from "@mui/icons-material/Face";
 import { ErrorBoundary as je } from "react-error-boundary";
 import { ErrorFallback as ue } from "@arcblock/ux/lib/ErrorBoundary";
@@ -13,26 +13,26 @@ import { useReactive as Qe, useInfiniteScroll as Je, useRequest as Xe, useDeboun
 import Ze from "lodash/orderBy";
 import et from "axios";
 import tt from "json-stable-stringify";
-import rt from "url-join";
 import "lodash/cloneDeep";
-import ot from "color";
+import rt from "color";
 import ie from "flat";
-import nt from "@mui/icons-material/KeyboardArrowDown";
-import lt from "lodash/isEmpty";
-import at from "@mui/icons-material/FilterAltOutlined";
-import it from "@arcblock/ux/lib/Dialog";
-import st from "@mui/material/Button";
-import ct from "@arcblock/ux/lib/Empty";
+import ot from "@mui/icons-material/KeyboardArrowDown";
+import nt from "lodash/isEmpty";
+import lt from "@mui/icons-material/FilterAltOutlined";
+import at from "@arcblock/ux/lib/Dialog";
+import it from "@mui/material/Button";
+import st from "@arcblock/ux/lib/Empty";
 import H from "@mui/material/Box";
 import me from "@mui/material/Grid";
 import se from "@mui/material/CircularProgress";
-import pt from "react-infinite-scroll-hook";
+import ct from "react-infinite-scroll-hook";
 import fe from "@mui/material/Typography";
-import dt from "@mui/icons-material/Search";
-import ut from "@mui/icons-material/Close";
-import { createRoot as mt } from "react-dom/client";
-import { autocomplete as ft } from "@algolia/autocomplete-js";
-import { useHotkeys as ht } from "react-hotkeys-hook";
+import pt from "@mui/icons-material/Search";
+import dt from "@mui/icons-material/Close";
+import { createRoot as ut } from "react-dom/client";
+import { autocomplete as mt } from "@algolia/autocomplete-js";
+import { useHotkeys as ft } from "react-hotkeys-hook";
+import ht from "url-join";
 import "@algolia/autocomplete-theme-classic/dist/theme.css";
 const gt = (e) => [
   {
@@ -60,7 +60,7 @@ const gt = (e) => [
 ), kt = () => window.innerWidth <= 600, wt = (e, o) => {
   const r = (e + o) / o;
   return r > 1 ? r.toFixed() : 1;
-}, vt = (e) => ot(e).rgb().object();
+}, vt = (e) => rt(e).rgb().object();
 function St(e, o) {
   let r;
   return function(...i) {
@@ -168,7 +168,7 @@ const Ct = St((e) => Promise.resolve(e), 300), Pt = {
   wrapChildren: (e) => e,
   extraFilter: (e) => e,
   baseSearch: !1
-}, R = {
+}, T = {
   nameAsc: "title",
   nameDesc: "title",
   popularity: "stats.downloads",
@@ -200,9 +200,9 @@ function V({
     baseURL: r,
     headers: B
   }), [r]), c = N(() => ({ sortBy: "popularity", sortDirection: "desc", ...e }), [e]), $ = c.category, d = Qe({
-    currentPage: R.currentPage,
-    pageSize: kt() ? R.mobilePageSize : R.pageSize,
-    defaultCurrentPage: R.defaultCurrentPage
+    currentPage: T.currentPage,
+    pageSize: kt() ? T.mobilePageSize : T.pageSize,
+    defaultCurrentPage: T.defaultCurrentPage
   }), [f, k] = M(null), {
     data: h = { list: [], total: 0 },
     loading: D,
@@ -210,15 +210,15 @@ function V({
     loadingMore: I
   } = Je(
     async (a) => {
-      var T;
+      var R;
       const u = {
         ...c,
-        sortBy: R[c.sortBy],
-        page: wt(((T = a == null ? void 0 : a.list) == null ? void 0 : T.length) || 0, d.pageSize),
+        sortBy: T[c.sortBy],
+        page: wt(((R = a == null ? void 0 : a.list) == null ? void 0 : R.length) || 0, d.pageSize),
         pageSize: d.pageSize
       };
       k(null);
-      const { data: v = {} } = await S.get(R.blockletsPath, {
+      const { data: v = {} } = await S.get(T.blockletsPath, {
         params: u
       });
       return { list: (v == null ? void 0 : v.dataList) || [], total: (v == null ? void 0 : v.total) || 0 };
@@ -237,7 +237,7 @@ function V({
     run: we
   } = Xe(
     async () => {
-      const { data: a } = await S.get(R.categoriesPath);
+      const { data: a } = await S.get(T.categoriesPath);
       return Array.isArray(a) ? a : [];
     },
     { manual: !0 }
@@ -307,14 +307,14 @@ function V({
       if (!a)
         return null;
       let u = null;
-      const v = G.find((T) => T._id === a);
+      const v = G.find((R) => R._id === a);
       return v && (u = v.locales[l]), u;
     },
     get developerName() {
       var u, v;
-      return ((v = (u = oe.find((T) => {
+      return ((v = (u = oe.find((R) => {
         var ne;
-        return ((ne = T == null ? void 0 : T.owner) == null ? void 0 : ne.did) === c.owner;
+        return ((ne = R == null ? void 0 : R.owner) == null ? void 0 : ne.did) === c.owner;
       })) == null ? void 0 : u.owner) == null ? void 0 : v.name) || "";
     },
     handleSearchSelect: x
@@ -332,10 +332,10 @@ function z() {
   const e = Ue(ye);
   return e || {};
 }
-const Rt = C(Te)`
+const Tt = C(Re)`
   border-radius: 4px;
 `, Q = Ke(({ children: e, rounded: o, loading: r, disabled: l, ...i }, s) => /* @__PURE__ */ t(
-  Rt,
+  Tt,
   {
     ref: s,
     disableElevation: !0,
@@ -375,27 +375,27 @@ function J({ title: e, value: o, icon: r, prepend: l, options: i, onChange: s, i
   }
   return /* @__PURE__ */ g(Pe, { children: [
     /* @__PURE__ */ g(
-      Tt,
+      Rt,
       {
         ref: p,
         onClick: d,
         variant: "outlined",
         size: "small",
-        className: ["my-select__selector", lt(B) ? "" : "my-select__selector--active"].join(" "),
+        className: ["my-select__selector", nt(B) ? "" : "my-select__selector--active"].join(" "),
         ...y,
         children: [
           /* @__PURE__ */ t("div", { className: "my-select__icon", children: r }),
           e,
-          /* @__PURE__ */ t(De, { className: "my-select__arrowdown", component: nt, fontSize: "small" })
+          /* @__PURE__ */ t(De, { className: "my-select__arrowdown", component: ot, fontSize: "small" })
         ]
       }
     ),
     /* @__PURE__ */ t(Ne, { open: m, anchorEl: p.current, transition: !0, style: { zIndex: "9999" }, children: ({ TransitionProps: h, placement: D }) => /* @__PURE__ */ t(
-      Le,
+      Ae,
       {
         ...h,
         style: { transformOrigin: D === "bottom" ? "center top" : "center bottom" },
-        children: /* @__PURE__ */ t(Ae, { children: /* @__PURE__ */ t(Me, { onClickAway: $, children: /* @__PURE__ */ g(zt, { autoFocusItem: m, onMouseEnter: d, onMouseLeave: $, children: [
+        children: /* @__PURE__ */ t(Le, { children: /* @__PURE__ */ t(Me, { onClickAway: $, children: /* @__PURE__ */ g(zt, { autoFocusItem: m, onMouseEnter: d, onMouseLeave: $, children: [
           l,
           i.map((w) => x ? x(w) : /* @__PURE__ */ t(
             Oe,
@@ -431,7 +431,7 @@ J.defaultProps = {
   onChange: () => {
   }
 };
-const Tt = C(Q)`
+const Rt = C(Q)`
   border: 1px solid #f0f0f0;
   padding: 6px 8px 6px 12px;
   font-weight: ${(e) => e.theme.typography.fontWeightBold};
@@ -538,8 +538,8 @@ function X() {
     m === "category" && o(P), m === "price" && l(P), p(!1);
   };
   return /* @__PURE__ */ g(_t, { children: [
-    /* @__PURE__ */ t(st, { variant: "outlined", className: "filter-button", onClick: () => p(!0), children: /* @__PURE__ */ t(at, { className: "filter-icon", fontSize: "small" }) }),
-    /* @__PURE__ */ g(it, { fullWidth: !0, title: "", open: y, onClose: () => p(!1), children: [
+    /* @__PURE__ */ t(it, { variant: "outlined", className: "filter-button", onClick: () => p(!0), children: /* @__PURE__ */ t(lt, { className: "filter-icon", fontSize: "small" }) }),
+    /* @__PURE__ */ g(at, { fullWidth: !0, title: "", open: y, onClose: () => p(!1), children: [
       /* @__PURE__ */ t(
         _,
         {
@@ -588,15 +588,15 @@ const Dt = C("div")`
     padding: 4px 0;
   }
 `;
-function L({ label: e, icon: o, onDelete: r, ...l }) {
+function A({ label: e, icon: o, onDelete: r, ...l }) {
   return e ? /* @__PURE__ */ t(Dt, { ...l, children: /* @__PURE__ */ t(Fe, { color: "primary", "data-cy": "filter-tag", icon: o, label: e, onDelete: r }) }) : null;
 }
-L.propTypes = {
+A.propTypes = {
   label: n.string,
   onDelete: n.func,
   icon: n.element
 };
-L.defaultProps = {
+A.defaultProps = {
   onDelete: () => {
   },
   icon: null,
@@ -606,7 +606,7 @@ function ce() {
   const { t: e } = z();
   return /* @__PURE__ */ t(fe, { style: { textAlign: "center" }, variant: "subtitle2", children: e("blocklet.noResults") });
 }
-function A({ filterTip: e, keywordTip: o }) {
+function L({ filterTip: e, keywordTip: o }) {
   const { t: r, locale: l } = z(), i = () => l === "zh" ? "、" : " , ";
   return /* @__PURE__ */ g(H, { className: "tips", children: [
     /* @__PURE__ */ t("span", { style: { marginRight: "16px" }, children: r("blocklet.emptyTip") }),
@@ -615,11 +615,11 @@ function A({ filterTip: e, keywordTip: o }) {
     o && /* @__PURE__ */ t("span", { children: r("blocklet.keywordTip") })
   ] });
 }
-A.propTypes = {
+L.propTypes = {
   filterTip: n.bool,
   keywordTip: n.bool
 };
-A.defaultProps = {
+L.defaultProps = {
   filterTip: !1,
   keywordTip: !1
 };
@@ -654,7 +654,7 @@ function Y({ blocklets: e, ...o }) {
     hasNextPage: b,
     loadMore: m,
     endpoint: P
-  } = z(), B = !!s || !!y.price, [S] = pt({
+  } = z(), B = !!s || !!y.price, [S] = ct({
     loading: i.fetchBlockletsLoading || i.loadingMore,
     hasNextPage: b,
     onLoadMore: m
@@ -678,7 +678,7 @@ function Y({ blocklets: e, ...o }) {
           filter: y.keyword
         }
       ),
-      /* @__PURE__ */ t(A, { keywordTip: !0, filterTip: !0 })
+      /* @__PURE__ */ t(L, { keywordTip: !0, filterTip: !0 })
     ] });
   if (y.keyword && e.length === 0)
     return /* @__PURE__ */ g(E, { children: [
@@ -690,7 +690,7 @@ function Y({ blocklets: e, ...o }) {
           filter: y.keyword
         }
       ),
-      /* @__PURE__ */ t(A, { keywordTip: !0 })
+      /* @__PURE__ */ t(L, { keywordTip: !0 })
     ] });
   if (B && e.length === 0) {
     const c = x(s);
@@ -703,7 +703,7 @@ function Y({ blocklets: e, ...o }) {
           filter: c
         }
       ) : /* @__PURE__ */ t(ce, {}),
-      /* @__PURE__ */ t(A, { filterTip: !0 })
+      /* @__PURE__ */ t(L, { filterTip: !0 })
     ] });
   }
   return e.length === 0 ? /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(ce, {}) }) : /* @__PURE__ */ g(Nt, { container: !0, ...o, children: [
@@ -731,7 +731,7 @@ const Nt = C(me)`
       margin-bottom: ${(e) => e.theme.spacing(2)};
     }
   }
-`), E = C(ct)`
+`), E = C(st)`
   text-align: center;
   .primary {
     color: ${(e) => e.theme.palette.primary.main};
@@ -742,7 +742,7 @@ const Nt = C(me)`
 `;
 function Z() {
   const { selectedCategory: e, handleCategory: o, t: r, handlePrice: l, filters: i, categoryOptions: s, priceOptions: x } = z();
-  return /* @__PURE__ */ g(Lt, { children: [
+  return /* @__PURE__ */ g(At, { children: [
     /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(_, { title: r("common.price"), options: x, value: i.price, onChange: l }) }),
     s.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: "16px" }, children: /* @__PURE__ */ t(
       _,
@@ -755,7 +755,7 @@ function Z() {
     ) })
   ] });
 }
-const Lt = C("aside")`
+const At = C("aside")`
   width: 220px;
   margin-right: ${(e) => e.theme.spacing(2)};
   height: 100%;
@@ -776,7 +776,7 @@ function ee({ placeholder: e, ...o }) {
   return O(() => {
     s(r.keyword || "");
   }, [r.keyword]), /* @__PURE__ */ t(
-    At,
+    Lt,
     {
       inputProps: {
         "data-cy": "search-blocklet"
@@ -798,7 +798,7 @@ ee.propTypes = {
 ee.defaultProps = {
   placeholder: "Type to search..."
 };
-const At = C(Ee)`
+const Lt = C(Ee)`
   background-color: ${(e) => e.theme.palette.grey[50]};
   font-size: 14px;
   border-radius: 6px;
@@ -814,20 +814,20 @@ const At = C(Ee)`
       color: transparent;
     }
   }
-`, Mt = C(dt)`
+`, Mt = C(pt)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 28px;
   @media (max-width: ${(e) => e.theme.breakpoints.values.md}px) {
     font-size: 24px;
   }
-`, Ot = C(ut)`
+`, Ot = C(dt)`
   color: ${(e) => e.theme.palette.grey[500]};
   font-size: 16px;
   cursor: pointer;
 `;
 function te({ onSelect: e, wrapChildren: o }) {
   const r = q(null), l = q(null), i = q(null), { storeApi: s, blockletRender: x, filters: y, endpoint: p, handleKeyword: b, t: m } = z(), P = async (d) => {
-    const { data: f } = await s.get(R.blockletsPath, { params: d }), k = f.dataList || [];
+    const { data: f } = await s.get(T.blockletsPath, { params: d }), k = f.dataList || [];
     return k.length > 0 && k.unshift({ type: "more-result", total: f.total || 0 }), k;
   }, B = (d) => {
     b(d.state.query), d.setIsOpen(!1);
@@ -841,7 +841,7 @@ function te({ onSelect: e, wrapChildren: o }) {
   }, $ = ({ prevState: d, state: f }) => {
     d.query !== f.query && (f.query || b());
   };
-  return ht(
+  return ft(
     "ctrl + k, command + k",
     (d) => (d.stopPropagation(), d.preventDefault(), S(), !1),
     { enableOnTags: ["INPUT"] }
@@ -850,13 +850,13 @@ function te({ onSelect: e, wrapChildren: o }) {
   }, [p]), O(() => {
     if (!r.current)
       return;
-    const d = ft({
+    const d = mt({
       container: r.current,
       renderer: { createElement: He, Fragment: Ve, render: () => {
       } },
       render({ children: f }, k) {
         var h;
-        (!l.current || i.current !== k) && (i.current = k, (h = l.current) == null || h.unmount(), l.current = mt(k)), l.current.render(o(f));
+        (!l.current || i.current !== k) && (i.current = k, (h = l.current) == null || h.unmount(), l.current = ut(k)), l.current.render(o(f));
       },
       autoFocus: !0,
       openOnFocus: !1,
@@ -881,7 +881,7 @@ function te({ onSelect: e, wrapChildren: o }) {
       getSources({ query: f, state: k, ...h }) {
         const D = {
           ...y,
-          sortBy: R[y.sortBy],
+          sortBy: T[y.sortBy],
           page: 1,
           pageSize: 10,
           keyword: f
@@ -900,7 +900,7 @@ function te({ onSelect: e, wrapChildren: o }) {
             onSelect({ event: w, item: I }) {
               return I.type === "more-result" ? (h.setIsOpen(!1), b(f)) : w.type === "keydown" ? b(I.title) : e({
                 blocklet: I,
-                detailUrl: rt(p, `/blocklets/${I.did}`),
+                detailUrl: ht(p, `/blocklets/${I.did}`),
                 storeUrl: p
               });
             },
@@ -959,7 +959,7 @@ function Ft() {
                 value: r.sortBy,
                 options: S,
                 title: c,
-                icon: /* @__PURE__ */ t(Re, {}),
+                icon: /* @__PURE__ */ t(Te, {}),
                 onChange: (h) => {
                   i(h);
                 }
@@ -969,7 +969,7 @@ function Ft() {
         ] }),
         /* @__PURE__ */ g(F, { display: "flex", flexWrap: "wrap", alignItems: "center", mb: "16px", children: [
           /* @__PURE__ */ t(
-            L,
+            A,
             {
               label: l,
               icon: /* @__PURE__ */ t(qe, {}),
@@ -979,7 +979,7 @@ function Ft() {
             }
           ),
           /* @__PURE__ */ t(
-            L,
+            A,
             {
               label: $,
               onDelete: () => {
@@ -988,7 +988,7 @@ function Ft() {
             }
           ),
           /* @__PURE__ */ t(
-            L,
+            A,
             {
               label: d,
               onDelete: () => {

package/lib/libs/utils.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.urlStringify = exports.toColorRgb = exports.replaceTranslate = exports.removeUndefined = exports.isMobileScreen = exports.getStoreDetail = exports.getSortOptions = exports.getPrices = exports.getCurrentPage = exports.getCategoryOptions = exports.formatLogoPath = exports.formatError = exports.filterBlockletByPrice = exports.debounced = void 0;
-var _urlJoin = _interopRequireDefault(require("url-join"));
+exports.urlStringify = exports.toColorRgb = exports.replaceTranslate = exports.removeUndefined = exports.isMobileScreen = exports.getSortOptions = exports.getPrices = exports.getCurrentPage = exports.getCategoryOptions = exports.formatError = exports.filterBlockletByPrice = exports.debounced = void 0;
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _color = _interopRequireDefault(require("color"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -77,18 +76,6 @@ const formatError = error => {
   return error.message;
 };
 exports.formatError = formatError;
-const getStoreDetail = (storeUrl, blocklet) => {
-  return (0, _urlJoin.default)(storeUrl, "/blocklets/".concat(blocklet.did));
-};
-exports.getStoreDetail = getStoreDetail;
-const formatLogoPath = function formatLogoPath(did, asset) {
-  let target = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'assets';
-  if (asset.startsWith(target)) {
-    return asset;
-  }
-  return "".concat(target, "/").concat(did, "/").concat(asset);
-};
-exports.formatLogoPath = formatLogoPath;
 const replaceTranslate = (template, data) =>
 // eslint-disable-next-line no-prototype-builtins
 template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.12.18",
+  "version": "0.12.20",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -52,7 +52,7 @@
   "dependencies": {
     "@algolia/autocomplete-js": "^1.7.1",
     "@algolia/autocomplete-theme-classic": "^1.7.1",
-    "@arcblock/ux": "^2.6.2",
+    "@arcblock/ux": "^2.6.4",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
@@ -83,5 +83,5 @@
     "prettier": "^2.7.1",
     "vite": "^4.3.9"
   },
-  "gitHead": "02140a0a26c9682b20fabcdcc392bba957c2587b"
+  "gitHead": "621b5615a646546889aaf88d0d76825ce1210e18"
 }