rsuite 5.39.0 → 5.40.0

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -213,7 +213,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     }
 
-    return getFormattedTree(filteredData, flattenNodes, {
+    return getFormattedTree(flattenNodes, filteredData, {
       childrenKey: childrenKey,
       cascade: cascade
     }).map(function (node) {

package/esm/CheckTreePicker/utils.d.ts

@@ -37,7 +37,7 @@ export declare function isEveryFirstLevelNodeUncheckable(nodes: TreeNodesType, u
  * @param {*} node
  */
 export declare function isNodeUncheckable(node: any, props: Required<Pick<CheckTreePickerProps, 'uncheckableItemValues' | 'valueKey'>>): boolean;
-export declare function getFormattedTree(data: any[], nodes: TreeNodesType, props: Required<Pick<CheckTreePickerProps, 'childrenKey' | 'cascade'>>): any[];
+export declare function getFormattedTree(nodes: TreeNodesType, data: any[], props: Required<Pick<CheckTreePickerProps, 'childrenKey' | 'cascade'>>): any[];
 export declare function getDisabledState(nodes: TreeNodesType, node: TreeNodeType, props: Required<Pick<CheckTreePickerProps, 'disabledItemValues' | 'valueKey'>>): boolean;
 export declare function getCheckTreePickerDefaultValue(value: any[], uncheckableItemValues: any[]): any[];
 export declare function getSelectedItems(nodes: TreeNodesType, values: ValueType): TreeNodeType[];

package/esm/CheckTreePicker/utils.js

@@ -101,7 +101,7 @@ export function isNodeUncheckable(node, props) {
     return node[valueKey] === value;
   });
 }
-export function getFormattedTree(data, nodes, props) {
+export function getFormattedTree(nodes, data, props) {
   var childrenKey = props.childrenKey,
       cascade = props.cascade;
   return data.map(function (node) {
@@ -125,7 +125,7 @@ export function getFormattedTree(data, nodes, props) {
       formatted.checkState = checkState;
 
       if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {
-        formatted[childrenKey] = getFormattedTree(formatted[childrenKey], nodes, props);
+        formatted[childrenKey] = getFormattedTree(nodes, formatted[childrenKey], props);
       }
     }
 

package/esm/utils/treeUtils.d.ts

@@ -240,7 +240,7 @@ export declare function useTreeSearch<T>(props: TreeSearchProps<T>): {
     filteredData: T[];
     setFilteredData: (data: T[], searchKeyword: string) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    handleSearch: (searchKeyword: string, event: React.ChangeEvent) => void;
+    handleSearch: (searchKeyword: string, event?: React.ChangeEvent) => void;
 };
 export declare function useGetTreeNodeChildren<T extends Record<string, unknown>>(treeData: T[], valueKey: string, childrenKey: string): {
     data: T[];

package/esm/utils/treeUtils.js

@@ -946,9 +946,7 @@ export function useTreeSearch(props) {
     return data;
   }, [childrenKey, labelKey, searchBy]); // Use search keywords to filter options.
 
-  var _useState5 = useState(function () {
-    return searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '';
-  }),
+  var _useState5 = useState(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : ''),
       searchKeywordState = _useState5[0],
       setSearchKeyword = _useState5[1];
 
@@ -958,17 +956,19 @@ export function useTreeSearch(props) {
       filteredData = _useState6[0],
       setFilteredData = _useState6[1];
 
-  var handleSetFilteredData = useCallback(function (data, searchKeyword) {
-    setFilteredData(filterVisibleData(data, searchKeyword));
-  }, [filterVisibleData]);
-
   var handleSearch = function handleSearch(searchKeyword, event) {
     var filteredData = filterVisibleData(data, searchKeyword);
     setFilteredData(filteredData);
     setSearchKeyword(searchKeyword);
-    callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);
+    event && (callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event));
   };
 
+  useEffect(function () {
+    handleSearch(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : ''); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchKeyword]);
+  var handleSetFilteredData = useCallback(function (data, searchKeyword) {
+    setFilteredData(filterVisibleData(data, searchKeyword));
+  }, [filterVisibleData]);
   return {
     searchKeywordState: searchKeywordState,
     filteredData: filteredData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.39.0",
+  "version": "5.40.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -38,7 +38,7 @@
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.11.0",
+    "rsuite-table": "^5.12.0",
     "schema-typed": "^2.1.3"
   },
   "peerDependencies": {