@blocklet/list 0.12.97 → 0.12.99

package/lib/components/list/index.js

@@ -1,139 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlockletList;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Theme = require("@arcblock/ux/lib/Theme");
-var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-var _material = require("@mui/material");
-var _reactInfiniteScrollHook = _interopRequireDefault(require("react-infinite-scroll-hook"));
-var _ErrorBoundary = require("@arcblock/ux/lib/ErrorBoundary");
-var _empty = require("./empty");
-var _filter = require("../../contexts/filter");
-var _columnSizer = _interopRequireDefault(require("./column-sizer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-const _excluded = ["blocklets"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-function BlockletList(_ref) {
-  let {
-      blocklets
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const {
-    blockletRender,
-    errors,
-    loadings,
-    selectedCategory,
-    getCategoryLocale,
-    filters,
-    t,
-    hasNextPage,
-    loadMore,
-    endpoint
-  } = (0, _filter.useFilterContext)();
-  const showFilterTip = !!selectedCategory || !!filters.price;
-  const [sentryRef] = (0, _reactInfiniteScrollHook.default)({
-    loading: loadings.fetchBlockletsLoading || loadings.loadingMore,
-    hasNextPage,
-    onLoadMore: loadMore
-  });
-  if (errors.fetchBlockletsError) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary.ErrorFallback, {
-      error: new Error("Failed to fetch blocklets from ".concat(endpoint, ": ").concat(errors.fetchBlockletsError.message))
-    });
-  }
-  if (loadings.fetchBlockletsLoading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-      height: 60,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {})
-    });
-  }
-  if (filters.keyword && showFilterTip && blocklets.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomEmpty, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.EmptyTitle, {
-        primaryStart: t('blocklet.noBlockletPart1'),
-        primaryEnd: t('blocklet.noBlockletPart2'),
-        filter: filters.keyword
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.NoResultsTips, {
-        keywordTip: true,
-        filterTip: true
-      })]
-    });
-  }
-  if (filters.keyword && blocklets.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomEmpty, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.EmptyTitle, {
-        primaryStart: t('blocklet.noBlockletPart1'),
-        primaryEnd: t('blocklet.noBlockletPart2'),
-        filter: filters.keyword
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.NoResultsTips, {
-        keywordTip: true
-      })]
-    });
-  }
-  if (showFilterTip && blocklets.length === 0) {
-    const categoryLocale = getCategoryLocale(selectedCategory);
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomEmpty, {
-      children: [categoryLocale ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.EmptyTitle, {
-        primaryStart: t('blocklet.noCategoryResults1'),
-        primaryEnd: t('blocklet.noCategoryResults2'),
-        filter: categoryLocale
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.NoResults, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.NoResultsTips, {
-        filterTip: true
-      })]
-    });
-  }
-  if (blocklets.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomEmpty, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.NoResults, {})
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_columnSizer.default, {
-    children: (refContainer, columns) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledGrid, _objectSpread(_objectSpread({
-      container: true
-    }, rest), {}, {
-      columns: columns,
-      ref: refContainer,
-      children: [blocklets.map(blocklet => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledGridItem, {
-        item: true,
-        xs: 4,
-        "data-blocklet-did": blocklet.did,
-        children: blockletRender({
-          blocklet,
-          blocklets
-        })
-      }, blocklet.did)), hasNextPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledGridItem, {
-        item: true,
-        xs: 12,
-        ref: sentryRef,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-          height: 60,
-          display: "flex",
-          justifyContent: "center",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {})
-        })
-      })]
-    }))
-  });
-}
-BlockletList.propTypes = {
-  blocklets: _propTypes.default.array.isRequired
-};
-BlockletList.defaultProps = {};
-const StyledGrid = (0, _Theme.styled)(_material.Grid)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: ", ";\n  &.MuiGrid-root {\n    width: 100%;\n    margin: 0 -16px;\n  }\n"])), props => props.columns > 0 ? 1 : 0);
-const StyledGridItem = (0, _Theme.styled)(_material.Grid)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    &.MuiGrid-item {\n      padding-bottom: 0px;\n    }\n  }\n  @media (min-width: ", "px) {\n    &.MuiGrid-item {\n      margin-bottom: ", ";\n    }\n  }\n"])), props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm, props => props.theme.spacing(2));
-const CustomEmpty = (0, _Theme.styled)(_Empty.default)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-align: center;\n  .primary {\n    color: ", ";\n  }\n  .tips {\n    margin-top: ", ";\n  }\n"])), props => props.theme.palette.primary.main, props => props.theme.spacing(1));

package/lib/components/show-resources-switch.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Switch = _interopRequireDefault(require("@arcblock/ux/lib/Switch"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _filter = require("../contexts/filter");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ShowResourcesSwitch(_ref) {
-  let {
-    t
-  } = _ref;
-  const {
-    filters,
-    handleSwitchShowResources
-  } = (0, _filter.useFilterContext)();
-  const handleChange = () => {
-    filters.showResources = !filters.showResources;
-    handleSwitchShowResources();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, {
-    checked: filters.showResources,
-    onChange: handleChange,
-    labelProps: {
-      label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-        marginLeft: "8px",
-        fontSize: "small",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: t('common.showResources')
-        })
-      })
-    }
-  });
-}
-ShowResourcesSwitch.propTypes = {
-  t: _propTypes.default.func.isRequired
-};
-ShowResourcesSwitch.defaultProps = {};
-var _default = exports.default = ShowResourcesSwitch;

package/lib/contexts/filter.js

@@ -1,253 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterConsumer = void 0;
-exports.FilterProvider = FilterProvider;
-exports.useFilterContext = useFilterContext;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ahooks = require("ahooks");
-var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
-var _axios = _interopRequireDefault(require("axios"));
-var _jsonStableStringify = _interopRequireDefault(require("json-stable-stringify"));
-var _utils = require("../libs/utils");
-var _locale = _interopRequireDefault(require("../assets/locale"));
-var _propTypes2 = require("../libs/prop-types");
-var _constant = _interopRequireDefault(require("../libs/constant"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Filter = /*#__PURE__*/(0, _react.createContext)({});
-const {
-  Provider,
-  Consumer
-} = Filter;
-exports.FilterConsumer = Consumer;
-function FilterProvider(_ref) {
-  let {
-    filters,
-    children,
-    endpoint,
-    locale,
-    blockletRender,
-    onFilterChange,
-    onSearchSelect,
-    extraFilter,
-    wrapChildren,
-    baseSearch,
-    serverVersion,
-    storeVersion,
-    fetchCategoryDelay,
-    showResourcesSwitch
-  } = _ref;
-  const requestHeaders = {};
-  if (serverVersion) {
-    requestHeaders['x-blocklet-server-version'] = serverVersion;
-  }
-  if (storeVersion) {
-    requestHeaders['x-blocklet-store-version'] = storeVersion;
-  }
-  const storeApi = (0, _react.useMemo)(() => {
-    return _axios.default.create({
-      baseURL: endpoint,
-      headers: requestHeaders
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [endpoint]);
-  const finalFilters = (0, _react.useMemo)(() => {
-    return _objectSpread({
-      sortBy: 'popularity',
-      sortDirection: 'desc'
-    }, filters);
-  }, [filters]);
-  const selectedCategory = finalFilters.category;
-  const paginateState = (0, _ahooks.useReactive)({
-    currentPage: _constant.default.currentPage,
-    pageSize: (0, _utils.isMobileScreen)() ? _constant.default.mobilePageSize : _constant.default.pageSize,
-    defaultCurrentPage: _constant.default.defaultCurrentPage
-  });
-  const [fetchBlockletsError, setFetchBlockletsError] = (0, _react.useState)(null);
-  const {
-    data: blockletsState = {
-      list: [],
-      total: 0
-    },
-    loading: fetchBlockletsLoading,
-    loadMore: _loadMore,
-    loadingMore
-  } = (0, _ahooks.useInfiniteScroll)(async d => {
-    var _d$list;
-    const params = _objectSpread(_objectSpread({}, finalFilters), {}, {
-      sortBy: _constant.default[finalFilters.sortBy],
-      page: (0, _utils.getCurrentPage)((d === null || d === void 0 || (_d$list = d.list) === null || _d$list === void 0 ? void 0 : _d$list.length) || 0, paginateState.pageSize),
-      pageSize: paginateState.pageSize
-    });
-    setFetchBlockletsError(null);
-    const {
-      data = {}
-    } = await storeApi.get(_constant.default.blockletsPath, {
-      params
-    });
-    return {
-      list: (data === null || data === void 0 ? void 0 : data.dataList) || [],
-      total: (data === null || data === void 0 ? void 0 : data.total) || 0
-    };
-  }, {
-    isNoMore: d => d ? d.list.length >= d.total : false,
-    reloadDeps: [endpoint, (0, _jsonStableStringify.default)(filters)],
-    onError: e => {
-      setFetchBlockletsError(e);
-    }
-  });
-  const {
-    data: allCategories = [],
-    error: fetchCategoriesError,
-    loading: fetchCategoriesLoading,
-    run: fetchCategories
-  } = (0, _ahooks.useRequest)(async () => {
-    const {
-      data
-    } = await storeApi.get(_constant.default.categoriesPath);
-    return Array.isArray(data) ? data : [];
-  }, {
-    manual: true
-  });
-  const categoryList = (0, _react.useMemo)(() => {
-    const list = allCategories || [];
-    // 分类按照名称排序
-    return (0, _orderBy.default)(list, [i => i.name], ['asc']);
-  }, [allCategories]);
-  const translate = (0, _react.useCallback)((key, data) => {
-    // 找不到对应的翻译时，fallback 到英文翻译
-    const fallback = _locale.default[locale] ? _locale.default[locale][key] : _locale.default.en[key];
-    return (0, _utils.replaceTranslate)(fallback, data);
-  }, [locale]);
-  const blockletList = (0, _react.useMemo)(() => {
-    let blocklets = blockletsState.list || [];
-    // 用户传入的过滤函数
-    blocklets = extraFilter(blocklets);
-    return blocklets;
-  }, [blockletsState, extraFilter]);
-  const categoryOptions = (0, _react.useMemo)(() => (0, _utils.getCategoryOptions)(categoryList, locale), [categoryList, locale]);
-  const priceOptions = (0, _utils.getPrices)(translate);
-  const filterStore = {
-    errors: {
-      fetchBlockletsError,
-      fetchCategoriesError
-    },
-    loadings: {
-      fetchBlockletsLoading,
-      fetchCategoriesLoading,
-      loadingMore
-    },
-    endpoint,
-    blockletList,
-    wrapChildren,
-    t: translate,
-    filters: finalFilters,
-    selectedCategory,
-    categoryList,
-    blockletRender,
-    locale,
-    categoryOptions,
-    priceOptions,
-    storeApi,
-    baseSearch,
-    showResourcesSwitch,
-    hasNextPage: blockletsState.list.length < blockletsState.total,
-    handleSort: sort => {
-      const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
-        sortBy: sort,
-        sortDirection: sort === 'nameAsc' ? 'asc' : 'desc'
-      });
-      onFilterChange(changeData);
-    },
-    handleKeyword: keyWord => {
-      const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
-        keyword: keyWord || undefined
-      });
-      onFilterChange(changeData);
-    },
-    handlePrice: price => {
-      const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
-        price: price === finalFilters.price ? undefined : price
-      });
-      onFilterChange(changeData);
-    },
-    handleCategory: category => {
-      let finalCategory = category;
-      if (category === 'all' || category === finalFilters.category) {
-        finalCategory = undefined;
-      }
-      const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
-        category: finalCategory
-      });
-      onFilterChange(changeData);
-    },
-    handleDeveloper: owner => {
-      const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
-        owner: owner || undefined
-      });
-      onFilterChange(changeData);
-    },
-    handlePage: page => {
-      const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
-        currentPage: page
-      });
-      onFilterChange(changeData);
-    },
-    handleSwitchShowResources: () => {
-      const changeData = _objectSpread({}, finalFilters);
-      onFilterChange(changeData);
-    },
-    loadMore: () => {
-      _loadMore();
-    },
-    getCategoryLocale: category => {
-      if (!category) return null;
-      let result = null;
-      const find = allCategories.find(item => item._id === category);
-      if (find) {
-        result = find.locales[locale];
-      }
-      return result;
-    },
-    get developerName() {
-      var _blocklets$find;
-      const blocklets = blockletList;
-      return ((_blocklets$find = blocklets.find(blocklet => {
-        var _blocklet$owner;
-        return (blocklet === null || blocklet === void 0 || (_blocklet$owner = blocklet.owner) === null || _blocklet$owner === void 0 ? void 0 : _blocklet$owner.did) === finalFilters.owner;
-      })) === null || _blocklets$find === void 0 || (_blocklets$find = _blocklets$find.owner) === null || _blocklets$find === void 0 ? void 0 : _blocklets$find.name) || '';
-    },
-    handleSearchSelect: onSearchSelect
-  };
-  (0, _react.useEffect)(() => {
-    // sometimes blocklet list can be rendered only before the category is fetched
-    setTimeout(() => {
-      fetchCategories();
-    }, fetchCategoryDelay || 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [endpoint]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
-    value: filterStore,
-    children: children
-  });
-}
-FilterProvider.propTypes = _objectSpread(_objectSpread({}, _propTypes2.propTypes), {}, {
-  children: _propTypes.default.any.isRequired
-});
-FilterProvider.defaultProps = _propTypes2.defaultProps;
-function useFilterContext() {
-  const filterStore = (0, _react.useContext)(Filter);
-  if (!filterStore) {
-    return {};
-  }
-  return filterStore;
-}

package/lib/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlockletList;
-var _styles = require("@mui/material/styles");
-var _react = require("@emotion/react");
-var _base = _interopRequireDefault(require("./base"));
-var _filter = require("./contexts/filter");
-var _propTypes = require("./libs/prop-types");
-var _utils = require("./libs/utils");
-require("@algolia/autocomplete-theme-classic/dist/theme.css");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject; // 不知道为什么引入 theme.min.css 话，blocklet-store 打包就会报错
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function BlockletList(props) {
-  const theme = (0, _styles.useTheme)();
-  const primaryColor = (0, _utils.toColorRgb)(theme.palette.primary.main);
-  const globalStyles = {
-    autocomplete: (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      :root {\n        --aa-detached-media-query: (max-width: ", "px) !important;\n        --aa-detached-modal-media-query: (min-width: ", "px) !important;\n        --aa-detached-modal-max-width: ", "px !important;\n        --aa-selected-color-rgb: ", ", ", ", ", " !important;\n        --aa-primary-color-rgb: ", ", ", ", ", " !important;\n        --aa-input-background-color-rgb: 250, 250, 250 !important;\n      }\n      .bl-autocomplete-panel {\n        z-index: ", ";\n      }\n      .bl-autocomplete-label {\n        .aa-SubmitIcon {\n          color: ", " !important;\n        }\n      }\n      .bl-autocomplete-form {\n        border: 1px solid #fff !important;\n        &:focus-within {\n          box-shadow: none !important;\n          border: 1px solid rgba(0, 0, 0, 0.12) !important;\n        }\n      }\n      .aa-DetachedSearchButton {\n        border: none !important;\n        &:focus-within {\n          box-shadow: none !important;\n        }\n        .aa-SubmitIcon {\n          color: ", " !important;\n        }\n      }\n      .aa-Panel .arcblock-blocklet button {\n        border: 1px solid rgba(", ", ", ", ", ", 0.5);\n      }\n    "])), theme.breakpoints.values.md, theme.breakpoints.values.md, theme.breakpoints.values.md, primaryColor.r, primaryColor.g, primaryColor.b, primaryColor.r, primaryColor.g, primaryColor.b, theme.zIndex.modal, theme.palette.grey[500], theme.palette.grey[500], primaryColor.r, primaryColor.g, primaryColor.b)
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_filter.FilterProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Global, {
-      styles: globalStyles.autocomplete
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, {})]
-  }));
-}
-BlockletList.propTypes = _propTypes.propTypes;
-BlockletList.defaultProps = _propTypes.defaultProps;

package/lib/libs/constant.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const constant = {
-  nameAsc: 'title',
-  nameDesc: 'title',
-  popularity: 'stats.downloads',
-  publishAt: 'lastPublishedAt',
-  mobilePageSize: 10,
-  pageSize: 18,
-  defaultCurrentPage: 1,
-  blockletsPath: '/api/v2/blocklets.json',
-  categoriesPath: '/api/blocklets/categories',
-  cacheSize: 100
-};
-var _default = exports.default = constant;

package/lib/libs/prop-types.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const propTypes = exports.propTypes = {
-  filters: _propTypes.default.shape({
-    keyword: _propTypes.default.string,
-    sortBy: _propTypes.default.string,
-    sortDirection: _propTypes.default.string,
-    price: _propTypes.default.string,
-    category: _propTypes.default.string,
-    developer: _propTypes.default.string,
-    resourceType: _propTypes.default.string
-  }),
-  wrapChildren: _propTypes.default.func,
-  extraFilter: _propTypes.default.func,
-  endpoint: _propTypes.default.string.isRequired,
-  blockletRender: _propTypes.default.func.isRequired,
-  onFilterChange: _propTypes.default.func,
-  onSearchSelect: _propTypes.default.func,
-  locale: _propTypes.default.oneOf(['zh', 'en']),
-  baseSearch: _propTypes.default.bool,
-  // sometimes blocklet list can be rendered only before the category is fetched
-  fetchCategoryDelay: _propTypes.default.number
-};
-const defaultProps = exports.defaultProps = {
-  locale: 'zh',
-  filters: {},
-  onFilterChange: () => {},
-  onSearchSelect: _ref => {
-    let {
-      detailUrl
-    } = _ref;
-    window.location.href = detailUrl;
-  },
-  wrapChildren: children => children,
-  extraFilter: list => list,
-  baseSearch: false,
-  fetchCategoryDelay: 0
-};

package/lib/libs/utils.js

@@ -1,127 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 }; }
-const isFreeBlocklet = blocklet => {
-  if (!blocklet.payment) {
-    return true;
-  }
-  const priceList = (blocklet.payment.price || []).map(x => x.value || 0);
-  return priceList.every(x => x === 0);
-};
-const getSortOptions = t => {
-  return [{
-    name: t('sort.popularity'),
-    value: 'popularity'
-  }, {
-    name: t('sort.lastPublished'),
-    value: 'publishAt'
-  }, {
-    name: t('sort.nameAscend'),
-    value: 'nameAsc'
-  }, {
-    name: t('sort.nameDescend'),
-    value: 'nameDesc'
-  }];
-};
-exports.getSortOptions = getSortOptions;
-const getPrices = t => {
-  return [{
-    name: t('blocklet.free'),
-    value: 'free'
-  }, {
-    name: t('blocklet.payment'),
-    value: 'payment'
-  }];
-};
-exports.getPrices = getPrices;
-const getCategoryOptions = exports.getCategoryOptions = function getCategoryOptions() {
-  let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
-  return list.map(item => ({
-    name: item.locales[locale] || "Category.".concat(locale),
-    value: item._id
-  }));
-};
-
-/**
- * 根据 是否付费 过滤 blocklet list
- * @param {*} list
- * @param {*} price
- * @returns
- */
-const filterBlockletByPrice = exports.filterBlockletByPrice = function filterBlockletByPrice() {
-  let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let price = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let result = list;
-  if (!price) return result;
-  if (price === 'free') {
-    result = list.filter(blocklet => isFreeBlocklet(blocklet));
-  } else {
-    result = list.filter(blocklet => !isFreeBlocklet(blocklet));
-  }
-  return result;
-};
-const formatError = error => {
-  if (Array.isArray(error.errors)) {
-    return error.errors.map(x => x.message).join('\n');
-  }
-  return error.message;
-};
-exports.formatError = formatError;
-const replaceTranslate = (template, data) =>
-// eslint-disable-next-line no-prototype-builtins
-template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
-exports.replaceTranslate = replaceTranslate;
-const removeUndefined = obj => {
-  const clone = (0, _cloneDeep.default)(obj);
-  Object.keys(clone).forEach(key => {
-    if (clone[key] === undefined) {
-      delete clone[key];
-    }
-  });
-  return clone;
-};
-exports.removeUndefined = removeUndefined;
-const urlStringify = obj => {
-  if (!obj) {
-    throw new Error('obj is required in urlStringify ');
-  }
-  return new URLSearchParams(removeUndefined(obj)).toString();
-};
-exports.urlStringify = urlStringify;
-const isMobileScreen = () => {
-  return window.innerWidth <= 600;
-};
-exports.isMobileScreen = isMobileScreen;
-const getCurrentPage = (length, pageSize) => {
-  const page = (length + pageSize) / pageSize;
-  if (page > 1) return page.toFixed();
-  return 1;
-};
-exports.getCurrentPage = getCurrentPage;
-const toColorRgb = colorStr => {
-  const color = (0, _color.default)(colorStr);
-  return color.rgb().object();
-};
-exports.toColorRgb = toColorRgb;
-function debouncePromise(fn, time) {
-  let timerId;
-  return function debounced() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (timerId) {
-      clearTimeout(timerId);
-    }
-    return new Promise(resolve => {
-      timerId = setTimeout(() => resolve(fn(...args)), time);
-    });
-  };
-}
-const debounced = exports.debounced = debouncePromise(items => Promise.resolve(items), 300);