rsuite 5.59.0 → 5.59.2

package/cjs/utils/dateUtils.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.disabledTime = disabledTime;
+exports.disableTime = disableTime;
 exports.getMonthView = getMonthView;
 exports.copyTime = copyTime;
 exports.reverseDateRangeOmitTime = reverseDateRangeOmitTime;
@@ -100,67 +100,116 @@ var _isLastDayOfMonth = _interopRequireDefault(require("date-fns/isLastDayOfMont
 exports.isLastDayOfMonth = _isLastDayOfMonth.default;
 var _lastDayOfMonth = _interopRequireDefault(require("date-fns/lastDayOfMonth"));
 exports.lastDayOfMonth = _lastDayOfMonth.default;
-var disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];
-var hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];
-var calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);
+var TimeProp;
+(function (TimeProp) {
+  TimeProp["DisabledHours"] = "disabledHours";
+  TimeProp["DisabledMinutes"] = "disabledMinutes";
+  TimeProp["DisabledSeconds"] = "disabledSeconds";
+  TimeProp["ShouldDisableHour"] = "shouldDisableHour";
+  TimeProp["ShouldDisableMinute"] = "shouldDisableMinute";
+  TimeProp["ShouldDisableSecond"] = "shouldDisableSecond";
+  TimeProp["HideHours"] = "hideHours";
+  TimeProp["HideMinutes"] = "hideMinutes";
+  TimeProp["HideSeconds"] = "hideSeconds";
+})(TimeProp || (TimeProp = {}));
+var calendarOnlyProps = [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.HideHours, TimeProp.HideMinutes, TimeProp.HideSeconds];
 exports.calendarOnlyProps = calendarOnlyProps;
-function validTime(calendarProps, date) {
+var HOURS_PATTERN = /(Hours?)/;
+var MINUTES_PATTERN = /(Minutes?)/;
+var SECONDS_PATTERN = /(Seconds?)/;
+/**
+ * Verify that the time is valid.
+ *
+ * @param props - The calendar props.
+ * @param date - The date to check.
+ * @returns Whether the time is disabled.
+ */
+function disableTime(props, date) {
   if (!date) {
     return false;
   }
-  return Object.keys(calendarProps).some(function (key) {
-    if (/(Hours)/.test(key)) {
-      var _calendarProps$key;
-      return (_calendarProps$key = calendarProps[key]) === null || _calendarProps$key === void 0 ? void 0 : _calendarProps$key.call(calendarProps, (0, _getHours.default)(date), date);
+  var disabledTimeProps = [TimeProp.DisabledHours, TimeProp.DisabledMinutes, TimeProp.DisabledSeconds, TimeProp.ShouldDisableHour, TimeProp.ShouldDisableMinute, TimeProp.ShouldDisableSecond];
+  var calendarProps = (0, _pick.default)(props, disabledTimeProps);
+  var mapProps = new Map(Object.entries(calendarProps));
+  return Array.from(mapProps.keys()).some(function (key) {
+    if (HOURS_PATTERN.test(key)) {
+      var _mapProps$get;
+      return (_mapProps$get = mapProps.get(key)) === null || _mapProps$get === void 0 ? void 0 : _mapProps$get((0, _getHours.default)(date), date);
     }
-    if (/(Minutes)/.test(key)) {
-      var _calendarProps$key2;
-      return (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, (0, _getMinutes.default)(date), date);
+    if (MINUTES_PATTERN.test(key)) {
+      var _mapProps$get2;
+      return (_mapProps$get2 = mapProps.get(key)) === null || _mapProps$get2 === void 0 ? void 0 : _mapProps$get2((0, _getMinutes.default)(date), date);
     }
-    if (/(Seconds)/.test(key)) {
-      var _calendarProps$key3;
-      return (_calendarProps$key3 = calendarProps[key]) === null || _calendarProps$key3 === void 0 ? void 0 : _calendarProps$key3.call(calendarProps, (0, _getSeconds.default)(date), date);
+    if (SECONDS_PATTERN.test(key)) {
+      var _mapProps$get3;
+      return (_mapProps$get3 = mapProps.get(key)) === null || _mapProps$get3 === void 0 ? void 0 : _mapProps$get3((0, _getSeconds.default)(date), date);
     }
     return false;
   });
 }
 
 /**
- * Verify that the time is valid.
+ * Omit the calendar-only props from an object.
  *
- * @param props
- * @param date
+ * @param props - The object to omit props from.
+ * @returns The object with calendar-only props omitted.
  */
-function disabledTime(props, date) {
-  var calendarProps = (0, _pick.default)(props, disabledTimeProps);
-  return validTime(calendarProps, date);
-}
 var omitHideDisabledProps = function omitHideDisabledProps(props) {
   return (0, _omitBy.default)(props, function (_val, key) {
-    return key.startsWith('disabled') || key.startsWith('hide');
+    return key.startsWith('disabled') || key.startsWith('hide') || key.startsWith('shouldDisable');
   });
 };
+
+/**
+ * Check if the time should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the time should be rendered.
+ */
 exports.omitHideDisabledProps = omitHideDisabledProps;
 var shouldRenderTime = function shouldRenderTime(format) {
   return /([Hhms])/.test(format);
 };
+
+/**
+ * Check if the month should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the month should be rendered.
+ */
 exports.shouldRenderTime = shouldRenderTime;
 var shouldRenderMonth = function shouldRenderMonth(format) {
   return /[Yy]/.test(format) && /[ML]/.test(format);
 };
+
+/**
+ * Check if the date should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether the date should be rendered.
+ */
 exports.shouldRenderMonth = shouldRenderMonth;
 var shouldRenderDate = function shouldRenderDate(format) {
   return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);
-}; // for date-fns v1 and v2
+};
+
+/**
+ * Check if only the time should be rendered based on the format.
+ *
+ * @param format - The format string.
+ * @returns Whether only the time should be rendered.
+ */
 exports.shouldRenderDate = shouldRenderDate;
 var shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {
   return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);
-}; // for date-fns v1 and v2
+};
 
 /**
- * Get all weeks of this month
- * @params monthDate
- * @return date[]
+ * Get all weeks of a month.
+ *
+ * @param monthDate - The date of the month.
+ * @param isoWeek - Whether to use ISO week numbering.
+ * @returns An array of weeks in the month.
  */
 exports.shouldOnlyRenderTime = shouldOnlyRenderTime;
 function getMonthView(monthDate, isoWeek) {
@@ -184,7 +233,11 @@ function getMonthView(monthDate, isoWeek) {
 }
 
 /**
- * Copy the time of one date to another
+ * Copy the time from one date to another.
+ *
+ * @param from - The source date.
+ * @param to - The target date.
+ * @returns The target date with the time copied from the source date.
  */
 function copyTime(_ref) {
   var from = _ref.from,
@@ -201,6 +254,9 @@ function copyTime(_ref) {
 
 /**
  * Swap two dates without swapping the time.
+ *
+ * @param dateRange - The date range to reverse.
+ * @returns The reversed date range.
  */
 function reverseDateRangeOmitTime(dateRange) {
   var start = dateRange[0],
@@ -219,6 +275,9 @@ function reverseDateRangeOmitTime(dateRange) {
 
 /**
  * Get the time with AM and PM reversed.
+ *
+ * @param date - The date to reverse the time meridian.
+ * @returns The date with the time meridian reversed.
  */
 var getReversedTimeMeridian = function getReversedTimeMeridian(date) {
   var clonedDate = new Date(date.valueOf());

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

@@ -1678,6 +1678,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
 }
 .rs-avatar-group-stack .rs-avatar {
   -webkit-box-sizing: content-box;
@@ -4029,6 +4031,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   left: -10px;
   bottom: -10px;
   right: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .rs-checkbox-control::before,
 .rs-checkbox-control .rs-checkbox-inner::before,
@@ -4676,6 +4680,33 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-bottom: 1px solid #e5e5ea;
   border-bottom: 1px solid var(--rs-border-primary);
 }
+.rs-picker-daterange-header .rs-picker-header-date:focus {
+  background-color: transparent;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end,
+.rs-picker-daterange-header.rs-picker-tab-active-start {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end::after,
+.rs-picker-daterange-header.rs-picker-tab-active-start::after {
+  content: ' ';
+  position: absolute;
+  width: 50%;
+  bottom: -1px;
+  border-bottom: 2px solid #3498ff;
+  right: 0;
+}
+.rs-picker-daterange-header.rs-picker-tab-active-end::after {
+  right: 50%;
+}
 .rs-picker-daterange-calendar-group {
   height: 274px;
   min-width: 492px;
@@ -11274,12 +11305,40 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   background: var(--rs-bg-card);
   position: absolute;
 }
-.rs-placeholder-paragraph-rows {
+.rs-placeholder-paragraph-group {
   width: 100%;
 }
-.rs-placeholder-paragraph-rows > p {
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(9) {
+  width: 75%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(8) {
+  width: 60%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(7) {
+  width: 85%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(6) {
+  width: 70%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(5) {
+  width: 90%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(4) {
+  width: 65%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(3) {
+  width: 80%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(2) {
+  width: 50%;
+}
+.rs-placeholder-paragraph .rs-placeholder-row:nth-child(1) {
+  width: 100%;
+}
+.rs-placeholder-row {
   background-color: #f2f2f5;
   background-color: var(--rs-placeholder);
+  width: 100%;
 }
 .rs-placeholder-grid-col {
   -webkit-box-flex: 1;
@@ -11296,15 +11355,23 @@ textarea.rs-inline-edit-sm .rs-plaintext {
       -ms-flex-align: end;
           align-items: flex-end;
 }
-.rs-placeholder-grid-col > p {
-  background-color: #f2f2f5;
-  background-color: var(--rs-placeholder);
-}
 .rs-placeholder-grid-col:first-child {
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
 }
+.rs-placeholder-grid-col .rs-placeholder-row {
+  width: 30%;
+}
+.rs-placeholder-grid-col .rs-placeholder-row:nth-child(3) {
+  width: 35%;
+}
+.rs-placeholder-grid-col .rs-placeholder-row:nth-child(2) {
+  width: 25%;
+}
+.rs-placeholder-grid-col .rs-placeholder-row:nth-child(1) {
+  width: 50%;
+}
 .rs-placeholder-graph {
   display: inline-block;
   width: 100%;
@@ -12439,6 +12506,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -webkit-transition: none;
   transition: none;
 }
+.rs-sidenav-nav .rs-dropdown-item {
+  display: block;
+}
 .rs-sidenav-nav > .rs-sidenav-item,
 .rs-sidenav-nav > .rs-dropdown {
   margin: 0 !important;