@blocklet/list 0.12.48 → 0.12.50

package/lib/assets/locale.js

@@ -10,7 +10,8 @@ const en = {
   common: {
     searchStore: 'Search the store',
     price: 'Price',
-    category: 'Category'
+    category: 'Category',
+    resourceType: 'Resource Type'
   },
   sort: {
     sort: 'Sort',
@@ -45,7 +46,8 @@ const zh = {
   common: {
     searchStore: '搜索商店内应用',
     price: '价格',
-    category: '类别'
+    category: '类别',
+    resourceType: '资源类型'
   },
   sort: {
     sort: '排序',

package/lib/base.js

@@ -42,6 +42,9 @@ function ListBase() {
   const sortOptions = (0, _utils.getSortOptions)(t);
   const sortLocale = ((_sortOptions$find = sortOptions.find(f => f.value === filters.sortBy)) === null || _sortOptions$find === void 0 ? void 0 : _sortOptions$find.name) || t('sort.sort');
   const categoryLocale = getCategoryLocale(filters.category);
+  const {
+    resourceType
+  } = filters || {};
   const priceLocale = (_priceOptions$find = priceOptions.find(price => price.value === filters.price)) === null || _priceOptions$find === void 0 ? void 0 : _priceOptions$find.name;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     display: "flex",
@@ -100,6 +103,8 @@ function ListBase() {
             onDelete: () => {
               handlePrice(null);
             }
+          }), resourceType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.CustomChip, {
+            label: "".concat(t('common.resourceType'), ": ").concat(resourceType)
           })]
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {

package/lib/components/filter/custom-chip.js

@@ -44,7 +44,7 @@ FilterChip.propTypes = {
   icon: _propTypes.default.element
 };
 FilterChip.defaultProps = {
-  onDelete: () => {},
+  onDelete: null,
   icon: null,
   label: null
 };

package/lib/contexts/filter.js

@@ -42,7 +42,8 @@ function FilterProvider(_ref) {
     wrapChildren,
     baseSearch,
     serverVersion,
-    storeVersion
+    storeVersion,
+    fetchCategoryDelay
   } = _ref;
   const requestHeaders = {};
   if (serverVersion) {
@@ -222,7 +223,10 @@ function FilterProvider(_ref) {
     handleSearchSelect: onSearchSelect
   };
   (0, _react.useEffect)(() => {
-    fetchCategories();
+    // 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, {