rsuite 5.17.1 → 5.18.0-beta.3

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

@@ -4214,10 +4214,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
   font-weight: bold;
 }
-.rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
   padding-right: 22px;
 }
-.rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label::before {
   width: 14px;
   margin-right: 0;
   right: 0;
@@ -4378,6 +4378,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-menu .rs-picker-toolbar {
   max-width: 100%;
 }
+.rs-picker-menu .rs-picker-toolbar-ranges {
+  max-width: 400px;
+}
 .rs-picker-menu .rs-calendar {
   min-width: 246px;
   display: block;
@@ -5503,6 +5506,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-form-fluid .rs-form-control-wrapper > .rs-input {
   width: 100%;
 }
+.rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
+  width: 100%;
+}
 .rs-form-control-wrapper {
   position: relative;
 }
@@ -7864,7 +7870,6 @@ textarea.rs-input {
 .rs-input:hover:not(:disabled) {
   border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
-  outline: 0;
 }
 .rs-input:focus {
   outline: 3px solid rgba(52, 152, 255, 0.25);
@@ -11731,7 +11736,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
   border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
-  outline: 0;
 }
 .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
   outline: 3px solid rgba(52, 152, 255, 0.25);
@@ -15768,9 +15772,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   position: absolute !important;
   clip: rect(1px 1px 1px 1px);
 }
-.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
-  cursor: not-allowed !important;
-}
 .rs-uploader-file-item-disabled {
   opacity: 0.3;
   cursor: not-allowed;
@@ -16309,201 +16310,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-right: 0;
   display: block;
 }
-.rs-uploader-text .rs-uploader-trigger-btn,
-.rs-uploader-picture-text .rs-uploader-trigger-btn {
-  display: inline-block;
-  margin-bottom: 0;
-  font-weight: normal;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  white-space: nowrap;
-  -webkit-transition: color 0.2s linear, background-color 0.3s linear;
-  transition: color 0.2s linear, background-color 0.3s linear;
-  border: none;
-  border: var(--rs-btn-default-border, none);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  text-decoration: none;
-  color: #575757;
-  color: var(--rs-btn-default-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-default-bg);
-  border-radius: 6px;
-  font-size: 14px;
-  line-height: 20px;
-  padding: 8px 12px;
-  overflow: hidden;
-  position: relative;
-}
-.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn,
-.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn {
-  -webkit-transition: none;
-  transition: none;
-}
-.rs-btn-ghost.rs-uploader-text .rs-uploader-trigger-btn,
-.rs-btn-ghost.rs-uploader-picture-text .rs-uploader-trigger-btn {
-  padding: 7px 11px;
-}
-.rs-btn-icon.rs-uploader-text .rs-uploader-trigger-btn,
-.rs-btn-icon.rs-uploader-picture-text .rs-uploader-trigger-btn {
-  padding: 10px 10px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-uploader-text .rs-uploader-trigger-btn > .rs-icon,
-.rs-btn-icon.rs-uploader-picture-text .rs-uploader-trigger-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn,
-.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn > .rs-icon,
-.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn > .rs-icon {
-  padding: 10px 10px;
-  width: 36px;
-  height: 36px;
-}
-.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left,
-.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left {
-  padding: 8px 48px 8px 12px;
-}
-.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon,
-.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-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-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right,
-.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
-  padding: 8px 12px 8px 48px;
-}
-.rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon,
-.rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
-.rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
-.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
-  outline-offset: 2px;
-}
-.rs-uploader-text .rs-uploader-trigger-btn:hover,
-.rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
-.rs-uploader-text .rs-uploader-trigger-btn:focus,
-.rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
-  color: var(--rs-btn-default-hover-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-default-hover-bg);
-  text-decoration: none;
-}
-.rs-uploader-text .rs-uploader-trigger-btn:active,
-.rs-uploader-picture-text .rs-uploader-trigger-btn:active,
-.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-active,
-.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-active {
-  color: #272c36;
-  color: var(--rs-btn-default-active-text);
-  background-color: #d9d9d9;
-  background-color: var(--rs-btn-default-active-bg);
-}
-.rs-uploader-text .rs-uploader-trigger-btn:disabled,
-.rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
-.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
-.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
-  cursor: not-allowed;
-  color: #c5c6c7;
-  color: var(--rs-btn-default-disabled-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-default-disabled-bg);
-}
-.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:disabled,
-.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
-.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
-.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
-  opacity: 0.5;
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .rs-uploader-text .rs-uploader-trigger-btn,
-  .rs-uploader-picture-text .rs-uploader-trigger-btn {
-    /* stylelint-disable */
-    -webkit-mask-image: -webkit-radial-gradient(white, black);
-    /* stylelint-enable */
-  }
-}
-.rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
-.rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
-  -webkit-transition: border-color ease-in-out 0.3s;
-  transition: border-color ease-in-out 0.3s;
-}
-.rs-theme-high-contrast .rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
-.rs-theme-high-contrast .rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
-  -webkit-transition: none;
-  transition: none;
-}
-.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:hover,
-.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
-.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:focus,
-.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:focus,
-.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn-active,
-.rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
-  border-color: #3498ff;
-  border-color: var(--rs-input-focus-border);
-}
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn {
-  color: #8e8e93;
-  color: var(--rs-btn-subtle-text);
-  background-color: transparent;
-  border: none;
-  -webkit-transition: none;
-  transition: none;
-}
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:hover,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:focus,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
-  color: #575757;
-  color: var(--rs-btn-subtle-hover-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-subtle-hover-bg);
-}
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:active,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:active,
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-active,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-active {
-  color: #272c36;
-  color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-subtle-active-bg);
-}
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
-  color: #c5c6c7;
-  color: var(--rs-btn-subtle-disabled-text);
-  background: none;
-}
-.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
-.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
-.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
-.rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
-  opacity: 0.5;
-}
-.rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn-active,
-.rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-subtle-hover-bg);
-  color: #575757;
-  color: var(--rs-btn-subtle-hover-text);
-}
 .rs-uploader-picture-text .rs-uploader-file-item {
   position: relative;
   height: 50px;