rsuite 5.80.2 → 5.81.0

package/esm/CheckTreePicker/CheckTreePicker.d.ts

@@ -33,6 +33,10 @@ export interface CheckTreePickerProps<V = ValueType> extends Omit<CheckTreeViewP
      * Custom render selected items
      */
     renderValue?: (value: V, selectedNodes: TreeNode[], selectedElement: React.ReactNode) => React.ReactNode;
+    /**
+     * In the cascade case, the leaf node's value change callbacks
+     */
+    onCascadeChange?: (v: ValueType, event: React.SyntheticEvent) => void;
 }
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -5,7 +5,7 @@ import _omit from "lodash/omit";
 import _isFunction from "lodash/isFunction";
 import _pick from "lodash/pick";
 import _isNil from "lodash/isNil";
-var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode"];
+var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode", "onCascadeChange"];
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
@@ -103,6 +103,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderTree = _propsWithDefaults$re === void 0 ? DEPRECATED_renderMenu : _propsWithDefaults$re,
     renderTreeIcon = propsWithDefaults.renderTreeIcon,
     renderTreeNode = propsWithDefaults.renderTreeNode,
+    onCascadeChange = propsWithDefaults.onCascadeChange,
     rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -167,6 +168,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setFocusItemValue(null);
     setValue([]);
     onChange === null || onChange === void 0 || onChange([], event);
+    onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange([], event);
   });
   var handleTreeKeyDown = useEventCallback(function (event) {
     onMenuKeyDown(event, {
@@ -186,9 +188,37 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit: handleClean,
     onMenuKeyDown: handleTreeKeyDown
   }, rest));
+
+  // transform the parent node value to the leaf node value
+  var handleTransValue2Children = useEventCallback(function (nextSelectedNodes) {
+    return nextSelectedNodes.map(function (node) {
+      var currentNode = node.refKey ? flattenedNodes[node.refKey] : null;
+      if (currentNode && currentNode[childrenKey] && currentNode[childrenKey].length) {
+        var childNodes = currentNode[childrenKey].filter(function (child) {
+          var childValue = child[valueKey];
+          return !disabledItemValues.includes(childValue) && !uncheckableItemValues.includes(childValue);
+        });
+        return handleTransValue2Children(childNodes);
+      }
+      return node;
+    }).flat();
+  });
+  var handleChangeCascade = useEventCallback(function (nextValue, event) {
+    if (!cascade) {
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+    } else {
+      var nextSelectedNodes = getSelectedItems(flattenedNodes, nextValue);
+      var childrenNodes = handleTransValue2Children(nextSelectedNodes);
+      var childrenValue = childrenNodes.map(function (node) {
+        return node[valueKey];
+      });
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(childrenValue, event);
+    }
+  });
   var handleChange = useEventCallback(function (nextValue, event) {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
+    handleChangeCascade(nextValue, event);
   });
   var treeContext = useMemo(function () {
     return {

package/esm/InlineEdit/useEditState.js

@@ -35,7 +35,7 @@ var useEditState = function useEditState(props) {
     setResetValue(value);
   });
   var handleFocus = useEventCallback(function (event) {
-    if (disabled) return;
+    if (disabled || isEditing) return;
     onFocus === null || onFocus === void 0 || onFocus(event);
     setIsEditing(true);
     setResetValue(value);

package/esm/locales/es_ES.js

@@ -37,7 +37,7 @@ var CreatableComboBox = _extends({}, Combobox, {
   createOption: 'Crear opción "{0}"'
 });
 export default {
-  code: 'es-AR',
+  code: 'es-ES',
   common: {
     loading: 'Cargando...',
     emptyMessage: 'Sin datos',

package/esm/toaster/ToastContainer.js

@@ -59,7 +59,9 @@ var useMessages = function useMessages() {
     // Remove all invisible messages after 400ms.
     // The delay removal here is to preserve the animation.
     setTimeout(function () {
-      setMessages([]);
+      setMessages(function () {
+        return [];
+      });
     }, 400);
   }, [messages]);
   var remove = useCallback(function (key) {
@@ -73,9 +75,11 @@ var useMessages = function useMessages() {
 
     // Remove invisible messages after 400ms.
     setTimeout(function () {
-      setMessages(messages.filter(function (msg) {
-        return msg.visible;
-      }));
+      setMessages(function (prevMessages) {
+        return prevMessages.filter(function (msg) {
+          return msg.visible;
+        });
+      });
     }, 400);
   }, [messages, getKey]);
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.80.2",
+  "version": "5.81.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",