@blocklet/list 0.8.20 → 0.8.23

package/lib/base.js

@@ -11,15 +11,15 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Sort = _interopRequireDefault(require("@mui/icons-material/Sort"));
 
-var _FilterList = _interopRequireDefault(require("@mui/icons-material/FilterList"));
-
 var _material = require("@mui/material");
 
+var _Face = _interopRequireDefault(require("@mui/icons-material/Face"));
+
 var _filter = require("./contexts/filter");
 
 var _customSelect = _interopRequireDefault(require("./components/custom-select"));
 
-var _filterAuthor = _interopRequireDefault(require("./components/filter-author"));
+var _filter2 = require("./components/filter");
 
 var _utils = require("./libs/utils");
 
@@ -29,12 +29,10 @@ var _aside = _interopRequireDefault(require("./components/aside"));
 
 var _search = _interopRequireDefault(require("./components/search"));
 
-var _categorySelect = _interopRequireDefault(require("./components/category-select"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const ListBase = () => {
-  var _getSortOptions$find, _getPrices$find;
+  var _sortOptions$find, _priceOptions$find;
 
   const {
     handleDeveloper,
@@ -42,9 +40,16 @@ const ListBase = () => {
     filters,
     developerName,
     handleSort,
+    handleCategory,
+    handlePrice,
     t,
-    handlePrice
+    getCategoryLocale,
+    priceOptions
   } = (0, _filter.useFilterContext)();
+  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 priceLocale = (_priceOptions$find = priceOptions.find(price => price.value === filters.price)) === null || _priceOptions$find === void 0 ? void 0 : _priceOptions$find.name;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex",
     alignItems: "flex-start",
@@ -52,65 +57,48 @@ const ListBase = () => {
   }, /*#__PURE__*/_react.default.createElement(_material.Hidden, {
     mdDown: true
   }, /*#__PURE__*/_react.default.createElement(_aside.default, null)), /*#__PURE__*/_react.default.createElement(StyledMin, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    className: "marketplace-header",
+    className: "filter-bar",
     display: "flex",
     alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_material.Hidden, {
-    mdDown: true
-  }, !!filters.developer && /*#__PURE__*/_react.default.createElement(_filterAuthor.default, {
-    user: developerName,
-    deleteUserTag: () => {
-      handleDeveloper(null);
-    }
-  })), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    mt: 0,
-    className: "searchContainer"
-  }, /*#__PURE__*/_react.default.createElement(_material.Hidden, {
-    mdUp: true
   }, /*#__PURE__*/_react.default.createElement(StyledSearch, {
-    className: "search",
+    className: "search-container",
     placeholder: t('common.searchStore')
-  }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
     mt: 0,
-    ml: "10px",
-    className: "filterContainer"
+    ml: "16px",
+    className: "filter-container"
   }, /*#__PURE__*/_react.default.createElement(_material.Hidden, {
     mdUp: true
-  }, /*#__PURE__*/_react.default.createElement(_categorySelect.default, null)), /*#__PURE__*/_react.default.createElement(_customSelect.default, {
+  }, /*#__PURE__*/_react.default.createElement(_filter2.FilterIcon, null)), /*#__PURE__*/_react.default.createElement(_customSelect.default, {
     value: filters.sortBy,
-    options: (0, _utils.getSortOptions)(t),
-    title: ((_getSortOptions$find = (0, _utils.getSortOptions)(t).find(f => f.value === filters.sortBy)) === null || _getSortOptions$find === void 0 ? void 0 : _getSortOptions$find.name) || t('sort.sort'),
+    options: sortOptions,
+    title: sortLocale,
     icon: /*#__PURE__*/_react.default.createElement(_Sort.default, null),
     onChange: v => {
       handleSort(v);
     }
-  }))), /*#__PURE__*/_react.default.createElement(_material.Hidden, {
-    mdUp: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
+  }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
     display: "flex",
     flexWrap: "wrap",
     alignItems: "center",
-    justifyContent: filters.developer ? 'space-between' : 'flex-end'
-  }, !!filters.developer && /*#__PURE__*/_react.default.createElement(_filterAuthor.default, {
-    user: developerName,
-    deleteUserTag: () => {
+    mb: "16px"
+  }, /*#__PURE__*/_react.default.createElement(_filter2.CustomChip, {
+    label: developerName,
+    icon: /*#__PURE__*/_react.default.createElement(_Face.default, null),
+    onDelete: () => {
       handleDeveloper(null);
-    },
-    style: {
-      marginBottom: '16px'
     }
-  }), /*#__PURE__*/_react.default.createElement(_customSelect.default, {
-    value: filters.price,
-    icon: /*#__PURE__*/_react.default.createElement(_FilterList.default, null),
-    options: (0, _utils.getPrices)(t),
-    title: ((_getPrices$find = (0, _utils.getPrices)(t).find(f => f.value === filters.price)) === null || _getPrices$find === void 0 ? void 0 : _getPrices$find.name) || t('common.price'),
-    onChange: v => {
-      handlePrice(v);
-    },
-    style: {
-      marginBottom: '16px'
+  }), /*#__PURE__*/_react.default.createElement(_filter2.CustomChip, {
+    label: categoryLocale,
+    onDelete: () => {
+      handleCategory(null);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_filter2.CustomChip, {
+    label: priceLocale,
+    onDelete: () => {
+      handlePrice(null);
     }
-  }))), /*#__PURE__*/_react.default.createElement(_list.default, {
+  })), /*#__PURE__*/_react.default.createElement(_list.default, {
     blocklets: blockletList
   })));
 };
@@ -118,7 +106,7 @@ const ListBase = () => {
 const StyledMin = _styledComponents.default.main.withConfig({
   displayName: "base__StyledMin",
   componentId: "sc-wumzlv-0"
-})(["flex:1;width:100%;min-width:0;.marketplace-header{justify-content:space-between;margin-bottom:20px;}.sort-button{white-space:nowrap;}.search{margin-left:0px;}@media (max-width:", "px){.searchContainer{flex:1;}.search{width:100%;}.filterContainer{flex:1;display:flex;justify-content:flex-end;}}@media (max-width:750px){.searchContainer{width:100%;}.filterContainer{width:100%;margin-left:0;display:flex;justify-content:space-between;}.search{margin-bottom:20px;width:100%;}.marketplace-header{display:flex;flex-direction:column;align-items:flex-start;}}@media (max-width:", "px){.sort-button{font-size:12px;}}"], props => props.theme.breakpoints.values.md, props => props.theme.breakpoints.values.md);
+})(["flex:1;width:100%;min-width:0;.filter-bar{justify-content:space-between;margin-bottom:", ";}.sort-button{white-space:nowrap;}.search-container{flex:2;margin-left:0px;}.filter-container{flex:1;display:flex;justify-content:flex-end;}@media (max-width:", "px){.search-container{width:100%;margin-bottom:", ";}.filter-container{margin-left:0;display:flex;justify-content:flex-start;}.filter-bar{display:flex;flex-direction:column;align-items:flex-start;}}@media (max-width:", "px){.sort-button{font-size:12px;}}"], props => props.theme.spacing(2), props => props.theme.breakpoints.values.md, props => props.theme.spacing(2), props => props.theme.breakpoints.values.md);
 
 const StyledSearch = (0, _styledComponents.default)(_search.default).withConfig({
   displayName: "base__StyledSearch",

package/lib/components/aside.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _filter = require("../contexts/filter");
+
+var _filter2 = require("./filter");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Aside = () => {
+  const {
+    selectedCategory,
+    handleCategory,
+    t,
+    handlePrice,
+    filters,
+    categoryOptions,
+    priceOptions
+  } = (0, _filter.useFilterContext)();
+  return /*#__PURE__*/_react.default.createElement(StyledAside, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_filter2.FilterGroup, {
+    title: t('common.price'),
+    options: priceOptions,
+    value: filters.price,
+    onChange: handlePrice
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: '32px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_filter2.FilterGroup, {
+    title: t('common.category'),
+    options: categoryOptions,
+    value: selectedCategory,
+    onChange: handleCategory
+  })));
+};
+
+const StyledAside = _styledComponents.default.aside.withConfig({
+  displayName: "aside__StyledAside",
+  componentId: "sc-1wkvsv6-0"
+})(["width:220px;margin-right:", ";height:100%;"], props => props.theme.spacing(2));
+
+Aside.propTypes = {};
+Aside.defaultProps = {};
+var _default = Aside;
+exports.default = _default;

package/lib/components/{filter-author.js → filter/custom-chip.js}

@@ -13,11 +13,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _material = require("@mui/material");
 
-var _Face = _interopRequireDefault(require("@mui/icons-material/Face"));
-
-var _filter = require("../contexts/filter");
-
-const _excluded = ["user", "deleteUserTag"];
+const _excluded = ["label", "icon", "onDelete"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -26,38 +22,35 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 const StyleDiv = _styledComponents.default.div.withConfig({
-  displayName: "filter-author__StyleDiv",
-  componentId: "sc-hnnc9f-0"
-})([".MuiChip-root{border-radius:4px;height:initial;text-transform:capitalize;}"]);
+  displayName: "custom-chip__StyleDiv",
+  componentId: "sc-4q1qqt-0"
+})([".MuiChip-root{border-radius:4px;height:initial;text-transform:capitalize;margin-right:", ";padding:4px 0;}"], props => props.theme.spacing(2));
 
-const FilterAuthor = _ref => {
+const FilterChip = _ref => {
   let {
-    user,
-    deleteUserTag
+    label,
+    icon,
+    onDelete
   } = _ref,
       containerProps = _objectWithoutProperties(_ref, _excluded);
 
-  const {
-    t
-  } = (0, _filter.useFilterContext)();
-  if (!user) return null;
+  if (!label) return null;
   return /*#__PURE__*/_react.default.createElement(StyleDiv, containerProps, /*#__PURE__*/_react.default.createElement(_material.Chip, {
-    icon: /*#__PURE__*/_react.default.createElement(_Face.default, null),
-    label: t('blocklet.owner', {
-      name: user
-    }),
-    onDelete: () => {
-      deleteUserTag();
-    }
+    icon: icon,
+    label: label,
+    onDelete: onDelete
   }));
 };
 
-FilterAuthor.propTypes = {
-  user: _propTypes.default.string.isRequired,
-  deleteUserTag: _propTypes.default.func
+FilterChip.propTypes = {
+  label: _propTypes.default.string,
+  onDelete: _propTypes.default.func,
+  icon: _propTypes.default.element
 };
-FilterAuthor.defaultProps = {
-  deleteUserTag: () => {}
+FilterChip.defaultProps = {
+  onDelete: () => {},
+  icon: null,
+  label: null
 };
-var _default = FilterAuthor;
+var _default = FilterChip;
 exports.default = _default;

package/lib/components/filter/group.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function FilterGroup(_ref) {
+  let {
+    options,
+    onChange,
+    title,
+    value
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(StyledDiv, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "list"
+  }, options.map(item => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      title: item.name,
+      key: item.value,
+      "data-cy": "filter",
+      className: value === item.value ? 'select item' : 'item',
+      onClick: () => onChange(item.value)
+    }, item.name);
+  })));
+}
+
+const StyledDiv = _styledComponents.default.div.withConfig({
+  displayName: "group__StyledDiv",
+  componentId: "sc-1lj02tr-0"
+})([".title{font-size:18px;font-weight:bold;margin-bottom:", ";}.list{}.item{font-size:16px;font-weight:bold;padding:", " ", ";color:#9397a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;cursor:pointer;&:hover{background-color:", ";color:initial;}}.select{color:", ";}"], props => props.theme.spacing(2), props => props.theme.spacing(2), props => props.theme.spacing(1), props => props.theme.palette.grey[50], props => props.theme.palette.primary.main);
+
+FilterGroup.propTypes = {
+  title: _propTypes.default.string.isRequired,
+  options: _propTypes.default.array.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
+};
+FilterGroup.defaultProps = {
+  value: null
+};
+var _default = FilterGroup;
+exports.default = _default;

package/lib/components/filter/icon.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _FilterAltOutlined = _interopRequireDefault(require("@mui/icons-material/FilterAltOutlined"));
+
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+
+var _filter = require("../../contexts/filter");
+
+var _group = _interopRequireDefault(require("./group"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function FilterIcon() {
+  const {
+    selectedCategory,
+    handleCategory,
+    t,
+    handlePrice,
+    filters,
+    categoryOptions,
+    priceOptions
+  } = (0, _filter.useFilterContext)();
+  const [open, setOpen] = (0, _react.useState)(false);
+
+  const handelChange = (type, value) => {
+    if (type === 'category') {
+      handleCategory(value);
+    }
+
+    if (type === 'price') {
+      handlePrice(value);
+    }
+
+    setOpen(false);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(StyledDiv, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    variant: "outlined",
+    className: "filter-button",
+    onClick: () => setOpen(true)
+  }, /*#__PURE__*/_react.default.createElement(_FilterAltOutlined.default, {
+    className: "filter-icon",
+    fontSize: "small"
+  })), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    fullWidth: true,
+    title: "",
+    open: open,
+    onClose: () => setOpen(false)
+  }, /*#__PURE__*/_react.default.createElement(_group.default, {
+    title: t('common.price'),
+    options: priceOptions,
+    value: filters.price,
+    onChange: v => {
+      handelChange('price', v);
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: '32px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_group.default, {
+    title: t('common.category'),
+    options: categoryOptions,
+    value: selectedCategory,
+    onChange: v => {
+      handelChange('category', v);
+    }
+  }))));
+}
+
+const StyledDiv = _styledComponents.default.div.withConfig({
+  displayName: "icon__StyledDiv",
+  componentId: "sc-17rafy1-0"
+})([".filter-button{margin-right:16px;border-color:rgb(240,240,240);padding:5px 8px;min-width:initial;}.filter-icon{cursor:pointer;color:", ";}"], props => props.theme.palette.grey[500]);
+
+FilterIcon.propTypes = {};
+FilterIcon.defaultProps = {};
+var _default = FilterIcon;
+exports.default = _default;

package/lib/components/filter/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CustomChip", {
+  enumerable: true,
+  get: function get() {
+    return _customChip.default;
+  }
+});
+Object.defineProperty(exports, "FilterGroup", {
+  enumerable: true,
+  get: function get() {
+    return _group.default;
+  }
+});
+Object.defineProperty(exports, "FilterIcon", {
+  enumerable: true,
+  get: function get() {
+    return _icon.default;
+  }
+});
+
+var _icon = _interopRequireDefault(require("./icon"));
+
+var _customChip = _interopRequireDefault(require("./custom-chip"));
+
+var _group = _interopRequireDefault(require("./group"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/list/list.js

@@ -105,8 +105,7 @@ function BlockletList(_ref) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_Grid.default, Object.assign({
-    container: true,
-    spacing: 4
+    container: true
   }, rest), blocklets.map(blocklet => /*#__PURE__*/_react.default.createElement(StyledGrid, {
     item: true,
     lg: 4,
@@ -128,7 +127,7 @@ BlockletList.defaultProps = {};
 const StyledGrid = (0, _styledComponents.default)(_Grid.default).withConfig({
   displayName: "list__StyledGrid",
   componentId: "sc-jzgpev-0"
-})(["@media (max-width:", "px){&.MuiGrid-item{padding-bottom:0px;padding-left:16px;padding-right:4px;}}"], props => props.theme.breakpoints.values.sm);
+})(["@media (max-width:", "px){&.MuiGrid-item{padding-bottom:0px;margin-left:", ";padding-right:", ";}}@media (min-width:", "px){&.MuiGrid-item{margin-bottom:", ";}}"], props => props.theme.breakpoints.values.sm, props => props.theme.spacing(-2), props => props.theme.spacing(0.5), props => props.theme.breakpoints.values.sm, props => props.theme.spacing(2));
 const CustomEmpty = (0, _styledComponents.default)(_Empty.default).withConfig({
   displayName: "list__CustomEmpty",
   componentId: "sc-jzgpev-1"

package/lib/components/search.js

@@ -94,7 +94,7 @@ Search.defaultProps = {
 const StyledSearch = (0, _styledComponents.default)(_material.OutlinedInput).withConfig({
   displayName: "search__StyledSearch",
   componentId: "sc-1ehlqka-0"
-})(["background-color:#fff;border-radius:12px;font-size:16px;margin:0 10px;.MuiInputBase-input{padding:12px 0px 12px 0px;}.MuiOutlinedInput-notchedOutline{border:none;}.Mui-focused{background-color:#f6f6f6;.MuiInputBase-input::placeholder{color:transparent;}}@media (max-width:", "px){font-size:14px;border-radius:6px;.MuiInputBase-input{padding:8px 0 8px 10px;}}"], props => props.theme.breakpoints.values.md);
+})(["background-color:#fff;font-size:14px;border-radius:6px;.MuiInputBase-input{padding:8px 0 8px 10px;}.MuiOutlinedInput-notchedOutline{border:none;}.Mui-focused{background-color:#f6f6f6;.MuiInputBase-input::placeholder{color:transparent;}}"]);
 const StyledSearchIcon = (0, _styledComponents.default)(_Search.default).withConfig({
   displayName: "search__StyledSearchIcon",
   componentId: "sc-1ehlqka-1"

package/lib/contexts/filter.js

@@ -44,8 +44,6 @@ exports.FilterConsumer = Consumer;
 
 function FilterProvider(_ref) {
   let {
-    onSelectBlocklet,
-    selectedBlocklets,
     filters,
     children,
     baseUrl,
@@ -152,6 +150,8 @@ function FilterProvider(_ref) {
     return (0, _utils.replaceTranslate)(_locale.default[locale][key], data);
   };
 
+  const categoryOptions = (0, _react.useMemo)(() => (0, _utils.getCategoryOptions)(categoryList, locale), [categoryList, locale]);
+  const priceOptions = (0, _utils.getPrices)(translate);
   const filterStore = {
     errors: {
       fetchBlockletsError,
@@ -173,8 +173,8 @@ function FilterProvider(_ref) {
     baseUrl,
     blockletRender,
     locale,
-    selectedBlocklets,
-    onSelectBlocklet,
+    categoryOptions,
+    priceOptions,
     handleSort: sort => {
       const changeData = _objectSpread(_objectSpread({}, filters), {}, {
         sortBy: sort,
@@ -206,7 +206,7 @@ function FilterProvider(_ref) {
         onFilterChange(changeData);
       } else {
         const changeData = _objectSpread(_objectSpread({}, filters), {}, {
-          category
+          category: category === filters.category ? undefined : category
         });
 
         onFilterChange(changeData);

package/lib/libs/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.urlStringify = exports.replaceTranslate = exports.removeUndefined = exports.getStoreDetail = exports.getSortOptions = exports.getPrices = exports.getCategories = exports.formatLogoPath = exports.formatError = exports.filterBlockletByPrice = void 0;
+exports.urlStringify = exports.replaceTranslate = exports.removeUndefined = exports.getStoreDetail = exports.getSortOptions = exports.getPrices = exports.getCategoryOptions = exports.getCategories = exports.formatLogoPath = exports.formatError = exports.filterBlockletByPrice = void 0;
 
 var _urlJoin = _interopRequireDefault(require("url-join"));
 
@@ -47,6 +47,17 @@ const getPrices = t => {
     value: 'payment'
   }];
 };
+
+exports.getPrices = getPrices;
+
+const 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],
+    value: item.name
+  }));
+};
 /**
  * 从开发者所属 blocklets 中的得到 Categories
  * @param {*} list
@@ -55,7 +66,7 @@ const getPrices = t => {
  */
 
 
-exports.getPrices = getPrices;
+exports.getCategoryOptions = getCategoryOptions;
 
 const getCategories = (list, developerDid) => {
   const filterList = list.filter(item => developerDid ? item.owner.did === developerDid : true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.8.20",
+  "version": "0.8.23",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -37,7 +37,7 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/ux": "^2.1.4",
+    "@arcblock/ux": "^2.1.7",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.6.2",
@@ -58,5 +58,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "a74898c47a9d7e7d14462500ddb677292f2bd68b"
+  "gitHead": "e9fb9d4b9e5f58781f5d5d202b8b066e1e6481ba"
 }