rsuite 5.71.0 → 5.72.0

package/esm/locales/ru_RU.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/ru_RU.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import ru from 'date-fns/locale/ru';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Вс',
   monday: 'Пн',
   tuesday: 'Вт',
@@ -12,14 +12,18 @@ var Calendar = {
   ok: 'ОК',
   today: 'Сегодня',
   yesterday: 'Вчера',
+  now: 'Сейчас',
   hours: 'Часов',
   minutes: 'Минут',
   seconds: 'Секунд',
   formattedMonthPattern: 'MMM, yyyy',
   formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
   dateLocale: ru
 };
 export default {
+  code: 'ru-RU',
   common: {
     loading: 'Загрузка...',
     emptyMessage: 'Данные не найдены',
@@ -41,9 +45,9 @@ export default {
     total: 'всего: {0}',
     skip: 'Перейти к {0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Последние 7 дней'
   }),
   Picker: {

package/esm/locales/sv_SE.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,6 +32,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -40,6 +42,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -53,6 +57,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -62,6 +67,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -76,6 +83,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -85,6 +93,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/sv_SE.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import sv from 'date-fns/locale/sv';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Sö',
   monday: 'Må',
   tuesday: 'Ti',
@@ -12,6 +12,7 @@ var Calendar = {
   ok: 'OK',
   today: 'I dag',
   yesterday: 'I går',
+  now: 'Nu',
   hours: 'Timmar',
   minutes: 'Minuter',
   seconds: 'Sekunder',
@@ -21,9 +22,12 @@ var Calendar = {
    **/
   formattedMonthPattern: 'MMM yyyy',
   formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'yyyy-MM-dd',
+  shortTimeFormat: 'HH:mm',
   dateLocale: sv
 };
 export default {
+  code: 'sv-SE',
   common: {
     loading: 'Laddar...',
     emptyMessage: 'Kunde inte hitta data',
@@ -45,9 +49,9 @@ export default {
     total: 'totalt: {0}',
     skip: 'Gå til{0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Senaste 7 dagarna'
   }),
   Picker: {

package/esm/locales/tr_TR.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/tr_TR.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import tr from 'date-fns/locale/tr';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Pz',
   monday: 'Pt',
   tuesday: 'Sa',
@@ -12,14 +12,18 @@ var Calendar = {
   ok: 'Tamam',
   today: 'Bugün',
   yesterday: 'Dün',
+  now: 'Şimdi',
   hours: 'Saat',
   minutes: 'Dakika',
   seconds: 'Saniye',
   formattedMonthPattern: 'MMM yyyy',
   formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
   dateLocale: tr
 };
 export default {
+  code: 'tr-TR',
   common: {
     loading: 'Yükleniyor...',
     emptyMessage: 'Veri bulunamadı',
@@ -41,9 +45,9 @@ export default {
     total: 'Toplam Satır: {0}',
     skip: 'Git{0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Son 7 Gün'
   }),
   Picker: {

package/esm/locales/zh_CN.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/zh_CN.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import zhCN from 'date-fns/locale/zh-CN';
-var Calendar = {
+var DateTimeFormats = {
   sunday: '日',
   monday: '一',
   tuesday: '二',
@@ -12,14 +12,18 @@ var Calendar = {
   ok: '确定',
   today: '今天',
   yesterday: '昨天',
+  now: '此刻',
   hours: '时',
   minutes: '分',
   seconds: '秒',
   formattedMonthPattern: 'yyyy年MM月',
   formattedDayPattern: 'yyyy年MM月dd日',
+  shortDateFormat: 'yyyy-MM-dd',
+  shortTimeFormat: 'aa hh:mm',
   dateLocale: zhCN
 };
 export default {
+  code: 'zh-CN',
   common: {
     loading: '加载中...',
     emptyMessage: '数据为空',
@@ -41,9 +45,9 @@ export default {
     total: '共 {0} 条数据',
     skip: '跳至{0}页'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: '最近 7 天'
   }),
   Picker: {

package/esm/locales/zh_TW.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/zh_TW.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import zhTW from 'date-fns/locale/zh-TW';
-var Calendar = {
+var DateTimeFormats = {
   sunday: '日',
   monday: '一',
   tuesday: '二',
@@ -12,14 +12,18 @@ var Calendar = {
   ok: '確定',
   today: '今天',
   yesterday: '昨天',
+  now: '此刻',
   hours: '時',
   minutes: '分',
   seconds: '秒',
   formattedMonthPattern: 'yyyy年MM月',
   formattedDayPattern: 'yyyy年MM月dd日',
+  shortDateFormat: 'yyyy-MM-dd',
+  shortTimeFormat: 'aa hh:mm',
   dateLocale: zhTW
 };
 export default {
+  code: 'zh-TW',
   common: {
     loading: '讀取中...',
     emptyMessage: '沒有資料',
@@ -41,9 +45,9 @@ export default {
     total: '共 {0} 條資料',
     skip: '跳至{0}頁'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: '最近 7 天'
   }),
   Picker: {

package/internals/Picker/styles/index.less

@@ -433,3 +433,20 @@
   top: -1px;
   z-index: 1;
 }
+
+.rs-virt-list {
+  // Use for single selection
+  .rs-picker-select-menu-item,
+
+  // Use for multiple selection with Checkbox
+  .rs-check-item label {
+    .ellipsis-basic();
+  }
+}
+
+.rs-tree-virt-list {
+  // Use for single selection
+  .rs-tree-node-label {
+    .ellipsis-basic();
+  }
+}

package/internals/ScrollView/styles/index.less

@@ -46,11 +46,7 @@
 
   // https://css-tricks.com/custom-scrollbars-in-webkit/
   &&-custom-scrollbar {
-    --rs-scrollbar-bg: transparent;
-    --rs-scrollbar-thumb-bg: rgba(87, 87, 87, 0.6);
-    --rs-scrollbar-thumb-hover-bg: var(--rs-gray-800);
-
-    scrollbar-width: auto;
+    scrollbar-width: thin;
     scrollbar-color: var(--rs-scrollbar-thumb-bg) var(--rs-scrollbar-bg);
 
     &::-webkit-scrollbar {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.71.0",
+  "version": "5.72.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/dark.less

@@ -82,6 +82,11 @@
   --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
 
+  // Scrollbar
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: var(--rs-gray-300);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-400);
+
   // Button
   --rs-btn-default-bg: var(--rs-gray-600);
   --rs-btn-default-text: var(--rs-gray-50);

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

@@ -84,6 +84,11 @@
   --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
 
+  // Scrollbar
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: var(--rs-gray-300);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-400);
+
   // Button
   --rs-btn-default-bg: transparent;
   --rs-btn-default-text: var(--rs-primary-500);

package/styles/color-modes/light.less

@@ -97,6 +97,11 @@
   --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
 
+  // Scrollbar
+  --rs-scrollbar-bg: transparent;
+  --rs-scrollbar-thumb-bg: var(--rs-gray-500);
+  --rs-scrollbar-thumb-hover-bg: var(--rs-gray-400);
+
   // Button
   --rs-btn-default-bg: var(--rs-gray-50);
   --rs-btn-default-text: var(--rs-gray-800);

package/styles/common.less

@@ -1,5 +1,5 @@
 // Mixins
-@import 'mixins/color-modes';
+@import 'mixins/color-modes.less';
 @import 'mixins/hacks.less';
 @import 'mixins/utilities.less';
 
@@ -9,6 +9,6 @@
 // Color modes
 // FIXME color-modes should not be imported in common
 //       but otherwise it breaks tests
-@import 'color-modes';
+@import 'color-modes.less';
 
-@import 'normalize';
+@import 'normalize.less';

package/styles/variables.less

@@ -746,10 +746,10 @@
 // Calendar
 
 @calendar-header-width:                           280px;
-@calendar-picker-padding:                         12px;
+@calendar-picker-padding:                         10px;
 @calendar-picker-view-padding-top:                4px;
 @calendar-header-title-margin:                    4px;
-@calendar-meridian-border-width:                  1px;
+@calendar-meridiem-border-width:                  1px;
 @calendar-table-cell-padding:                     1px;
 @calendar-table-cell-content-font-size:           @font-size-base;
 @calendar-table-cell-content-line-height:         @line-height-base;

package/cjs/Calendar/CalendarContext.js

@@ -1,22 +0,0 @@
-'use client';
-"use strict";
-
-exports.__esModule = true;
-exports.useCalendarContext = exports.default = exports.CalendarProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Represents the inner context value for the Calendar component.
- */
-
-/**
- * Props for the MonthDropdown component.
- */
-
-var CalendarContext = /*#__PURE__*/_react.default.createContext({});
-var CalendarProvider = exports.CalendarProvider = CalendarContext.Provider;
-var useCalendarContext = exports.useCalendarContext = function useCalendarContext() {
-  return (0, _react.useContext)(CalendarContext);
-};
-var _default = exports.default = CalendarContext;

package/cjs/Calendar/Table.d.ts

@@ -1,6 +0,0 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-export interface TableProps extends WithAsProps {
-    rows: any[];
-}
-declare const Table: RsRefForwardingComponent<'div', TableProps>;
-export default Table;

package/cjs/Calendar/TableHeaderRow.d.ts

@@ -1,4 +0,0 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-export type TableHeaderRowProps = WithAsProps;
-declare const TableHeaderRow: RsRefForwardingComponent<'div', TableHeaderRowProps>;
-export default TableHeaderRow;

package/cjs/Calendar/TableRow.d.ts

@@ -1,7 +0,0 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-export interface TableRowProps extends WithAsProps {
-    weekendDate?: Date;
-    rowIndex?: number;
-}
-declare const TableRow: RsRefForwardingComponent<'div', TableRowProps>;
-export default TableRow;

package/cjs/Calendar/useCalendarState.d.ts

@@ -1,11 +0,0 @@
-export declare enum CalendarState {
-    'TIME' = "TIME",
-    'MONTH' = "MONTH"
-}
-declare const useCalendarState: (defaultState?: CalendarState) => {
-    calendarState: CalendarState | undefined;
-    reset: () => void;
-    openMonth: () => void;
-    openTime: () => void;
-};
-export default useCalendarState;

package/cjs/Calendar/useCalendarState.js

@@ -1,32 +0,0 @@
-'use client';
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.CalendarState = void 0;
-var _react = require("react");
-var CalendarState = exports.CalendarState = /*#__PURE__*/function (CalendarState) {
-  CalendarState["TIME"] = "TIME";
-  CalendarState["MONTH"] = "MONTH";
-  return CalendarState;
-}({});
-var useCalendarState = function useCalendarState(defaultState) {
-  var _useState = (0, _react.useState)(defaultState),
-    calendarState = _useState[0],
-    setCalendarState = _useState[1];
-  var reset = (0, _react.useCallback)(function () {
-    setCalendarState(undefined);
-  }, []);
-  var openMonth = (0, _react.useCallback)(function () {
-    setCalendarState(CalendarState.MONTH);
-  }, []);
-  var openTime = (0, _react.useCallback)(function () {
-    setCalendarState(CalendarState.TIME);
-  }, []);
-  return {
-    calendarState: calendarState,
-    reset: reset,
-    openMonth: openMonth,
-    openTime: openTime
-  };
-};
-var _default = exports.default = useCalendarState;

package/cjs/DateRangePicker/DateRangePickerContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface DateRangePickerContextValue {
-    /**
-     * Whether to complete the selection.
-     */
-    isSelectedIdle?: boolean;
-}
-declare const DateRangePickerContext: React.Context<DateRangePickerContextValue>;
-export declare const useDateRangePickerContext: () => DateRangePickerContextValue;
-export default DateRangePickerContext;