@blocklet/list 0.8.16 → 0.8.17

package/lib/components/search.js

@@ -61,6 +61,9 @@ const Search = _ref => {
     handleKeyword();
   };
 
+  (0, _react.useEffect)(() => {
+    setSearchStr(filters.keyword || '');
+  }, [filters.keyword]);
   return /*#__PURE__*/_react.default.createElement(StyledSearch, Object.assign({
     inputProps: {
       'data-cy': 'search-blocklet'
@@ -74,9 +77,9 @@ const Search = _ref => {
     title: placeholder,
     "data-cy": "search",
     endAdornment: searchStr && /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
+      "data-cy": "search-delete",
       position: "end"
     }, /*#__PURE__*/_react.default.createElement(StyledCloseIcon, {
-      "data-cy": "search-delete",
       onClick: handleClose
     }))
   }, rest));

package/lib/contexts/filter.js

@@ -242,9 +242,10 @@ function FilterProvider(_ref) {
     if (!hasDeveloperFilter) {
       fetchCategories();
     }
-  }, [!hasDeveloperFilter]);
+  }, [hasDeveloperFilter]);
   (0, _react.useEffect)(() => {
     fetchBlocklets();
+    fetchCategories();
   }, [endpoint]);
   return /*#__PURE__*/_react.default.createElement(Provider, {
     value: filterStore

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.8.16",
+  "version": "0.8.17",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -37,7 +37,7 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/ux": "^2.1.3",
+    "@arcblock/ux": "^2.1.4",
     "@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": "5f5a20003947fadab688b32a18ba38826d8c3369"
+  "gitHead": "660a066ab7efb6b77e9a50f0f6e2a8928760409e"
 }

package/src/components/search.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import SearchIcon from '@mui/icons-material/Search';
 import CloseIcon from '@mui/icons-material/Close';
@@ -22,6 +22,10 @@ const Search = ({ placeholder, ...rest }) => {
     setSearchStr('');
     handleKeyword();
   };
+  useEffect(() => {
+    setSearchStr(filters.keyword || '');
+  }, [filters.keyword]);
+
   return (
     <StyledSearch
       inputProps={{
@@ -39,8 +43,8 @@ const Search = ({ placeholder, ...rest }) => {
       data-cy="search"
       endAdornment={
         searchStr && (
-          <InputAdornment position="end">
-            <StyledCloseIcon data-cy="search-delete" onClick={handleClose} />
+          <InputAdornment data-cy="search-delete" position="end">
+            <StyledCloseIcon onClick={handleClose} />
           </InputAdornment>
         )
       }

package/src/contexts/filter.js

@@ -169,10 +169,11 @@ function FilterProvider({
     if (!hasDeveloperFilter) {
       fetchCategories();
     }
-  }, [!hasDeveloperFilter]);
+  }, [hasDeveloperFilter]);
 
   useEffect(() => {
     fetchBlocklets();
+    fetchCategories();
   }, [endpoint]);
 
   return <Provider value={filterStore}>{children}</Provider>;