rsuite 5.40.0 → 5.41.0

package/esm/MultiCascader/utils.js

@@ -1,114 +1,99 @@
+'use client';
 import { useState, useEffect, useCallback } from 'react';
 import uniq from 'lodash/uniq';
 import remove from 'lodash/remove';
 import slice from 'lodash/slice';
 import { UNSAFE_flattenTree } from '../utils/treeUtils';
 import { attachParent } from '../utils/attachParent';
-
 /**
  * Get all parents of a node
  * @param node
  */
 export var getParents = function getParents(node) {
   var parents = [];
-
   if (!node.parent) {
     return parents;
   }
-
   parents.push(node.parent);
   parents = parents.concat(getParents(node.parent));
   return parents;
 };
+
 /**
  * Check if any child nodes are selected.
  * @param node
  * @param value
  * @param itemKeys
  */
-
 export var isSomeChildChecked = function isSomeChildChecked(node, value, itemKeys) {
   var childrenKey = itemKeys.childrenKey,
-      valueKey = itemKeys.valueKey;
-
+    valueKey = itemKeys.valueKey;
   if (!node[childrenKey] || !value) {
     return false;
   }
-
   return node[childrenKey].some(function (child) {
     var _child$childrenKey;
-
     if (value.some(function (n) {
       return n === child[valueKey];
     })) {
       return true;
     }
-
     if ((_child$childrenKey = child[childrenKey]) !== null && _child$childrenKey !== void 0 && _child$childrenKey.length) {
       return isSomeChildChecked(child, value, itemKeys);
     }
-
     return false;
   });
 };
+
 /**
  * Check if the parent is selected.
  * @param node
  * @param value
  * @param itemKeys
  */
-
 export var isSomeParentChecked = function isSomeParentChecked(node, value, itemKeys) {
   var valueKey = itemKeys.valueKey;
-
   if (!value) {
     return false;
   }
-
   if (value.some(function (n) {
     return n === node[valueKey];
   })) {
     return true;
   }
-
   if (node.parent) {
     return isSomeParentChecked(node.parent, value, itemKeys);
   }
-
   return false;
 };
 export var getOtherItemValuesByUnselectChild = function getOtherItemValuesByUnselectChild(itemNode, value, itemKeys) {
   var valueKey = itemKeys.valueKey,
-      childrenKey = itemKeys.childrenKey;
+    childrenKey = itemKeys.childrenKey;
   var parentValues = [];
-  var itemValues = []; // Find the parent node of the current node by value
+  var itemValues = [];
 
+  // Find the parent node of the current node by value
   function findParent(item) {
     parentValues.push(item[valueKey]);
-
     if (value.some(function (v) {
       return v === item[valueKey];
     })) {
       return item;
     }
-
     if (item.parent) {
       var p = findParent(item.parent);
-
       if (p) {
         return p;
       }
     }
-
     return null;
-  } // Get child nodes through parent node
-
+  }
 
+  // Get child nodes through parent node
   function pushChildValue(item) {
     if (!item[childrenKey]) {
       return;
     }
-
     item[childrenKey].forEach(function (n) {
       // Determine whether it is a direct parent
       if (parentValues.some(function (v) {
@@ -120,52 +105,44 @@ export var getOtherItemValuesByUnselectChild = function getOtherItemValuesByUnse
       }
     });
   }
-
   var parent = findParent(itemNode);
-
   if (!parent) {
     return [];
   }
-
   pushChildValue(parent);
   return itemValues;
 };
+
 /**
  * Remove the values of all children.
  */
-
 export var removeAllChildrenValue = function removeAllChildrenValue(value, item, itemKeys) {
   var valueKey = itemKeys.valueKey,
-      childrenKey = itemKeys.childrenKey;
+    childrenKey = itemKeys.childrenKey;
   var removedValue = [];
-
   if (!item[childrenKey]) {
     return;
   }
-
   item[childrenKey].forEach(function (n) {
     removedValue = removedValue.concat(remove(value, function (v) {
       return v === n[valueKey];
     }));
-
     if (n[childrenKey]) {
       removeAllChildrenValue(value, n, itemKeys);
     }
   });
   return removedValue;
 };
+
 /**
  * A hook to flatten tree structure data
  * @param data
  */
-
 export function useFlattenData(data, itemKeys) {
   var childrenKey = itemKeys.childrenKey;
-
   var _useState = useState(UNSAFE_flattenTree(data, itemKeys.childrenKey)),
-      flattenData = _useState[0],
-      setFlattenData = _useState[1];
-
+    flattenData = _useState[0],
+    setFlattenData = _useState[1];
   var addFlattenData = useCallback(function (children, parent) {
     var nodes = children.map(function (child) {
       return attachParent(child, parent);
@@ -181,45 +158,40 @@ export function useFlattenData(data, itemKeys) {
     flattenData: flattenData
   };
 }
+
 /**
  * A hook for column data
  * @param flattenData
  */
-
 export function useColumnData(flattenData) {
   // The columns displayed in the cascading panel.
   var _useState2 = useState([flattenData.filter(function (item) {
-    return !item.parent;
-  })]),
-      columnData = _useState2[0],
-      setColumnData = _useState2[1];
+      return !item.parent;
+    })]),
+    columnData = _useState2[0],
+    setColumnData = _useState2[1];
   /**
    * Add a list of options to the cascading panel. Used for lazy loading options.
    * @param column
    * @param index The index of the current column.
    */
-
-
   function addColumn(column, index) {
     setColumnData([].concat(slice(columnData, 0, index), [column]));
   }
+
   /**
    * Remove subsequent columns of the specified column
    * @param index
    */
-
-
   function removeColumnByIndex(index) {
     setColumnData([].concat(slice(columnData, 0, index)));
   }
-
   function enforceUpdateColumnData(nextData) {
     var nextFlattenData = UNSAFE_flattenTree(nextData);
     setColumnData([nextFlattenData.filter(function (item) {
       return !item.parent;
     })]);
   }
-
   return {
     columnData: columnData,
     addColumn: addColumn,
@@ -228,36 +200,32 @@ export function useColumnData(flattenData) {
     enforceUpdateColumnData: enforceUpdateColumnData
   };
 }
+
 /**
  * A hook that converts the value into a cascading value
  * @param props
  * @param flattenData
  */
-
 export function useCascadeValue(props, flattenData) {
   var valueKey = props.valueKey,
-      childrenKey = props.childrenKey,
-      uncheckableItemValues = props.uncheckableItemValues,
-      cascade = props.cascade,
-      valueProp = props.value;
+    childrenKey = props.childrenKey,
+    uncheckableItemValues = props.uncheckableItemValues,
+    cascade = props.cascade,
+    valueProp = props.value;
   /**
    * Get the values of all children
    */
-
   var getChildrenValue = useCallback(function (item) {
     var values = [];
-
     if (!item[childrenKey]) {
       return values;
     }
-
     item[childrenKey].forEach(function (n) {
       if (uncheckableItemValues && !uncheckableItemValues.some(function (v) {
         return v === n[valueKey];
       })) {
         values.push(n[valueKey]);
       }
-
       values = values.concat(getChildrenValue(n));
     });
     return values;
@@ -268,39 +236,41 @@ export function useCascadeValue(props, flattenData) {
     var parents = getParents(item);
     var nextValue = [].concat(value);
     var removedValue = [];
-
     if (checked) {
-      nextValue.push(itemValue); // Delete all values under the current node
+      nextValue.push(itemValue);
 
+      // Delete all values under the current node
       removedValue = removedValue.concat(removeAllChildrenValue(nextValue, item, {
         valueKey: valueKey,
         childrenKey: childrenKey
-      }) || []); // Traverse all ancestor nodes of the current node
-      // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected
+      }) || []);
 
+      // Traverse all ancestor nodes of the current node
+      // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected
       var _loop = function _loop(i) {
         // Whether the parent node can be selected
         var isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
           return v === parents[i][valueKey];
         }));
-
         if (isCheckableParent) {
-          var isCheckAll = parents[i][childrenKey] // Filter out options that are marked as not selectable
+          var isCheckAll = parents[i][childrenKey]
+          // Filter out options that are marked as not selectable
           .filter(function (n) {
             return !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
               return v === n[valueKey];
             }));
-          }) // Check if all nodes are selected
+          })
+          // Check if all nodes are selected
           .every(function (n) {
             return nextValue.some(function (v) {
               return v === n[valueKey];
             });
           });
-
           if (isCheckAll) {
             // Add parent node value
-            nextValue.push(parents[i][valueKey]); // Delete all values under the parent node
+            nextValue.push(parents[i][valueKey]);
 
+            // Delete all values under the parent node
             removedValue = removedValue.concat(removeAllChildrenValue(nextValue, parents[i], {
               valueKey: valueKey,
               childrenKey: childrenKey
@@ -308,7 +278,6 @@ export function useCascadeValue(props, flattenData) {
           }
         }
       };
-
       for (var i = 0; i < parents.length; i++) {
         _loop(i);
       }
@@ -319,20 +288,19 @@ export function useCascadeValue(props, flattenData) {
       nextValue = nextValue.concat(getOtherItemValuesByUnselectChild(item, nextValue, {
         valueKey: valueKey,
         childrenKey: childrenKey
-      })); // Delete related child and parent nodes
+      }));
 
+      // Delete related child and parent nodes
       removedValue = remove(nextValue, function (v) {
         // Delete yourself
         if (v === itemValue) {
           return true;
         }
-
         return tempValue.some(function (n) {
           return n === v;
         });
       });
     }
-
     var uniqValue = uniq(nextValue);
     var uniqRemovedValue = uniq(removedValue);
     return {
@@ -344,14 +312,11 @@ export function useCascadeValue(props, flattenData) {
     if (value === void 0) {
       value = [];
     }
-
     if (!cascade) {
       return value;
     }
-
     var tempRemovedValue = [];
     var nextValue = [];
-
     var _loop2 = function _loop2(i) {
       // If the value in the current value is already in the deleted list, it will not be processed
       if (tempRemovedValue.some(function (v) {
@@ -359,47 +324,39 @@ export function useCascadeValue(props, flattenData) {
       })) {
         return "continue";
       }
-
       var item = flattenData.find(function (v) {
         return v[valueKey] === value[i];
       });
-
       if (!item) {
         return "continue";
       }
-
       var sv = splitValue(item, true, value);
-      tempRemovedValue = uniq(tempRemovedValue.concat(sv.removedValue)); // Get all relevant values
+      tempRemovedValue = uniq(tempRemovedValue.concat(sv.removedValue));
 
+      // Get all relevant values
       nextValue = uniq(nextValue.concat(sv.value));
     };
-
     for (var i = 0; i < value.length; i++) {
       var _ret = _loop2(i);
-
       if (_ret === "continue") continue;
-    } // Finally traverse all nextValue, and delete if its parent node is also nextValue
-
+    }
 
+    // Finally traverse all nextValue, and delete if its parent node is also nextValue
     return nextValue.filter(function (v) {
       var item = flattenData.find(function (n) {
         return n[valueKey] === v;
       });
-
       if (item !== null && item !== void 0 && item.parent && nextValue.some(function (v) {
         return v === item.parent && item.parent[valueKey];
       })) {
         return false;
       }
-
       return true;
     });
   }, [cascade, flattenData, splitValue, valueKey]);
-
   var _useState3 = useState(transformValue(valueProp) || []),
-      value = _useState3[0],
-      setValue = _useState3[1];
-
+    value = _useState3[0],
+    setValue = _useState3[1];
   useEffect(function () {
     // Update value when valueProp is updated.
     setValue(transformValue(valueProp) || []);

package/esm/Nav/Nav.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext, useEffect, useMemo } from 'react';
@@ -21,32 +22,30 @@ import SidenavItem from '../Sidenav/SidenavItem';
 import useInternalId from '../utils/useInternalId';
 var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'nav' : _props$classPrefix,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      vertical = props.vertical,
-      justified = props.justified,
-      reversed = props.reversed,
-      pullRight = props.pullRight,
-      className = props.className,
-      children = props.children,
-      activeKeyProp = props.activeKey,
-      onSelectProp = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "onSelect"]);
-
-  var sidenav = useContext(SidenavContext); // Whether inside a <Navbar>
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'nav' : _props$classPrefix,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    vertical = props.vertical,
+    justified = props.justified,
+    reversed = props.reversed,
+    pullRight = props.pullRight,
+    className = props.className,
+    children = props.children,
+    activeKeyProp = props.activeKey,
+    onSelectProp = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "onSelect"]);
+  var sidenav = useContext(SidenavContext);
 
+  // Whether inside a <Navbar>
   var navbar = useContext(NavbarContext);
   var menubarRef = useEnsuredRef(ref);
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      rootPrefix = _useClassNames.rootPrefix,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    rootPrefix = _useClassNames.rootPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, rootPrefix({
     'navbar-nav': navbar,
     'navbar-right': pullRight,
@@ -57,12 +56,10 @@ var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
     justified: justified,
     reversed: reversed
   }));
-
   var _ref = sidenav || {},
-      activeKeyFromSidenav = _ref.activeKey,
-      _ref$onSelect = _ref.onSelect,
-      onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;
-
+    activeKeyFromSidenav = _ref.activeKey,
+    _ref$onSelect = _ref.onSelect,
+    onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;
   var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;
   var contextValue = useMemo(function () {
     return {
@@ -70,7 +67,6 @@ var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav
     };
   }, [activeKey, onSelectFromSidenav, onSelectProp]);
-
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/React.createElement(NavContext.Provider, {
       value: contextValue
@@ -79,9 +75,9 @@ var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }, rest), children));
   }
+  var hasWaterline = appearance !== 'default';
 
-  var hasWaterline = appearance !== 'default'; // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)
-
+  // If inside a collapsed <Sidenav>, render an ARIA `menubar` (vertical)
   if (sidenav) {
     return /*#__PURE__*/React.createElement(NavContext.Provider, {
       value: contextValue
@@ -95,7 +91,6 @@ var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, menubar), children);
     }));
   }
-
   return /*#__PURE__*/React.createElement(NavContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
@@ -114,27 +109,20 @@ Nav.Dropdown = DeprecatedNavDropdown;
  * When used as direct child of <Nav>, render the NavItem
  * When used within a <Nav.Menu>, render the NavDropdownItem
  */
-
 Nav.Item = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var nav = useContext(NavContext);
-
   if (!nav) {
     throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
   }
-
   var parentNavMenu = useContext(NavMenuContext);
   var navbar = useContext(NavbarContext);
   var sidenav = useContext(SidenavContext);
-
   var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
-      dispatch = _ref2[1];
-
+    dispatch = _ref2[1];
   var _id = useInternalId('Nav.Item');
-
   useEffect(function () {
     if (dispatch) {
       var _props$active;
-
       dispatch({
         type: NavMenuActionType.RegisterItem,
         payload: {
@@ -153,37 +141,31 @@ Nav.Item = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
     }
   }, [dispatch, _id, props.eventKey, props.active]);
-
   if (parentNavMenu) {
     if (navbar) {
       return /*#__PURE__*/React.createElement(NavbarDropdownItem, _extends({
         ref: ref
       }, props));
     }
-
     if (sidenav) {
       return /*#__PURE__*/React.createElement(SidenavDropdownItem, _extends({
         ref: ref
       }, props));
     }
-
     return /*#__PURE__*/React.createElement(NavDropdownItem, _extends({
       ref: ref
     }, props));
   }
-
   if (navbar) {
     return /*#__PURE__*/React.createElement(NavbarItem, _extends({
       ref: ref
     }, props));
   }
-
   if (sidenav) {
     return /*#__PURE__*/React.createElement(SidenavItem, _extends({
       ref: ref
     }, props));
   }
-
   return /*#__PURE__*/React.createElement(NavItem, _extends({
     ref: ref
   }, props));

package/esm/Nav/NavContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 var NavContext = /*#__PURE__*/React.createContext(null);
 export default NavContext;