rsuite 5.20.0 → 5.21.0

package/cjs/toaster/toaster.d.ts

@@ -7,7 +7,7 @@ export interface Toaster {
      * @param message
      * @param options
      */
-    push(message: React.ReactNode, options?: ToastContainerProps): string | undefined;
+    push(message: React.ReactNode, options?: ToastContainerProps): string | undefined | Promise<string | undefined>;
     /**
      * Remove a message by key
      * @param key

package/cjs/toaster/toaster.js

@@ -5,6 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _ToastContainer = _interopRequireDefault(require("./ToastContainer"));
 
 var defaultContainerId = 'default';
@@ -15,12 +19,8 @@ var containers = new Map();
  * @param options
  */
 
-function createContainer(containerId, props) {
-  var _ToastContainer$getIn = _ToastContainer.default.getInstance(props),
-      container = _ToastContainer$getIn[0];
-
-  containers.set(containerId || defaultContainerId, container);
-  return container;
+function createContainer(_x, _x2) {
+  return _createContainer.apply(this, arguments);
 }
 /**
  * Get the container by ID. Use default ID when ID is not available.
@@ -28,6 +28,33 @@ function createContainer(containerId, props) {
  */
 
 
+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();
+        }
+      }
+    }, _callee);
+  }));
+  return _createContainer.apply(this, arguments);
+}
+
 function getContainer(containerId) {
   if (containers.size == 0) {
     return null;
@@ -41,21 +68,24 @@ var toaster = function toaster(message) {
 };
 
 toaster.push = function (message, options) {
-  var _container$current;
+  var _options;
 
   if (options === void 0) {
     options = {};
   }
 
-  var container = getContainer(options.placement);
-
-  if (!container) {
-    var _options$placement;
+  var containerId = (_options = options) === null || _options === void 0 ? void 0 : _options.placement;
+  var container = getContainer(containerId);
 
-    container = createContainer((_options$placement = options.placement) !== null && _options$placement !== void 0 ? _options$placement : '', options);
+  if (container !== null && container !== void 0 && container.current) {
+    return container.current.push(message);
   }
 
-  return (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.push(message);
+  return createContainer(containerId !== null && containerId !== void 0 ? containerId : '', options).then(function (ref) {
+    var _ref$current;
+
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message);
+  });
 };
 
 toaster.remove = function (key) {

package/cjs/toaster/useToaster.d.ts

@@ -5,7 +5,7 @@ import { ToastContainerProps } from './ToastContainer';
  * @returns toaster { push, remove, clear }
  */
 declare const useToaster: () => {
-    push: (message: React.ReactNode, options?: ToastContainerProps) => string | undefined;
+    push: (message: React.ReactNode, options?: ToastContainerProps) => string | Promise<string | undefined> | undefined;
     remove: (key: string) => void;
     clear: () => void;
 };

package/cjs/utils/index.d.ts

@@ -23,6 +23,7 @@ export { default as composeFunctions } from './composeFunctions';
 export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
+export { default as render } from './render';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';

package/cjs/utils/index.js

@@ -25,6 +25,7 @@ var _exportNames = {
   reactToString: true,
   scrollTopAnimation: true,
   appendTooltip: true,
+  render: true,
   useClassNames: true,
   useEventListener: true,
   useElementResize: true,
@@ -48,7 +49,7 @@ var _exportNames = {
   DateUtils: true,
   TypeChecker: true
 };
-exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 
 var _BrowserDetection = require("./BrowserDetection");
 
@@ -173,6 +174,10 @@ var _appendTooltip = _interopRequireDefault(require("./appendTooltip"));
 
 exports.appendTooltip = _appendTooltip.default;
 
+var _render = _interopRequireDefault(require("./render"));
+
+exports.render = _render.default;
+
 var _useClassNames = _interopRequireDefault(require("./useClassNames"));
 
 exports.useClassNames = _useClassNames.default;

package/cjs/utils/render.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function render(element: React.ReactElement<any>, container: HTMLElement): any;
+export default render;

package/cjs/utils/render.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var ReactDOM = _interopRequireWildcard(require("react-dom"));
+
+var majorVersion = parseInt(_react.default.version);
+var SuperposedReactDOM = ReactDOM;
+
+function render(element, container) {
+  var mountElement = document.createElement('div');
+  mountElement.className = 'rs-mount-element';
+  var containerElement = container || document.body; // Add the detached element to the root
+
+  containerElement.appendChild(mountElement);
+
+  if (majorVersion >= 18) {
+    /**
+     * ignore react 18 warnings
+     * Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".
+     */
+    ReactDOM['__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'].usingClientEntryPoint = true;
+    var createRoot = SuperposedReactDOM.createRoot;
+    var root = containerElement.__root || createRoot(mountElement, {
+      identifierPrefix: 'rs-root-'
+    });
+    root.render(element);
+    containerElement.__root = root;
+    return root;
+  }
+
+  SuperposedReactDOM.render(element, mountElement);
+  return {
+    unmount: function unmount() {
+      SuperposedReactDOM.unmountComponentAtNode(mountElement);
+      containerElement.removeChild(mountElement);
+    }
+  };
+}
+
+var _default = render;
+exports.default = _default;

package/cjs/utils/treeUtils.d.ts

@@ -4,7 +4,7 @@ import { TREE_NODE_DROP_POSITION } from '../utils';
 import { CheckTreePickerProps } from '../CheckTreePicker/CheckTreePicker';
 import { ItemDataType } from '../@types/common';
 import { TreePickerProps } from '../TreePicker/TreePicker';
-import { ListInstance } from '../Picker/VirtualizedList';
+import { ListHandle } from '../Windowing';
 declare type PartialTreeProps = Partial<TreePickerProps | CheckTreePickerProps>;
 /**
  * according node parentNode expand state decide node whether to show
@@ -236,7 +236,7 @@ export interface FocusToTreeNodeProps {
     activeNode: any;
     virtualized: boolean;
     container: HTMLElement | null;
-    list: ListInstance;
+    list: ListHandle;
     formattedNodes: TreeNodeType[];
 }
 /**

package/cjs/utils/useUniqueId.js

@@ -2,20 +2,28 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 exports.__esModule = true;
 exports.default = useUniqueId;
 
-var _react = require("react");
+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 = (0, _react.useRef)();
+  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);

package/dist/rsuite-rtl.css

@@ -1612,12 +1612,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
-}
-.ReactVirtualized__Grid .rs-auto-complete-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .rs-auto-complete-item:hover,
 .rs-auto-complete-item:focus,
@@ -3737,12 +3731,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
-}
-.ReactVirtualized__Grid .rs-picker-cascader-row {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .rs-picker-cascader-row:hover {
   background-color: rgba(204, 233, 255, 0.5);
@@ -3845,16 +3833,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
   position: relative;
   padding: 8px 12px 8px 28px;
   word-break: break-word;
 }
-.ReactVirtualized__Grid .rs-picker-cascader-menu-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
   padding-left: 32px;
 }
@@ -4180,13 +4162,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-check-tree.rs-check-tree-virtualized {
   overflow: hidden;
-  /* stylelint-disable-next-line */
-}
-.rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
-  padding: 0 0 12px 12px;
-}
-.rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
-  outline: none;
 }
 .rs-check-tree .rs-check-item .rs-checkbox-checker > label {
   text-align: right;
@@ -4324,9 +4299,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-menu .rs-check-tree {
   padding: 0 0 12px 12px;
 }
-.rs-picker-menu .rs-check-tree.rs-check-tree-virtualized {
-  padding: 0;
-}
 .rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4339,17 +4311,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   right: 0;
   padding-right: inherit;
 }
-/* stylelint-disable-next-line */
-.rs-check-tree {
-  /* stylelint-disable-next-line */
-}
-.rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
-  /* stylelint-disable-next-line */
-}
-[dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
-  padding-right: inherit;
-  right: 46px;
-}
 .rs-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11693,7 +11654,6 @@ textarea.rs-picker-search-input {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  /* stylelint-disable-next-line */
 }
 .rs-theme-high-contrast .rs-picker-menu {
   border: 1px solid #e5e5ea;
@@ -11794,9 +11754,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
   top: 7px;
 }
-.rs-picker-menu .ReactVirtualized__Grid.ReactVirtualized__List:focus {
-  outline: none;
-}
 .rs-picker-menu.rs-picker-inline {
   position: relative;
   -webkit-box-shadow: none;
@@ -11857,7 +11814,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transition: color 0.3s linear, background-color 0.3s linear;
   transition: color 0.3s linear, background-color 0.3s linear;
   line-height: 20px;
-  /* stylelint-disable-next-line */
 }
 .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
   -webkit-transition: none;
@@ -11870,11 +11826,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
   background: none;
 }
-.ReactVirtualized__Grid .rs-check-item .rs-checkbox-checker > label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .rs-checkbox-disabled.rs-check-item .rs-checkbox-checker > label {
   cursor: not-allowed;
 }
@@ -13102,12 +13053,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   cursor: pointer;
   text-decoration: none;
   width: 100%;
-  /* stylelint-disable-next-line */
-}
-.ReactVirtualized__Grid .rs-picker-select-menu-item {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .rs-picker-select-menu-item:hover,
 .rs-picker-select-menu-item:focus,
@@ -15576,13 +15521,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-tree.rs-tree-virtualized {
   overflow: hidden;
-  /* stylelint-disable-next-line */
-}
-.rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
-  padding: 0 0 12px 12px;
-}
-.rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
-  outline: none;
 }
 .rs-tree-node {
   position: relative;
@@ -15793,11 +15731,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   right: 0;
   padding-right: inherit;
 }
-/* stylelint-disable */
-[dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-tree-node > .rs-tree-node-label::before {
-  display: none;
-}
-/* stylelint-enable */
 .rs-uploader-trigger input[type='file'] {
   position: absolute !important;
   clip: rect(1px 1px 1px 1px);