rsuite 5.39.0 → 5.41.0

package/cjs/utils/useToggleCaret.js

@@ -1,43 +1,31 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 var _AngleDown = _interopRequireDefault(require("@rsuite/icons/legacy/AngleDown"));
-
 var _AngleUp = _interopRequireDefault(require("@rsuite/icons/legacy/AngleUp"));
-
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-
 var _useCustom2 = _interopRequireDefault(require("./useCustom"));
-
 function useToggleCaret(placement) {
   var _useCustom = (0, _useCustom2.default)('Dropdown'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   return (0, _react.useMemo)(function () {
     switch (true) {
       case /^top/.test(placement):
         return _AngleUp.default;
-
       case /^right/.test(placement):
         return rtl ? _AngleLeft.default : _AngleRight.default;
-
       case /^left/.test(placement):
         return rtl ? _AngleRight.default : _AngleLeft.default;
-
       case /^bottom/.test(placement):
       default:
         return _AngleDown.default;
     }
   }, [placement, rtl]);
 }
-
 var _default = useToggleCaret;
 exports.default = _default;

package/cjs/utils/useUniqueId.js

@@ -1,33 +1,26 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = useUniqueId;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-
 var reactUseId = React['useId' + ''];
+
 /**
  * Used for generating unique ID for DOM elements
  *
  * @param idProp If id is provided, it will be used instead of generating a new one
  */
-
 function useUniqueId(prefix, idProp) {
   var idRef = React.useRef();
-
   if (reactUseId !== undefined) {
     return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
   }
-
   if (!idRef.current) {
     idRef.current = (0, _uniqueId.default)(prefix);
   }
-
   return idProp !== null && idProp !== void 0 ? idProp : idRef.current;
 }

package/cjs/utils/useUpdateEffect.js

@@ -1,10 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 var useUpdateEffect = function useUpdateEffect(effect, deps) {
   var isMounting = (0, _react.useRef)(true);
   (0, _react.useEffect)(function () {
@@ -12,10 +11,9 @@ var useUpdateEffect = function useUpdateEffect(effect, deps) {
       isMounting.current = false;
       return;
     }
-
-    effect(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    effect();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, deps);
 };
-
 var _default = useUpdateEffect;
 exports.default = _default;

package/cjs/utils/useUpdatedRef.js

@@ -1,10 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = useUpdatedRef;
-
 var _react = require("react");
-
 /**
  * Returns a ref that is immediately updated with the new value
  *

package/cjs/utils/useWillUnmount.js

@@ -1,14 +1,11 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = useWillUnmount;
-
 var _useUpdatedRef = _interopRequireDefault(require("./useUpdatedRef"));
-
 var _react = require("react");
-
 /**
  * Attach a callback that fires when a component unmounts
  *
@@ -16,8 +13,9 @@ var _react = require("react");
  * @category effects
  */
 function useWillUnmount(fn) {
-  var onUnmount = (0, _useUpdatedRef.default)(fn); // eslint-disable-next-line react-hooks/exhaustive-deps
+  var onUnmount = (0, _useUpdatedRef.default)(fn);
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   (0, _react.useEffect)(function () {
     return function () {
       return onUnmount.current();

package/cjs/utils/warnOnce.js

@@ -1,20 +1,20 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = warnOnce;
 var warned = {};
+
 /**
  * Logs a warning message
  * but dont warn a same message twice
  */
-
 function warnOnce(message) {
   if (!warned[message]) {
     console.warn(message);
     warned[message] = true;
   }
 }
-
 warnOnce._resetWarned = function () {
   for (var _message in warned) {
     delete warned[_message];

package/dist/rsuite-no-reset-rtl.css

@@ -134,7 +134,7 @@
   --rs-btn-primary-text: #fff;
   --rs-btn-primary-hover-bg: #2589f5;
   --rs-btn-primary-active-bg: #1675e0;
-  --rs-btn-subtle-text: #8e8e93;
+  --rs-btn-subtle-text: #575757;
   --rs-btn-subtle-hover-bg: #e5e5ea;
   --rs-btn-subtle-hover-text: #575757;
   --rs-btn-subtle-active-bg: #e5e5ea;
@@ -204,7 +204,7 @@
   --rs-steps-border-state-error: #f44336;
   --rs-steps-icon-state-process: #3498ff;
   --rs-steps-icon-state-error: #f44336;
-  --rs-navs-text: #8e8e93;
+  --rs-navs-text: #575757;
   --rs-navs-text-hover: #575757;
   --rs-navs-bg-hover: #e5e5ea;
   --rs-navs-text-active: #272c36;
@@ -223,7 +223,7 @@
   --rs-navbar-inverse-hover-bg: #2589f5;
   --rs-navbar-inverse-hover-text: #fff;
   --rs-navbar-subtle-bg: #fff;
-  --rs-navbar-subtle-text: #8e8e93;
+  --rs-navbar-subtle-text: #575757;
   --rs-navbar-subtle-selected-text: #1675e0;
   --rs-navbar-subtle-hover-bg: #f7f7fa;
   --rs-navbar-subtle-hover-text: #575757;
@@ -239,7 +239,7 @@
   --rs-sidenav-inverse-hover-bg: #2589f5;
   --rs-sidenav-inverse-footer-border: #2589f5;
   --rs-sidenav-subtle-bg: #fff;
-  --rs-sidenav-subtle-text: #8e8e93;
+  --rs-sidenav-subtle-text: #575757;
   --rs-sidenav-subtle-selected-text: #1675e0;
   --rs-sidenav-subtle-hover-bg: #f7f7fa;
   --rs-sidenav-subtle-hover-text: #575757;
@@ -1888,7 +1888,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   opacity: 0.5;
 }
 .rs-btn-subtle {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -2965,7 +2965,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin-right: 4px;
 }
 .rs-calendar-header-error {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -8046,7 +8046,7 @@ textarea.rs-input-sm {
   width: auto;
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -9525,7 +9525,7 @@ textarea.rs-picker-search-input {
 .rs-nav-item {
   padding: 8px 12px;
   cursor: pointer;
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-navs-text);
   -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
@@ -9975,14 +9975,15 @@ textarea.rs-picker-search-input {
 }
 .rs-navbar-subtle {
   background-color: transparent;
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-navbar-subtle-text);
 }
 .rs-navbar-subtle .rs-navbar-item:hover,
 .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:hover,
 .rs-navbar-subtle .rs-navbar-item:focus,
 .rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus {
-  background-color: transparent;
+  background-color: #f7f7fa;
+  background-color: var(--rs-navbar-subtle-hover-bg);
   color: #575757;
   color: var(--rs-navbar-subtle-hover-text);
 }
@@ -10345,7 +10346,7 @@ textarea.rs-picker-search-input {
   border-radius: 6px;
   padding: 8px 12px;
   overflow: hidden;
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -10461,7 +10462,7 @@ textarea.rs-picker-search-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-subtle .rs-pagination-btn {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -10911,7 +10912,7 @@ textarea.rs-picker-search-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-subtle .rs-picker-toggle {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -10999,7 +11000,7 @@ textarea.rs-picker-search-input {
 }
 .rs-picker-subtle .rs-btn,
 .rs-picker-subtle .rs-picker-toggle {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -12903,6 +12904,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
 }
+.rs-picker-select-menu-items .rs-picker-menu-group ~ [role='option'] > .rs-picker-select-menu-item {
+  padding-right: 26px;
+}
 .rs-picker-select-menu-item {
   display: block;
   padding: 8px 12px;
@@ -12956,12 +12960,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-select-menu-group-children .rs-picker-select-menu-item {
   padding-right: 26px;
 }
-.rs-picker-menu-group .rs-picker-select-menu-item {
-  padding-right: 26px;
-}
-.rs-picker-menu-group.folded [role='option'] {
-  display: none;
-}
 .rs-sidebar-collapse {
   -webkit-transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
   transition: width 0.15s ease-in, -webkit-box-flex 0.15s ease-in;
@@ -13574,7 +13572,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-subtle .rs-dropdown-item,
 .rs-sidenav-subtle .rs-sidenav-toggle-button {
   background-color: transparent;
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-sidenav-subtle-text);
 }
 .rs-sidenav-subtle .rs-sidenav-item:hover,
@@ -13612,7 +13610,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .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,
 .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-sidenav-subtle-text);
 }
 .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
@@ -15858,7 +15856,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   padding: 8px 12px;
   overflow: hidden;
   position: relative;
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -15964,7 +15962,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-subtle .rs-uploader-picture .rs-uploader-trigger-btn {
-  color: #8e8e93;
+  color: #575757;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -16026,7 +16024,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   opacity: 0.5;
 }
 .rs-uploader-picture .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
-  color: #8e8e93 !important;
+  color: #575757 !important;
   color: var(--rs-btn-subtle-text) !important;
   background-color: transparent !important;
 }