rsuite 5.23.3 → 5.24.1

package/esm/utils/treeUtils.d.ts

@@ -262,3 +262,15 @@ export declare function getTreeNodeIndent(rtl: any, layer: any, absolute?: boole
  * @returns
  */
 export declare function getNodeFormattedRefKey(value: string | number): string;
+/**
+ * create drag preview when tree node start drag
+ * @param name
+ * @param className
+ * @returns
+ */
+export declare function createDragPreview(name: string, className: string): HTMLDivElement;
+/**
+ * remove drag preview when tree node drop
+ */
+export declare function removeDragPreview(): void;
+export declare function stringifyTreeNodeLabel(label: string | React.ReactNode): string;

package/esm/utils/treeUtils.js

@@ -1031,4 +1031,40 @@ export function getTreeNodeIndent(rtl, layer, absolute) {
 
 export function getNodeFormattedRefKey(value) {
   return "" + (typeof value === 'number' ? 'Number_' : 'String_') + value;
+}
+/**
+ * create drag preview when tree node start drag
+ * @param name
+ * @param className
+ * @returns
+ */
+
+export function createDragPreview(name, className) {
+  var dragPreview = document.createElement('div');
+  dragPreview.id = 'rs-tree-drag-preview';
+  dragPreview.innerHTML = name;
+  dragPreview.classList.add(className);
+  document.body.appendChild(dragPreview);
+  return dragPreview;
+}
+/**
+ * remove drag preview when tree node drop
+ */
+
+export function removeDragPreview() {
+  var _dragPreview$parentNo, _dragPreview$parentNo2;
+
+  var dragPreview = document.getElementById('rs-tree-drag-preview');
+  dragPreview === null || dragPreview === void 0 ? void 0 : (_dragPreview$parentNo = dragPreview.parentNode) === null || _dragPreview$parentNo === void 0 ? void 0 : (_dragPreview$parentNo2 = _dragPreview$parentNo.removeChild) === null || _dragPreview$parentNo2 === void 0 ? void 0 : _dragPreview$parentNo2.call(_dragPreview$parentNo, dragPreview);
+}
+export function stringifyTreeNodeLabel(label) {
+  if (typeof label === 'string') {
+    return label;
+  } else if ( /*#__PURE__*/React.isValidElement(label)) {
+    var _nodes2 = reactToString(label);
+
+    return _nodes2.join('');
+  }
+
+  return '';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.23.3",
+  "version": "5.24.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -37,7 +37,7 @@
     "lodash": "^4.17.11",
     "prop-types": "^15.8.1",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.8.1",
+    "rsuite-table": "^5.8.2",
     "schema-typed": "^2.0.3"
   },
   "peerDependencies": {

package/styles/color-modes/dark.less

@@ -339,6 +339,7 @@
   --rs-calendar-range-bg: fade(@H900-dark, 50%);
   --rs-calendar-time-unit-bg: @B600-dark;
   --rs-calendar-date-selected-text: #fff;
+  --rs-calendar-cell-selected-hover-bg: @H700;
 
   // Popover
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);

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

@@ -355,6 +355,7 @@
   --rs-calendar-range-bg: fade(@H900-high-contrast, 50%);
   --rs-calendar-time-unit-bg: @B900-high-contrast;
   --rs-calendar-date-selected-text: @B900-high-contrast;
+  --rs-calendar-cell-selected-hover-bg: @B050-high-contrast;
 
   // Popover
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);

package/styles/color-modes/light.less

@@ -348,6 +348,7 @@
   --rs-calendar-range-bg: fade(@H100, 50%);
   --rs-calendar-time-unit-bg: @B050;
   --rs-calendar-date-selected-text: #fff;
+  --rs-calendar-cell-selected-hover-bg: @H700;
 
   // Popover
   --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);

package/styles/variables.less

@@ -241,7 +241,7 @@
 @btn-border-radius-base:    @border-radius; // @deprecated use @btn-border-radius instead
 @btn-border-radius:         @btn-border-radius-base;
 
-@btn-transition:            color 0.2s linear, background-color 0.3s linear;
+@btn-transition:            color 0.15s ease-out, background-color 0.15s ease-out;
 @btn-disabled-opacity:      0.3;
 
 // Ghost Button
@@ -312,7 +312,7 @@
 @input-padding-y:               @padding-base-input-vertical;
 @input-padding-x:               @padding-base-input-horizontal;
 @input-border-width:            1px;
-@input-transition:              border-color ease-in-out 0.3s;
+@input-transition:              border-color ease-in-out 0.15s;
 
 // This has no effect on `<select>`s  in some browsers, due to the limited stylability of `<select>`s in CSS.
 @input-border-radius:       @border-radius;
@@ -368,7 +368,7 @@
 // Toggle
 
 @toggle-active-scale: 1.2;
-@toggle-transition:   0.2s ease-in-out;
+@toggle-transition:   0.15s ease-out;
 
 @toggle-md-height:                      24px;
 @toggle-md-handle-gap:                  3px;
@@ -393,7 +393,7 @@
 
 // Navs
 
-@nav-item-transition:             color 0.3s linear, background-color 0.3s linear;
+@nav-item-transition:             color 0.15s ease-out, background-color 0.15s ease-out;
 
 // Tab
 @nav-tab-bar-width:               1px;
@@ -432,7 +432,7 @@
 @sidenav-icon-spacing:                  20px;
 @sidenav-icon-width:                    @sidenav-level1-item-font-size;
 @sidenav-dropdown-toggle-caret-width:   20px;
-@sidenav-collapse-transition-config:     0.2s ease-in;
+@sidenav-collapse-transition-config:     0.15s ease-in;
 
 @sidenav-level-retract:                 9px;
 @sidenav-level2-retract:                (@sidenav-padding-horizontal + @sidenav-icon-width + @sidenav-icon-spacing);
@@ -648,7 +648,7 @@
 @panel-padding:                 20px;
 @panel-header-font-size:        16px;
 @panel-split-line-color:        @dropdown-divider-bg;
-@panel-accodion-transition:     0.3s linear;
+@panel-accodion-transition:     0.15s linear;
 @panel-box-shadow:              @box-shadow;
 
 // Timeline
@@ -717,7 +717,6 @@
 
 @picker-item-content-padding-vertical:    8px;
 @picker-item-content-padding-horizontal:  @picker-menu-padding;
-@picker-item-transition:                  color 0.3s linear, background-color 0.3s linear;
 
 // group title
 @picker-group-children-padding-left:    26px;
@@ -806,7 +805,7 @@
 @slider-calibration-diameter:         8px;
 @slider-calibration-border-width:     2px;
 @slider-mark-margin-top:              9px;
-@slider-handle-transition:            0.3s ease-in-out;
+@slider-handle-transition:            0.15s ease-in-out;
 
 // Breadcrumbs