rsuite 5.61.0 → 5.62.1

package/cjs/toaster/ToastContext.js

@@ -9,5 +9,4 @@ var ToastContext = /*#__PURE__*/_react.default.createContext({
   usedToaster: false
 });
 ToastContext.displayName = 'ToastContext';
-var _default = ToastContext;
-exports.default = _default;
+var _default = exports.default = ToastContext;

package/cjs/toaster/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _toaster = _interopRequireDefault(require("./toaster"));
-var _default = _toaster.default;
-exports.default = _default;
+var _default = exports.default = _toaster.default;

package/cjs/toaster/toaster.js

@@ -8,6 +8,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _ToastContainer = _interopRequireDefault(require("./ToastContainer"));
+var _excluded = ["placement"];
 var defaultContainerId = 'default';
 var containers = new Map();
 
@@ -27,20 +28,18 @@ function _createContainer() {
   _createContainer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerId, props) {
     var _yield$ToastContainer, container;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return _ToastContainer.default.getInstance(props);
-          case 2:
-            _yield$ToastContainer = _context.sent;
-            container = _yield$ToastContainer[0];
-            containers.set(containerId || defaultContainerId, container);
-            return _context.abrupt("return", container);
-          case 6:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return _ToastContainer.default.getInstance(props);
+        case 2:
+          _yield$ToastContainer = _context.sent;
+          container = _yield$ToastContainer[0];
+          containers.set(containerId || defaultContainerId, container);
+          return _context.abrupt("return", container);
+        case 6:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
@@ -61,7 +60,7 @@ toaster.push = function (message, options) {
   }
   var _options = options,
     containerId = _options.placement,
-    restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, ["placement"]);
+    restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);
   var container = getContainer(containerId);
   if (container !== null && container !== void 0 && container.current) {
     return container.current.push(message, restOptions);
@@ -83,5 +82,4 @@ toaster.clear = function () {
     return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();
   });
 };
-var _default = toaster;
-exports.default = _default;
+var _default = exports.default = toaster;

package/cjs/useMediaQuery/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
-var _default = _useMediaQuery.default;
-exports.default = _default;
+var _default = exports.default = _useMediaQuery.default;

package/cjs/useMediaQuery/useMediaQuery.js

@@ -1,17 +1,18 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useMediaQueryLegacy = useMediaQueryLegacy;
+exports.mediaQuerySizeMap = exports.default = void 0;
 exports.useMediaQuery = useMediaQuery;
-exports.default = exports.mediaQuerySizeMap = void 0;
+exports.useMediaQueryLegacy = useMediaQueryLegacy;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var mediaQuerySizeMap = {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var mediaQuerySizeMap = exports.mediaQuerySizeMap = {
   xs: '(max-width: 575px)',
   sm: '(min-width: 576px)',
   md: '(min-width: 768px)',
@@ -19,7 +20,6 @@ var mediaQuerySizeMap = {
   xl: '(min-width: 1200px)',
   xxl: '(min-width: 1400px)'
 };
-exports.mediaQuerySizeMap = mediaQuerySizeMap;
 var matchMedia = function matchMedia(query) {
   if (_canUseDOM.default) {
     return window.matchMedia(query);
@@ -119,5 +119,4 @@ function useMediaQuery(query) {
   };
   return (_React$useSyncExterna = _react.default['useSyncExternalStore']) === null || _React$useSyncExterna === void 0 ? void 0 : _React$useSyncExterna.call(_react.default, subscribe, getSnapshot, getServerSnapshot);
 }
-var _default = typeof _react.default['useSyncExternalStore'] === 'function' ? useMediaQuery : useMediaQueryLegacy;
-exports.default = _default;
+var _default = exports.default = typeof _react.default['useSyncExternalStore'] === 'function' ? useMediaQuery : useMediaQueryLegacy;

package/cjs/useToaster/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _useToaster = _interopRequireDefault(require("./useToaster"));
-var _default = _useToaster.default;
-exports.default = _default;
+var _default = exports.default = _useToaster.default;

package/cjs/useToaster/useToaster.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _toaster = _interopRequireDefault(require("../toaster"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.
@@ -15,7 +15,7 @@ var _utils = require("../utils");
  * @see https://rsuitejs.com/components/use-toaster/
  */
 var useToaster = function useToaster() {
-  var _useCustom = (0, _utils.useCustom)(),
+  var _useCustom = (0, _hooks.useCustom)(),
     toasters = _useCustom.toasters;
   return (0, _react.useMemo)(function () {
     return {
@@ -54,5 +54,4 @@ var useToaster = function useToaster() {
     };
   }, [toasters]);
 };
-var _default = useToaster;
-exports.default = _default;
+var _default = exports.default = useToaster;

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

@@ -363,6 +363,7 @@
   --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
   --rs-tree-indent-line-color: rgba(0, 0, 0, 0.1);
+  --rs-scroll-view-shadow-color: rgba(9, 9, 9, 0.2);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -735,6 +736,7 @@
   --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
   --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
+  --rs-scroll-view-shadow-color: rgba(0, 0, 0, 0.99);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
@@ -1112,6 +1114,7 @@
   --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
   --rs-tree-indent-line-color: rgba(255, 255, 255, 0.1);
+  --rs-scroll-view-shadow-color: rgba(0, 0, 0, 0.99);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-high-contrast {
@@ -4649,15 +4652,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-picker-popup.rs-picker-popup-daterange {
   padding: 0;
 }
+.rs-picker-popup.rs-picker-popup-daterange .rs-calendar:first-child {
+  border-left: 1px solid #e5e5ea;
+  border-left: 1px solid var(--rs-border-primary);
+}
 .rs-picker-popup .rs-calendar {
   display: inline-block;
   height: 274px;
   padding-bottom: 12px;
 }
-.rs-picker-popup .rs-calendar:first-child {
-  border-left: 1px solid #e5e5ea;
-  border-left: 1px solid var(--rs-border-primary);
-}
 .rs-picker-popup .rs-calendar-header {
   width: 100%;
   text-align: center;
@@ -11121,6 +11124,66 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
+.rs-scroll-view.rs-scroll-view-shadow {
+  overflow: auto;
+  padding: 0px;
+}
+.rs-scroll-view.rs-scroll-view-shadow::before,
+.rs-scroll-view.rs-scroll-view-shadow::after {
+  content: '';
+  position: sticky;
+  width: 100%;
+  height: 2px;
+  visibility: hidden;
+  display: block;
+  z-index: 1;
+}
+.rs-scroll-view.rs-scroll-view-shadow::before {
+  top: -2px;
+  -webkit-box-shadow: -3px 0 5px rgba(9, 9, 9, 0.2);
+  -webkit-box-shadow: -3px 0 5px var(--rs-scroll-view-shadow-color);
+          box-shadow: -3px 0 5px rgba(9, 9, 9, 0.2);
+          box-shadow: -3px 0 5px var(--rs-scroll-view-shadow-color);
+}
+.rs-scroll-view.rs-scroll-view-shadow::after {
+  bottom: -2px;
+  -webkit-box-shadow: 3px 0 5px rgba(9, 9, 9, 0.2);
+  -webkit-box-shadow: 3px 0 5px var(--rs-scroll-view-shadow-color);
+          box-shadow: 3px 0 5px rgba(9, 9, 9, 0.2);
+          box-shadow: 3px 0 5px var(--rs-scroll-view-shadow-color);
+}
+.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-middle::before,
+.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-middle::after {
+  visibility: visible;
+}
+.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-top::after {
+  visibility: visible;
+}
+.rs-scroll-view.rs-scroll-view-shadow.rs-scroll-view-thumb-bottom::before {
+  visibility: visible;
+}
+.rs-scroll-view.rs-scroll-view-custom-scrollbar {
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: rgba(87, 87, 87, 0.6);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-800);
+  scrollbar-width: auto;
+  scrollbar-color: var(--rs-scrollbar-thumb-bg) var(--rs-scrollbar-bg);
+}
+.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar {
+  width: 12px;
+}
+.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-track {
+  background: var(--rs-scrollbar-bg);
+  border-radius: 10px;
+}
+.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: var(--rs-scrollbar-thumb-bg);
+  border-radius: 6px;
+  border: 3px solid var(--rs-scrollbar-bg);
+}
+.rs-scroll-view.rs-scroll-view-custom-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--rs-scrollbar-thumb-hover-bg);
+}
 .rs-panel {
   border-radius: 6px;
   overflow: hidden;
@@ -11206,7 +11269,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-panel-title a:active {
   text-decoration: none;
 }
-.rs-panel-header + .rs-panel-collapse .rs-panel-body,
+.rs-panel-header + .rs-panel-body-collapse .rs-panel-body,
 .rs-panel-header + .rs-panel-body {
   padding-top: 0;
 }