rsuite 5.64.1 → 5.65.0

package/cjs/toaster/hooks/useDelayedClosure.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+interface UseDelayedClosureProps {
+    /**
+     * Callback function to be called when the closure is triggered.
+     */
+    onClose?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * The duration (in milliseconds) after which the closure should be triggered.
+     */
+    duration: number;
+    /**
+     * Optional reference to the target element.
+     */
+    targetRef?: React.RefObject<HTMLElement>;
+    /**
+     * Reset the hide timer if the mouse moves over the target element.
+     */
+    mouseReset?: boolean;
+}
+/**
+ * A hook that delays the closure of the message box.
+ */
+declare function useDelayedClosure(props: UseDelayedClosureProps): {
+    clear: () => void;
+    reset: () => void;
+};
+export default useDelayedClosure;

package/cjs/toaster/hooks/useDelayedClosure.js

@@ -0,0 +1,47 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var _on = _interopRequireDefault(require("dom-lib/on"));
+var _hooks = require("../../internals/hooks");
+var _ToastContext = _interopRequireDefault(require("../ToastContext"));
+/**
+ * A hook that delays the closure of the message box.
+ */
+function useDelayedClosure(props) {
+  var onClose = props.onClose,
+    durationProp = props.duration,
+    targetRef = props.targetRef;
+  var _useContext = (0, _react.useContext)(_ToastContext.default),
+    usedToaster = _useContext.usedToaster,
+    _useContext$duration = _useContext.duration,
+    duration = _useContext$duration === void 0 ? durationProp : _useContext$duration,
+    mouseReset = _useContext.mouseReset;
+  var mouseEnterRef = (0, _react.useRef)();
+  var mouseLeaveRef = (0, _react.useRef)();
+  var _useTimeout = (0, _hooks.useTimeout)(onClose, duration, usedToaster && duration > 0),
+    clear = _useTimeout.clear,
+    reset = _useTimeout.reset;
+  (0, _hooks.useMount)(function () {
+    if (targetRef !== null && targetRef !== void 0 && targetRef.current && mouseReset) {
+      if (mouseEnterRef.current || mouseLeaveRef.current) {
+        return;
+      }
+      mouseEnterRef.current = (0, _on.default)(targetRef.current, 'mouseenter', clear);
+      mouseLeaveRef.current = (0, _on.default)(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();
+      };
+    }
+  });
+  return {
+    clear: clear,
+    reset: reset
+  };
+}
+var _default = exports.default = useDelayedClosure;

package/dist/rsuite-no-reset-rtl.css

@@ -340,6 +340,7 @@
   --rs-list-placeholder-border: var(--rs-primary-500);
   --rs-timeline-indicator-bg: var(--rs-gray-300);
   --rs-timeline-indicator-active-bg: var(--rs-primary-500);
+  --rs-table-border-color: var(--rs-border-secondary);
   --rs-table-shadow: rgba(9, 9, 9, 0.08);
   --rs-table-sort: var(--rs-primary-500);
   --rs-table-resize: var(--rs-primary-500);
@@ -355,6 +356,8 @@
   --rs-picker-value: var(--rs-primary-700);
   --rs-picker-count-bg: var(--rs-primary-500);
   --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
   --rs-calendar-today-bg: var(--rs-primary-500);
   --rs-calendar-today-text: #fff;
   --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
@@ -713,6 +716,7 @@
   --rs-list-placeholder-border: var(--rs-primary-500);
   --rs-timeline-indicator-bg: var(--rs-gray-500);
   --rs-timeline-indicator-active-bg: var(--rs-primary-500);
+  --rs-table-border-color: var(--rs-border-secondary);
   --rs-table-shadow: rgba(9, 9, 9, 0.99);
   --rs-table-sort: var(--rs-primary-500);
   --rs-table-resize: var(--rs-primary-500);
@@ -1089,6 +1093,7 @@
   --rs-list-placeholder-border: var(--rs-primary-500);
   --rs-timeline-indicator-bg: var(--rs-gray-500);
   --rs-timeline-indicator-active-bg: var(--rs-primary-500);
+  --rs-table-border-color: var(--rs-border-secondary);
   --rs-table-shadow: rgba(9, 9, 9, 0.99);
   --rs-table-sort: var(--rs-primary-500);
   --rs-table-resize: var(--rs-primary-500);
@@ -4742,13 +4747,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-divider-vertical {
   display: inline-block;
-  height: 1em;
+  min-height: 1em;
+  height: 100%;
   width: 1px;
   vertical-align: middle;
   margin: 0 12px;
 }
 .rs-divider-horizontal {
   height: 1px;
+  width: 100%;
   margin: 24px 0;
 }
 .rs-divider-horizontal.rs-divider-with-text {
@@ -12101,6 +12108,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   bottom: -10px;
   right: -10px;
 }
+.rs-radio-control [type='radio']:disabled {
+  cursor: not-allowed;
+}
 .rs-radio-control::before,
 .rs-radio-control .rs-radio-inner::before,
 .rs-radio-control .rs-radio-inner::after {
@@ -13706,7 +13716,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   width: 100%;
   z-index: 4;
   border-top: 1px solid #f2f2f5;
-  border-top: 1px solid var(--rs-border-secondary);
+  border-top: 1px solid var(--rs-table-border-color);
   padding: 10px;
   background-color: #fff;
   background-color: var(--rs-bg-card);
@@ -13852,7 +13862,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background-color: #fff;
   background-color: var(--rs-bg-card);
   border-bottom: 1px solid #f2f2f5;
-  border-bottom: 1px solid var(--rs-border-secondary);
+  border-bottom: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell.first {
   border-right-width: 0;
@@ -13891,7 +13901,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-table-cell-rowspan {
   border-bottom: 1px solid #f2f2f5 !important;
-  border-bottom: 1px solid var(--rs-border-secondary) !important;
+  border-bottom: 1px solid var(--rs-table-border-color) !important;
 }
 .rs-table-cell-full-text:hover {
   z-index: 1 !important;
@@ -13999,11 +14009,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-table-bordered {
   border: 1px solid #f2f2f5;
-  border: 1px solid var(--rs-border-secondary);
+  border: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell-bordered .rs-table-cell {
   border-left: 1px solid #f2f2f5;
-  border-left: 1px solid var(--rs-border-secondary);
+  border-left: 1px solid var(--rs-table-border-color);
 }
 .rs-table-column-group {
   position: absolute;
@@ -14014,7 +14024,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 }
 .rs-table-column-group-header {
   border-bottom: 1px solid #f2f2f5;
-  border-bottom: 1px solid var(--rs-border-secondary);
+  border-bottom: 1px solid var(--rs-table-border-color);
   position: absolute;
   width: 100%;
 }
@@ -14025,7 +14035,11 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-table-column-group-cell {
   position: absolute;
   border-left: 1px solid #f2f2f5;
-  border-left: 1px solid var(--rs-border-secondary);
+  border-left: 1px solid var(--rs-table-border-color);
+}
+.rs-table-row:not(.rs-table-row-rowspan) {
+  border-bottom: 1px solid #f2f2f5;
+  border-bottom: 1px solid var(--rs-table-border-color);
 }
 .rs-table-cell-expand-wrapper {
   margin-left: 10px;
@@ -15419,6 +15433,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   opacity: 0.3;
   cursor: not-allowed;
 }
+.rs-uploader-file-item-disabled:hover {
+  background-color: transparent !important;
+}
 .rs-uploader-picture .rs-uploader-file-item-disabled .rs-uploader-file-item-status {
   cursor: not-allowed;
 }
@@ -16667,13 +16684,19 @@ kbd.rs-text {
       -ms-flex-align: center;
           align-items: center;
 }
-.rs-picker-error > .rs-input-group {
-  border-color: #f44336 !important;
-  border-color: var(--rs-state-error) !important;
+.rs-picker-error > .rs-picker-input-group {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
 }
-.rs-picker-error > .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #f44336 r g b / 25%) !important;
-  outline: var(--rs-state-error-outline) !important;
+.rs-picker-error > .rs-picker-input-group:hover {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+}
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: #f44336;
+  border-color: var(--rs-picker-state-error);
+  outline: 3px solid rgb(from #f44336 r g b / 25%);
+  outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
   display: -webkit-inline-box;