rsuite 5.74.1 → 5.75.0

package/esm/internals/hooks/useFocus.js

@@ -11,7 +11,7 @@ export function useFocus(elementRef) {
       if (document.activeElement !== elementRef.current) {
         var _elementRef$current;
         previousActiveElementRef.current = document.activeElement;
-        (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.focus();
+        (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.focus();
       }
     });
   }, [elementRef]);
@@ -20,7 +20,7 @@ export function useFocus(elementRef) {
   var release = useCallback(function (options) {
     requestAnimationFrame(function () {
       var _previousActiveElemen;
-      (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 ? void 0 : _previousActiveElemen.focus(options);
+      (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 || _previousActiveElemen.focus(options);
     });
   }, []);
   return {

package/esm/internals/hooks/useMount.js

@@ -5,7 +5,7 @@ export var useMount = function useMount(callback) {
   mountRef.current = callback;
   useEffect(function () {
     var _mountRef$current;
-    (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
+    (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 || _mountRef$current.call(mountRef);
   }, []);
 };
 export default useMount;

package/esm/internals/hooks/useRootClose.js

@@ -25,7 +25,7 @@ export function useRootClose(onRootClose, _ref) {
     listenEscape = _ref$listenEscape === void 0 ? true : _ref$listenEscape;
   var handleDocumentKeyUp = useCallback(function (event) {
     if (listenEscape && event.key === KEY_VALUES.ESC) {
-      onRootClose === null || onRootClose === void 0 ? void 0 : onRootClose(event);
+      onRootClose === null || onRootClose === void 0 || onRootClose(event);
     }
   }, [listenEscape, onRootClose]);
   var handleDocumentMouseDown = useCallback(function (event) {
@@ -44,7 +44,7 @@ export function useRootClose(onRootClose, _ref) {
     if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
       return;
     }
-    onRootClose === null || onRootClose === void 0 ? void 0 : onRootClose(event);
+    onRootClose === null || onRootClose === void 0 || onRootClose(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
   useEffect(function () {
     var currentTarget = getDOMNode(triggerTarget);
@@ -53,8 +53,8 @@ export function useRootClose(onRootClose, _ref) {
     var onDocumentMouseDownListener = on(doc, 'mousedown', handleDocumentMouseDown, true);
     var onDocumentKeyupListener = on(doc, 'keyup', handleDocumentKeyUp);
     return function () {
-      onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 ? void 0 : onDocumentMouseDownListener.off();
-      onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 ? void 0 : onDocumentKeyupListener.off();
+      onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 || onDocumentMouseDownListener.off();
+      onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 || onDocumentKeyupListener.off();
     };
   }, [triggerTarget, disabled, onRootClose, handleDocumentMouseDown, handleDocumentKeyUp]);
 }

package/esm/internals/hooks/useTimeout.js

@@ -23,7 +23,7 @@ export function useTimeout(fn, ms, enabled) {
     if (enabled) {
       timeout.current = setTimeout(function () {
         var _callback$current;
-        (_callback$current = callback.current) === null || _callback$current === void 0 ? void 0 : _callback$current.call(callback);
+        (_callback$current = callback.current) === null || _callback$current === void 0 || _callback$current.call(callback);
       }, ms);
     }
   }, [ms, enabled]);

package/esm/internals/utils/stringifyReactNode.js

@@ -8,16 +8,16 @@ import React from 'react';
  */
 export function reactToString(element) {
   var nodes = [];
-  var recursion = function recursion(elmt) {
+  var _recursion = function recursion(elmt) {
     React.Children.forEach(elmt.props.children, function (child) {
-      if ( /*#__PURE__*/React.isValidElement(child)) {
-        recursion(child);
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        _recursion(child);
       } else if (typeof child === 'string') {
         nodes.push(child);
       }
     });
   };
-  recursion(element);
+  _recursion(element);
   return nodes;
 }
 
@@ -29,7 +29,7 @@ export function reactToString(element) {
 export function stringifyReactNode(node) {
   if (typeof node === 'string') {
     return node;
-  } else if ( /*#__PURE__*/React.isValidElement(node)) {
+  } else if (/*#__PURE__*/React.isValidElement(node)) {
     var nodes = reactToString(node);
     return nodes.join('');
   }

package/esm/toaster/ToastContainer.d.ts

@@ -29,6 +29,7 @@ export interface ToastContainerProps extends WithAsProps {
 interface PushOptions {
     duration?: number;
     mouseReset?: boolean;
+    container?: HTMLElement | (() => HTMLElement);
 }
 export interface ToastContainerInstance {
     root: HTMLElement;

package/esm/toaster/ToastContainer.js

@@ -5,6 +5,7 @@ var _excluded = ["as", "className", "classPrefix", "placement", "callback"],
   _excluded2 = ["className"],
   _excluded3 = ["container"];
 import React, { useState, useImperativeHandle, useRef, useCallback } from 'react';
+import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import Transition from "../Animation/Transition.js";
@@ -26,7 +27,8 @@ var useMessages = function useMessages() {
     var _ref = options || {},
       duration = _ref.duration,
       _ref$mouseReset = _ref.mouseReset,
-      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset;
+      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,
+      container = _ref.container;
     var key = guid();
     setMessages(function (prevMessages) {
       return [].concat(prevMessages, [{
@@ -34,7 +36,8 @@ var useMessages = function useMessages() {
         visible: true,
         node: message,
         duration: duration,
-        mouseReset: mouseReset
+        mouseReset: mouseReset,
+        container: container
       }]);
     });
     return key;
@@ -108,15 +111,9 @@ var ToastContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elements = messages.map(function (item) {
     var mouseReset = item.mouseReset,
       duration = item.duration,
-      node = item.node;
-    return /*#__PURE__*/React.createElement(ToastContext.Provider, {
-      value: {
-        usedToaster: true,
-        mouseReset: mouseReset,
-        duration: duration
-      },
-      key: item.key
-    }, /*#__PURE__*/React.createElement(Transition, {
+      node = item.node,
+      container = item.container;
+    var toastWithTransition = /*#__PURE__*/React.createElement(Transition, {
       in: item.visible,
       exitedClassName: rootPrefix('toast-fade-exited'),
       exitingClassName: rootPrefix('toast-fade-exiting'),
@@ -135,12 +132,20 @@ var ToastContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }),
         className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)
       }));
-    }));
+    });
+    return /*#__PURE__*/React.createElement(ToastContext.Provider, {
+      value: {
+        usedToaster: true,
+        mouseReset: mouseReset,
+        duration: duration
+      },
+      key: item.key
+    }, container ? /*#__PURE__*/createPortal(toastWithTransition, typeof container === 'function' ? container() : container) : toastWithTransition);
   });
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: function ref(selfRef) {
       rootRef.current = selfRef;
-      callback === null || callback === void 0 ? void 0 : callback(selfRef);
+      callback === null || callback === void 0 || callback(selfRef);
     },
     className: classes
   }), elements);
@@ -154,7 +159,7 @@ ToastContainer.getInstance = function (props) {
     var renderCallback = function renderCallback() {
       resolve([containerRef, unmount]);
     };
-    var _render = render( /*#__PURE__*/React.createElement(ToastContainer, _extends({}, rest, {
+    var _render = render(/*#__PURE__*/React.createElement(ToastContainer, _extends({}, rest, {
         ref: containerRef,
         callback: renderCallback
       })), containerElement),

package/esm/toaster/hooks/useDelayedClosure.js

@@ -29,8 +29,8 @@ function useDelayedClosure(props) {
       mouseLeaveRef.current = on(targetRef.current, 'mouseleave', reset);
       return function () {
         var _mouseEnterRef$curren, _mouseLeaveRef$curren;
-        (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 ? void 0 : _mouseEnterRef$curren.off();
-        (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 ? void 0 : _mouseLeaveRef$curren.off();
+        (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 || _mouseEnterRef$curren.off();
+        (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 || _mouseLeaveRef$curren.off();
       };
     }
   });

package/esm/toaster/toaster.js

@@ -20,7 +20,7 @@ function createContainer(_x, _x2) {
  * @param containerId
  */
 function _createContainer() {
-  _createContainer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(containerId, props) {
+  _createContainer = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(containerId, props) {
     var _yield$ToastContainer, container;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -46,10 +46,10 @@ function getContainer(containerId) {
   }
   return containers.get(containerId || defaultContainerId);
 }
-var toaster = function toaster(message) {
-  return toaster.push(message);
+var _toaster = function toaster(message) {
+  return _toaster.push(message);
 };
-toaster.push = function (message, options) {
+_toaster.push = function (message, options) {
   if (options === void 0) {
     options = {};
   }
@@ -65,16 +65,16 @@ toaster.push = function (message, options) {
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);
   });
 };
-toaster.remove = function (key) {
+_toaster.remove = function (key) {
   containers.forEach(function (c) {
     var _c$current;
     return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);
   });
 };
-toaster.clear = function () {
+_toaster.clear = function () {
   containers.forEach(function (c) {
     var _c$current2;
     return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();
   });
 };
-export default toaster;
+export default _toaster;

package/esm/useToaster/useToaster.js

@@ -26,7 +26,7 @@ var useToaster = function useToaster() {
        */
       push: function push(message, options) {
         var _toasters$current;
-        var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
+        var customToaster = toasters === null || toasters === void 0 || (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
         return customToaster ? customToaster.push(message, options) : toaster.push(message, options);
       },
       /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.74.1",
+  "version": "5.75.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/dark.less

@@ -333,6 +333,9 @@
   // Tag
   --rs-tag-bg: var(--rs-gray-600);
 
+  // Card
+  --rs-card-bg: var(--rs-gray-900);
+
   // Carousel
   --rs-carousel-bg: var(--rs-gray-600);
   --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
@@ -396,6 +399,9 @@
   // ScrollView
   --rs-scroll-view-shadow-color: rgba(0, 0, 0, 0.99);
 
+  // Stat
+  --rs-stat-body-bg: var(--rs-gray-900);
+
   // CSS relative color syntax is not supported
   // https://developer.chrome.com/blog/css-relative-color-syntax/
   @supports not (color: rgb(from white r g b)) {

package/styles/color-modes/high-contrast.less

@@ -341,6 +341,9 @@
   // Tag
   --rs-tag-bg: var(--rs-gray-600);
 
+  // Card
+  --rs-card-bg: var(--rs-gray-900);
+
   // Carousel
   --rs-carousel-bg: var(--rs-gray-600);
   --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
@@ -410,6 +413,9 @@
   // ScrollView
   --rs-scroll-view-shadow-color: rgba(0, 0, 0, 0.99);
 
+  // Stat
+  --rs-stat-body-bg: var(--rs-gray-900);
+
   // CSS relative color syntax is not supported
   // https://developer.chrome.com/blog/css-relative-color-syntax/
   @supports not (color: rgb(from white r g b)) {

package/styles/color-modes/light.less

@@ -356,6 +356,9 @@
   // Tag
   --rs-tag-bg: var(--rs-gray-50);
 
+  // Card
+  --rs-card-bg: var(--rs-gray-0);
+
   // Carousel
   --rs-carousel-bg: var(--rs-gray-600);
   --rs-carousel-indicator: rgb(from var(--rs-gray-0) r g b / 40%);
@@ -421,6 +424,9 @@
   // ScrollView
   --rs-scroll-view-shadow-color: rgba(9, 9, 9, 0.2);
 
+  // Stat
+  --rs-stat-body-bg: var(--rs-gray-0);
+
   // CSS relative color syntax is not supported
   // https://developer.chrome.com/blog/css-relative-color-syntax/
   @supports not (color: rgb(from white r g b)) {

package/styles/index.less

@@ -11,6 +11,8 @@
 @import '../ButtonGroup/styles/index';
 @import '../ButtonToolbar/styles/index';
 @import '../Calendar/styles/index';
+@import '../Card/styles/index';
+@import '../CardGroup/styles/index';
 @import '../Carousel/styles/index';
 @import '../Cascader/styles/index';
 @import '../CascadeTree/styles/index';
@@ -65,6 +67,8 @@
 @import '../Sidebar/styles/index';
 @import '../Sidenav/styles/index';
 @import '../Slider/styles/index';
+@import '../Stat/styles/index';
+@import '../StatGroup/styles/index';
 @import '../Steps/styles/index';
 @import '../Table/styles/index';
 @import '../Tag/styles/index';

package/toaster/styles/index.css

@@ -157,29 +157,6 @@
           box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
           box-shadow: var(--rs-shadow-overlay);
 }
-.rs-toast-container .rs-toast-fade-entered,
-.rs-toast-container .rs-toast-fade-exiting {
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.rs-toast-container .rs-toast-fade-entered {
-  -webkit-animation-duration: 0.4s;
-          animation-duration: 0.4s;
-  -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
-          animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
-}
-.rs-toast-container .rs-toast-fade-exited,
-.rs-toast-container .rs-toast-fade-entering {
-  opacity: 0;
-}
-.rs-toast-container .rs-toast-fade-exited {
-  -webkit-transform-origin: 0 0;
-          transform-origin: 0 0;
-  -webkit-transform: scaleY(0.8);
-          transform: scaleY(0.8);
-  max-height: 0;
-  overflow: hidden;
-}
 .rs-toast-container-top-center,
 .rs-toast-container-bottom-center {
   -webkit-box-align: center;
@@ -227,7 +204,30 @@
 .rs-toast-container-bottom-end {
   bottom: 24px;
 }
-.rs-toast-container .rs-toast-fade-exiting {
+.rs-toast-fade-entered,
+.rs-toast-fade-exiting {
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.rs-toast-fade-entered {
+  -webkit-animation-duration: 0.4s;
+          animation-duration: 0.4s;
+  -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+          animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+.rs-toast-fade-exited,
+.rs-toast-fade-entering {
+  opacity: 0;
+}
+.rs-toast-fade-exited {
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+  -webkit-transform: scaleY(0.8);
+          transform: scaleY(0.8);
+  max-height: 0;
+  overflow: hidden;
+}
+.rs-toast-fade-exiting {
   -webkit-animation-duration: 0.3s;
           animation-duration: 0.3s;
   -webkit-animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
@@ -235,5 +235,3 @@
   -webkit-animation-name: notificationMoveOut;
           animation-name: notificationMoveOut;
 }
-
-/*# sourceMappingURL=index.css.map */

package/toaster/styles/index.less

@@ -23,30 +23,6 @@
     box-shadow: var(--rs-shadow-overlay);
   }
 
-  // Animations
-  .rs-toast-fade-entered,
-  .rs-toast-fade-exiting {
-    animation-fill-mode: forwards;
-  }
-
-  .rs-toast-fade-entered {
-    animation-duration: 0.4s;
-    animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
-  }
-
-  .rs-toast-fade-exited,
-  .rs-toast-fade-entering {
-    opacity: 0;
-  }
-
-  // The same to @keyframe notificationMoveOut  100%.
-  .rs-toast-fade-exited {
-    transform-origin: 0 0;
-    transform: scaleY(0.8);
-    max-height: 0;
-    overflow: hidden;
-  }
-
   &-top-center,
   &-bottom-center {
     align-items: center;
@@ -89,10 +65,34 @@
   &-bottom-end {
     bottom: @toast-spacing;
   }
+}
 
-  .rs-toast-fade-exiting {
-    animation-duration: 0.3s;
-    animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
-    animation-name: notificationMoveOut;
-  }
+// Animations
+.rs-toast-fade-entered,
+.rs-toast-fade-exiting {
+  animation-fill-mode: forwards;
+}
+
+.rs-toast-fade-entered {
+  animation-duration: 0.4s;
+  animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+
+.rs-toast-fade-exited,
+.rs-toast-fade-entering {
+  opacity: 0;
+}
+
+// The same to @keyframe notificationMoveOut  100%.
+.rs-toast-fade-exited {
+  transform-origin: 0 0;
+  transform: scaleY(0.8);
+  max-height: 0;
+  overflow: hidden;
+}
+
+.rs-toast-fade-exiting {
+  animation-duration: 0.3s;
+  animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
+  animation-name: notificationMoveOut;
 }

package/useToaster/styles/index.css

@@ -157,29 +157,6 @@
           box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
           box-shadow: var(--rs-shadow-overlay);
 }
-.rs-toast-container .rs-toast-fade-entered,
-.rs-toast-container .rs-toast-fade-exiting {
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.rs-toast-container .rs-toast-fade-entered {
-  -webkit-animation-duration: 0.4s;
-          animation-duration: 0.4s;
-  -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
-          animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
-}
-.rs-toast-container .rs-toast-fade-exited,
-.rs-toast-container .rs-toast-fade-entering {
-  opacity: 0;
-}
-.rs-toast-container .rs-toast-fade-exited {
-  -webkit-transform-origin: 0 0;
-          transform-origin: 0 0;
-  -webkit-transform: scaleY(0.8);
-          transform: scaleY(0.8);
-  max-height: 0;
-  overflow: hidden;
-}
 .rs-toast-container-top-center,
 .rs-toast-container-bottom-center {
   -webkit-box-align: center;
@@ -227,7 +204,30 @@
 .rs-toast-container-bottom-end {
   bottom: 24px;
 }
-.rs-toast-container .rs-toast-fade-exiting {
+.rs-toast-fade-entered,
+.rs-toast-fade-exiting {
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.rs-toast-fade-entered {
+  -webkit-animation-duration: 0.4s;
+          animation-duration: 0.4s;
+  -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+          animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+.rs-toast-fade-exited,
+.rs-toast-fade-entering {
+  opacity: 0;
+}
+.rs-toast-fade-exited {
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+  -webkit-transform: scaleY(0.8);
+          transform: scaleY(0.8);
+  max-height: 0;
+  overflow: hidden;
+}
+.rs-toast-fade-exiting {
   -webkit-animation-duration: 0.3s;
           animation-duration: 0.3s;
   -webkit-animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
@@ -235,5 +235,3 @@
   -webkit-animation-name: notificationMoveOut;
           animation-name: notificationMoveOut;
 }
-
-/*# sourceMappingURL=index.css.map */