rsuite 5.2.4 → 5.4.2

package/cjs/utils/useControlled.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+declare type InferDefined<T> = T extends infer U | undefined ? U : never;
 /**
  * A hook for controlled value management.
  * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
@@ -7,5 +8,9 @@
  * @param defaultValue
  * @param formatValue
  */
-declare function useControlled<T = any>(controlledValue: T, defaultValue: T): [T, (value: React.SetStateAction<T>) => void, boolean];
+declare function useControlled<V = any, D = V>(controlledValue: V, defaultValue: D): [
+    V extends undefined ? D : InferDefined<V>,
+    (value: React.SetStateAction<V | null>) => void,
+    boolean
+];
 export default useControlled;

package/cjs/utils/useControlled.js

@@ -5,14 +5,6 @@ exports.default = void 0;
 
 var _react = require("react");
 
-/**
- * A hook for controlled value management.
- * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
- * Generally used for a component including controlled and uncontrolled modes.
- * @param controlledValue
- * @param defaultValue
- * @param formatValue
- */
 function useControlled(controlledValue, defaultValue) {
   var controlledRef = (0, _react.useRef)(false);
   controlledRef.current = controlledValue !== undefined;

package/cjs/utils/useCustom.js

@@ -32,6 +32,8 @@ var getDefaultRTL = function getDefaultRTL() {
 
 
 function useCustom(keys, overrideLocale) {
+  var _locale$Calendar2, _locale$Calendar4;
+
   var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),
       _useContext$locale = _useContext.locale,
       locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,
@@ -54,14 +56,14 @@ function useCustom(keys, overrideLocale) {
     return (0, _dateUtils.format)(date, formatStr, {
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
     });
-  }, [locale.Calendar.dateLocale]);
+  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
   var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {
-    var _locale$Calendar2;
+    var _locale$Calendar3;
 
     return (0, _dateUtils.parse)(dateString, formatString, new Date(), {
-      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale
+      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
     });
-  }, [locale.Calendar.dateLocale]);
+  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
   return {
     locale: componentLocale,
     rtl: rtl,

package/cjs/utils/useFocus.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export default function useFocus<E extends HTMLElement>(elementRef: React.MutableRefObject<E>): {
+export default function useFocus<E extends HTMLElement>(elementRef: React.RefObject<E>): {
     grab: () => void;
-    release: (options?: FocusOptions) => void;
+    release: (options?: FocusOptions | undefined) => void;
 };

package/cjs/utils/useMount.d.ts

@@ -0,0 +1,2 @@
+declare const useMount: (callback: () => void) => void;
+export default useMount;

package/cjs/utils/useMount.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = require("react");
+
+var useMount = function useMount(callback) {
+  var mountRef = (0, _react.useRef)(callback);
+  mountRef.current = callback;
+  (0, _react.useEffect)(function () {
+    var _mountRef$current;
+
+    (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
+  }, []);
+};
+
+var _default = useMount;
+exports.default = _default;

package/cjs/utils/usePortal.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 interface PortalProps {
     id?: string;
-    container?: HTMLElement | (() => HTMLElement);
+    container?: HTMLElement | (() => HTMLElement | null) | null;
 }
 declare function usePortal(props?: PortalProps): {
-    target: Element | HTMLElement;
+    target: HTMLElement | null;
     Portal: React.FC<any>;
 };
 export default usePortal;

package/cjs/utils/useRootClose.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 declare type TargetType = React.RefObject<Element> | Element | null | undefined;
 interface Options {
     disabled: boolean;
@@ -16,5 +16,5 @@ interface Options {
  * @param param1
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
-declare function useRootClose(onRootClose: (e: Event) => void, { disabled, triggerTarget, overlayTarget, listenEscape }: Options): void;
+declare function useRootClose(onRootClose: React.ReactEventHandler | undefined, { disabled, triggerTarget, overlayTarget, listenEscape }: Options): void;
 export default useRootClose;

package/cjs/utils/useTimeout.d.ts

@@ -8,5 +8,5 @@ export interface UseTimeoutFnReturn {
  * @param ms Milliseconds of the timer
  * @param open Whether to open the timer
  */
-declare function useTimeout(fn: () => void, ms?: number, open?: boolean): UseTimeoutFnReturn;
+declare function useTimeout(fn: (() => void) | undefined, ms?: number, open?: boolean): UseTimeoutFnReturn;
 export default useTimeout;

package/cjs/utils/useTimeout.js

@@ -25,9 +25,11 @@ function useTimeout(fn, ms, open) {
     timeout.current && clearTimeout(timeout.current);
   }, []);
   var set = (0, _react.useCallback)(function () {
-    timeout.current = open && setTimeout(function () {
-      return fn === null || fn === void 0 ? void 0 : fn();
-    }, ms);
+    if (open) {
+      timeout.current = setTimeout(function () {
+        return fn === null || fn === void 0 ? void 0 : fn();
+      }, ms);
+    }
   }, [ms, fn, open]);
   (0, _react.useEffect)(function () {
     set();

package/dist/rsuite-rtl.css

@@ -1644,6 +1644,7 @@ tbody.rs-anim-collapse.rs-anim-in {
           align-items: center;
   border-radius: 4px;
   overflow: hidden;
+  position: relative;
   width: 40px;
   height: 40px;
   font-size: 18px;
@@ -1660,9 +1661,6 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-avatar > .rs-icon {
   vertical-align: middle;
 }
-.rs-avatar-image {
-  position: relative;
-}
 .rs-avatar-image::before {
   content: attr(alt);
   position: absolute;
@@ -1723,6 +1721,27 @@ tbody.rs-anim-collapse.rs-anim-in {
   height: 20px;
   line-height: 20px;
 }
+.rs-avatar-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+.rs-avatar-group-stack .rs-avatar {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  margin-left: -10px;
+  -webkit-transition: margin 0.15s;
+  transition: margin 0.15s;
+}
+.rs-avatar-group-stack .rs-avatar:last-child {
+  margin-left: 0;
+}
+.rs-avatar-group-stack .rs-avatar:hover {
+  margin-left: 0;
+}
 .rs-badge-wrapper {
   position: relative;
 }
@@ -2750,162 +2769,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-btn-group-lg .rs-btn {
-  font-size: 16px;
-  line-height: 22px;
-  padding: 10px 16px;
-}
-.rs-btn-ghost.rs-btn-group-lg .rs-btn {
-  padding: 9px 15px;
-}
-.rs-btn-icon.rs-btn-group-lg .rs-btn {
-  padding: 11px 11px;
-  line-height: 20px;
-}
-.rs-btn-icon.rs-btn-group-lg .rs-btn > .rs-icon {
-  font-size: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn {
-  line-height: 22px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn > .rs-icon {
-  padding: 11px 11px;
-  width: 42px;
-  height: 42px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left {
-  padding: 10px 58px 10px 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right {
-  padding: 10px 16px 10px 58px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-md .rs-btn {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 8px 12px;
-}
-.rs-btn-ghost.rs-btn-group-md .rs-btn {
-  padding: 7px 11px;
-}
-.rs-btn-icon.rs-btn-group-md .rs-btn {
-  padding: 10px 10px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-btn-group-md .rs-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn > .rs-icon {
-  padding: 10px 10px;
-  width: 36px;
-  height: 36px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left {
-  padding: 8px 48px 8px 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right {
-  padding: 8px 12px 8px 48px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-sm .rs-btn {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 5px 10px;
-}
-.rs-btn-ghost.rs-btn-group-sm .rs-btn {
-  padding: 4px 9px;
-}
-.rs-btn-icon.rs-btn-group-sm .rs-btn {
-  padding: 7px 7px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-btn-group-sm .rs-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn > .rs-icon {
-  padding: 7px 7px;
-  width: 30px;
-  height: 30px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left {
-  padding: 5px 40px 5px 10px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right {
-  padding: 5px 10px 5px 40px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-xs .rs-btn {
-  font-size: 12px;
-  line-height: 20px;
-  padding: 2px 8px;
-}
-.rs-btn-ghost.rs-btn-group-xs .rs-btn {
-  padding: 1px 7px;
-}
-.rs-btn-icon.rs-btn-group-xs .rs-btn {
-  padding: 6px 6px;
-  line-height: 12px;
-}
-.rs-btn-icon.rs-btn-group-xs .rs-btn > .rs-icon {
-  font-size: 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn > .rs-icon {
-  padding: 6px 6px;
-  width: 24px;
-  height: 24px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left {
-  padding: 2px 32px 2px 8px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right {
-  padding: 2px 8px 2px 32px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
 .rs-btn-toolbar {
   line-height: 0;
 }
@@ -4359,11 +4222,20 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   font-size: 14px;
 }
 .rs-check-tree-node-children > .rs-check-tree-children {
+  position: relative;
   display: none;
 }
 .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-children {
   display: block;
 }
+.rs-check-tree-indent-line {
+  height: 100%;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  margin-right: -13px;
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -4985,7 +4857,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   outline: none;
   cursor: pointer;
 }
-.rs-dropdown-toggle.rs-dropdown-no-caret {
+.rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
   padding-left: 12px;
 }
 .rs-dropdown-menu {
@@ -8793,6 +8665,24 @@ textarea.rs-picker-search-input {
 .rs-theme-high-contrast .rs-message-error {
   border: 1px solid var(--rs-message-error-border);
 }
+.rs-modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1049;
+  background-color: rgba(39, 44, 54, 0.3);
+  background-color: var(--rs-bg-backdrop);
+}
+.rs-modal-backdrop.rs-anim-fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.3s ease-in;
+  transition: opacity 0.3s ease-in;
+}
+.rs-modal-backdrop.rs-anim-in {
+  opacity: 1;
+}
 .rs-modal-open {
   overflow: hidden;
 }
@@ -8801,9 +8691,9 @@ textarea.rs-picker-search-input {
   overflow: auto;
   z-index: 1050;
   top: 0;
-  bottom: 0;
-  left: 0;
   right: 0;
+  width: 100%;
+  height: 100%;
 }
 .rs-modal {
   display: none;
@@ -8847,23 +8737,6 @@ textarea.rs-picker-search-input {
           box-shadow: var(--rs-modal-shadow);
   padding: 20px;
 }
-.rs-modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background-color: rgba(39, 44, 54, 0.3);
-  background-color: var(--rs-bg-backdrop);
-}
-.rs-modal-backdrop.rs-anim-fade {
-  opacity: 0;
-  -webkit-transition: opacity 0.3s ease-in;
-  transition: opacity 0.3s ease-in;
-}
-.rs-modal-backdrop.rs-anim-in {
-  opacity: 1;
-}
 .rs-modal-header {
   padding-left: 20px;
 }
@@ -9255,6 +9128,16 @@ textarea.rs-picker-search-input {
   background-color: transparent;
   position: relative;
   overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.rs-navbar-item > .rs-icon {
+  font-size: 16px;
+  margin-left: 5px;
 }
 .rs-navbar-brand,
 .rs-navbar-item,
@@ -9297,6 +9180,9 @@ textarea.rs-picker-search-input {
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   margin: 0 !important;
 }
+.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
+  text-decoration: underline;
+}
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   padding-left: 36px;
 }
@@ -9311,8 +9197,16 @@ textarea.rs-picker-search-input {
   top: 18px;
   left: 16px;
 }
-.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
+.rs-navbar .rs-dropdown-item:hover {
+  background-color: rgba(204, 233, 255, 0.5);
+  background-color: var(--rs-menuitem-active-bg);
+  color: #1675e0;
+  color: var(--rs-menuitem-active-text);
+}
+.rs-theme-high-contrast .rs-navbar .rs-dropdown-item:hover {
   text-decoration: underline;
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-navbar-default {
   background-color: #f7f7fa;
@@ -11972,6 +11866,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-radio-wrapper [type='radio'] {
   opacity: 0;
+  position: absolute;
+  z-index: 1;
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
 }
 .rs-radio-wrapper::before,
 .rs-radio-wrapper::after,
@@ -12833,6 +12732,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item,
 .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle,
 .rs-sidenav-collapsing.rs-sidenav-collapse-out .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle {
+  white-space: nowrap;
   text-overflow: clip;
 }
 .rs-sidenav-collapsing.rs-sidenav-collapse-in .rs-dropdown-toggle-caret {
@@ -12881,8 +12781,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-box-shadow: inset 0 0 0 2px #fff;
           box-shadow: inset 0 0 0 2px #fff;
 }
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -12890,20 +12788,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: #575757;
   color: var(--rs-sidenav-default-text);
 }
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu).rs-dropdown-item-focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu).rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
 .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
@@ -13018,6 +12910,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: var(--rs-sidenav-subtle-hover-text);
 }
 .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active,
 .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
   color: #1675e0;
   color: var(--rs-sidenav-subtle-selected-text);
@@ -13030,8 +12923,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: #f7f7fa;
   background-color: var(--rs-sidenav-subtle-hover-bg);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
@@ -13039,14 +12930,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: #8e8e93;
   color: var(--rs-sidenav-subtle-text);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
@@ -14831,22 +14718,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
-.rs-tree-drag-node-mover {
-  position: absolute;
-  top: -1000px;
-  color: #575757;
-  color: var(--rs-text-primary);
-  background-color: #fff;
-  background-color: var(--rs-bg-overlay);
-  display: inline-block;
-  margin: 0;
-  padding: 8px 12px;
-  border-radius: 6px;
-  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
-          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
-  z-index: 1060;
-  cursor: move;
-}
 .rs-tree.rs-tree-virtualized {
   overflow: hidden;
   /* stylelint-disable-next-line */
@@ -15018,11 +14889,20 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   font-size: 14px;
 }
 .rs-tree-node-children > .rs-tree-children {
+  position: relative;
   display: none;
 }
 .rs-tree-open.rs-tree-node-children > .rs-tree-children {
   display: block;
 }
+.rs-tree-indent-line {
+  height: 100%;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  margin-right: -13px;
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -16250,3 +16130,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-btn-close .rs-icon {
   vertical-align: bottom;
 }
+.rs-stack {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}