rsuite 5.40.0 → 5.42.0

package/cjs/MultiCascader/utils.js

@@ -1,138 +1,110 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.useFlattenData = useFlattenData;
 exports.useColumnData = useColumnData;
 exports.useCascadeValue = useCascadeValue;
 exports.removeAllChildrenValue = exports.getOtherItemValuesByUnselectChild = exports.isSomeParentChecked = exports.isSomeChildChecked = exports.getParents = void 0;
-
 var _react = require("react");
-
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
-
 var _remove = _interopRequireDefault(require("lodash/remove"));
-
 var _slice = _interopRequireDefault(require("lodash/slice"));
-
 var _treeUtils = require("../utils/treeUtils");
-
 var _attachParent = require("../utils/attachParent");
-
 /**
  * Get all parents of a node
  * @param node
  */
 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
  */
-
-
 exports.getParents = getParents;
-
 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
  */
-
-
 exports.isSomeChildChecked = isSomeChildChecked;
-
 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;
 };
-
 exports.isSomeParentChecked = isSomeParentChecked;
-
 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) {
@@ -144,58 +116,46 @@ var getOtherItemValuesByUnselectChild = function getOtherItemValuesByUnselectChi
       }
     });
   }
-
   var parent = findParent(itemNode);
-
   if (!parent) {
     return [];
   }
-
   pushChildValue(parent);
   return itemValues;
 };
+
 /**
  * Remove the values of all children.
  */
-
-
 exports.getOtherItemValuesByUnselectChild = getOtherItemValuesByUnselectChild;
-
 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((0, _remove.default)(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
  */
-
-
 exports.removeAllChildrenValue = removeAllChildrenValue;
-
 function useFlattenData(data, itemKeys) {
   var childrenKey = itemKeys.childrenKey;
-
   var _useState = (0, _react.useState)((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),
-      flattenData = _useState[0],
-      setFlattenData = _useState[1];
-
+    flattenData = _useState[0],
+    setFlattenData = _useState[1];
   var addFlattenData = (0, _react.useCallback)(function (children, parent) {
     var nodes = children.map(function (child) {
       return (0, _attachParent.attachParent)(child, parent);
@@ -211,46 +171,40 @@ function useFlattenData(data, itemKeys) {
     flattenData: flattenData
   };
 }
+
 /**
  * A hook for column data
  * @param flattenData
  */
-
-
 function useColumnData(flattenData) {
   // The columns displayed in the cascading panel.
   var _useState2 = (0, _react.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((0, _slice.default)(columnData, 0, index), [column]));
   }
+
   /**
    * Remove subsequent columns of the specified column
    * @param index
    */
-
-
   function removeColumnByIndex(index) {
     setColumnData([].concat((0, _slice.default)(columnData, 0, index)));
   }
-
   function enforceUpdateColumnData(nextData) {
     var nextFlattenData = (0, _treeUtils.UNSAFE_flattenTree)(nextData);
     setColumnData([nextFlattenData.filter(function (item) {
       return !item.parent;
     })]);
   }
-
   return {
     columnData: columnData,
     addColumn: addColumn,
@@ -259,37 +213,32 @@ function useColumnData(flattenData) {
     enforceUpdateColumnData: enforceUpdateColumnData
   };
 }
+
 /**
  * A hook that converts the value into a cascading value
  * @param props
  * @param flattenData
  */
-
-
 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 = (0, _react.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;
@@ -300,39 +249,41 @@ 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
@@ -340,7 +291,6 @@ function useCascadeValue(props, flattenData) {
           }
         }
       };
-
       for (var i = 0; i < parents.length; i++) {
         _loop(i);
       }
@@ -351,20 +301,19 @@ 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 = (0, _remove.default)(nextValue, function (v) {
         // Delete yourself
         if (v === itemValue) {
           return true;
         }
-
         return tempValue.some(function (n) {
           return n === v;
         });
       });
     }
-
     var uniqValue = (0, _uniq.default)(nextValue);
     var uniqRemovedValue = (0, _uniq.default)(removedValue);
     return {
@@ -376,14 +325,11 @@ 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) {
@@ -391,47 +337,39 @@ 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 = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue)); // Get all relevant values
+      tempRemovedValue = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue));
 
+      // Get all relevant values
       nextValue = (0, _uniq.default)(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 = (0, _react.useState)(transformValue(valueProp) || []),
-      value = _useState3[0],
-      setValue = _useState3[1];
-
+    value = _useState3[0],
+    setValue = _useState3[1];
   (0, _react.useEffect)(function () {
     // Update value when valueProp is updated.
     setValue(transformValue(valueProp) || []);

package/cjs/Nav/Nav.js

@@ -1,81 +1,57 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _NavItem = _interopRequireDefault(require("./NavItem"));
-
 var _utils = require("../utils");
-
 var _Navbar = require("../Navbar/Navbar");
-
 var _Sidenav = require("../Sidenav/Sidenav");
-
 var _NavContext = _interopRequireDefault(require("./NavContext"));
-
 var _useEnsuredRef = _interopRequireDefault(require("../utils/useEnsuredRef"));
-
 var _Menubar = _interopRequireDefault(require("../Menu/Menubar"));
-
 var _NavDropdown = _interopRequireDefault(require("./NavDropdown"));
-
 var _NavMenu = _interopRequireWildcard(require("./NavMenu"));
-
 var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
-
 var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
-
 var _NavDropdownMenu = _interopRequireDefault(require("./NavDropdownMenu"));
-
 var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdownItem"));
-
 var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDropdownItem"));
-
 var _NavbarItem = _interopRequireDefault(require("../Navbar/NavbarItem"));
-
 var _SidenavItem = _interopRequireDefault(require("../Sidenav/SidenavItem"));
-
 var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
-
 var Nav = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "onSelect"]);
-  var sidenav = (0, _react.useContext)(_Sidenav.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "onSelect"]);
+  var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
 
+  // Whether inside a <Navbar>
   var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
   var menubarRef = (0, _useEnsuredRef.default)(ref);
-
   var _useClassNames = (0, _utils.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,
@@ -86,12 +62,10 @@ var Nav = /*#__PURE__*/_react.default.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 = (0, _react.useMemo)(function () {
     return {
@@ -99,7 +73,6 @@ var Nav = /*#__PURE__*/_react.default.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.default.createElement(_NavContext.default.Provider, {
       value: contextValue
@@ -108,9 +81,9 @@ var Nav = /*#__PURE__*/_react.default.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.default.createElement(_NavContext.default.Provider, {
       value: contextValue
@@ -124,7 +97,6 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, menubar), children);
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement(_NavContext.default.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
@@ -134,7 +106,6 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix('bar')
   })));
 });
-
 var DeprecatedNavDropdown = (0, _deprecateComponent.default)(_NavDropdown.default, '<Nav.Dropdown> is deprecated, use <Nav.Menu> instead.');
 DeprecatedNavDropdown.Menu = (0, _deprecateComponent.default)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
 DeprecatedNavDropdown.Item = (0, _deprecateComponent.default)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
@@ -144,27 +115,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.default.forwardRef(function (props, ref) {
   var nav = (0, _react.useContext)(_NavContext.default);
-
   if (!nav) {
     throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
   }
-
   var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
   var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
-
   var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
-      dispatch = _ref2[1];
-
+    dispatch = _ref2[1];
   var _id = (0, _useInternalId.default)('Nav.Item');
-
   (0, _react.useEffect)(function () {
     if (dispatch) {
       var _props$active;
-
       dispatch({
         type: _NavMenu.NavMenuActionType.RegisterItem,
         payload: {
@@ -183,37 +147,31 @@ Nav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       };
     }
   }, [dispatch, _id, props.eventKey, props.active]);
-
   if (parentNavMenu) {
     if (navbar) {
       return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({
         ref: ref
       }, props));
     }
-
     if (sidenav) {
       return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
         ref: ref
       }, props));
     }
-
     return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   if (navbar) {
     return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   if (sidenav) {
     return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({
     ref: ref
   }, props));

package/cjs/Nav/NavContext.js

@@ -1,13 +1,10 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var NavContext = /*#__PURE__*/_react.default.createContext(null);
-
 var _default = NavContext;
 exports.default = _default;