rsuite 5.18.0-beta.3 → 5.18.1

package/cjs/utils/index.js

@@ -25,7 +25,6 @@ var _exportNames = {
   reactToString: true,
   scrollTopAnimation: true,
   appendTooltip: true,
-  render: true,
   useClassNames: true,
   useEventListener: true,
   useElementResize: true,
@@ -49,7 +48,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.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;
+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;
 
 var _BrowserDetection = require("./BrowserDetection");
 
@@ -174,10 +173,6 @@ 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/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 { ListHandle } from '../Windowing';
+import { ListInstance } from '../Picker/VirtualizedList';
 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: ListHandle;
+    list: ListInstance;
     formattedNodes: TreeNodeType[];
 }
 /**

package/cjs/utils/useUniqueId.js

@@ -2,28 +2,20 @@
 
 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 _react = 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();
-  }
+  var idRef = (0, _react.useRef)();
 
   if (!idRef.current) {
     idRef.current = (0, _uniqueId.default)(prefix);

package/dist/rsuite-rtl.css

@@ -2854,8 +2854,8 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-panel .rs-calendar-header-backward {
   float: none !important;
 }
-.rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-forward,
-.rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-backward {
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward,
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward {
   display: inline-block;
   visibility: hidden;
   pointer-events: none;
@@ -2863,11 +2863,11 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-panel .rs-calendar-header-month-toolbar {
   width: auto !important;
 }
-.rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-month-toolbar {
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-right: 0;
   padding-left: 0;
 }
-.rs-calendar-panel .rs-calendar-show-month-dropdown {
+.rs-calendar-panel .rs-calendar-month-view {
   padding-right: 0;
   padding-left: 0;
 }
@@ -2941,37 +2941,59 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
   height: 50px;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-month-toolbar {
+.rs-calendar-btn-close {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  height: 14px;
+  padding: 0;
+  border: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  background: #fff;
+  background: var(--rs-bg-overlay);
+  z-index: 1;
+}
+.rs-calendar-panel .rs-calendar-btn-close {
+  bottom: 11px;
+  margin: 0 20px;
+}
+.rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-right: 24px;
   padding-left: 24px;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-backward,
-.rs-calendar-show-month-dropdown .rs-calendar-header-forward {
+.rs-calendar-month-view .rs-calendar-header-backward,
+.rs-calendar-month-view .rs-calendar-header-forward {
   display: none;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date {
+.rs-calendar-month-view .rs-calendar-header-title-date {
   color: #1675e0;
   color: var(--rs-text-active);
   background: transparent;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error {
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
   color: #f44336;
   color: var(--rs-text-error);
 }
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error:focus,
-.rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus,
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
   color: #fff !important;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-header-title-time {
+.rs-calendar-time-view .rs-calendar-header-title-time {
   color: #1675e0;
   color: var(--rs-text-active);
   background: transparent;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-header-title-time.rs-calendar-header-error {
+.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
   color: #f44336;
   color: var(--rs-text-error);
 }
-.rs-calendar-show-time-dropdown .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
+.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
   color: #fff;
 }
 .rs-calendar-table-cell-selected,
@@ -3124,7 +3146,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.rs-calendar-view {
+.rs-calendar-body {
   padding: 4px 12px 12px;
 }
 .rs-calendar-table {
@@ -3246,10 +3268,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   overflow: hidden;
   z-index: 1;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-month-dropdown {
+.rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
 }
-.rs-calendar-show-month-dropdown .rs-calendar-month-dropdown-content {
+.rs-calendar-month-view .rs-calendar-month-dropdown-content {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }
@@ -3353,10 +3375,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   overflow: hidden;
   z-index: 1;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-time-dropdown {
+.rs-calendar-time-view .rs-calendar-time-dropdown {
   display: block;
 }
-.rs-calendar-show-time-dropdown .rs-calendar-time-dropdown-content {
+.rs-calendar-time-view .rs-calendar-time-dropdown-content {
   -webkit-animation: 0.3s linear slideDown;
           animation: 0.3s linear slideDown;
 }
@@ -4454,7 +4476,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-picker-daterange-menu .rs-calendar {
   display: inline-block;
-  height: 276px;
+  height: 274px;
   padding-bottom: 12px;
 }
 .rs-picker-daterange-menu .rs-calendar:first-child {
@@ -9513,6 +9535,7 @@ textarea.rs-picker-search-input {
 }
 .rs-nav .rs-dropdown > .rs-dropdown-toggle {
   height: 36px;
+  vertical-align: bottom;
 }
 .rs-nav-default .rs-nav-item,
 .rs-nav-tabs .rs-nav-item {