rsuite 5.71.0 → 5.73.0

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/Picker/styles/mixin.less

@@ -38,7 +38,6 @@
       position: absolute;
       top: @padding-y;
       right: @padding-x;
-      padding: 3px;
       color: var(--rs-text-secondary);
     }
   }

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.73.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@babel/runtime": "^7.20.1",
     "@juggle/resize-observer": "^3.4.0",
-    "@rsuite/icons": "^1.0.2",
+    "@rsuite/icons": "^1.2.0",
     "@types/lodash": "^4.14.184",
     "@types/prop-types": "^15.7.5",
     "@types/react-window": "^1.8.5",

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;
@@ -760,7 +760,7 @@
 @calendar-month-dropdown-border:                  @divider-border-color;
 @calendar-in-menu-content-side-length:            30px;
 @calendar-panel-cell-height:                      100px;
-@calendar-panel-compact-cell-height:              50px;
+@calendar-panel-compact-cell-height:              38px;
 @calendar-panel-border-radius:                    6px;
 @calendar-panel-today-active-side-length:         @line-height-computed;
 @calendar-toolbar-border-color:                   @divider-border-color;

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/MonthDropdown.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-export interface MonthDropdownProps extends WithAsProps {
-    show?: boolean;
-    limitStartYear?: number;
-    limitEndYear?: number;
-    height?: number;
-    width?: number;
-    disabledMonth?: (date: Date) => boolean;
-}
-export interface RowProps {
-    /** Index of row */
-    index: number;
-    /** The List is currently being scrolled */
-    isScrolling: boolean;
-    /** This row is visible within the List (eg it is not an overscanned row) */
-    isVisible: boolean;
-    /** Unique key within array of rendered rows */
-    key?: any;
-    /** Reference to the parent List (instance) */
-    parent: any;
-    /** Style object to be applied to row (to position it); */
-    style?: React.CSSProperties;
-}
-export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;
-declare const MonthDropdown: RsRefForwardingComponent<'div', MonthDropdownProps>;
-export default MonthDropdown;

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;

package/cjs/internals/utils/date/getReversedTimeMeridian.d.ts

@@ -1,8 +0,0 @@
-/**
- * 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.
- */
-export declare const getReversedTimeMeridian: (date: Date) => Date;
-export default getReversedTimeMeridian;

package/cjs/internals/utils/date/getReversedTimeMeridian.js

@@ -1,21 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.getReversedTimeMeridian = exports.default = void 0;
-var _setHours = _interopRequireDefault(require("date-fns/setHours"));
-var _getHours = _interopRequireDefault(require("date-fns/getHours"));
-/**
- * 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 = exports.getReversedTimeMeridian = function getReversedTimeMeridian(date) {
-  var clonedDate = new Date(date.valueOf());
-  var hours = (0, _getHours.default)(clonedDate);
-  var nextHours = hours >= 12 ? hours - 12 : hours + 12;
-  return (0, _setHours.default)(clonedDate, nextHours);
-};
-var _default = exports.default = getReversedTimeMeridian;

package/cjs/internals/utils/scrollTopAnimation.d.ts

@@ -1,5 +0,0 @@
-/**
- * Animates the scrolling of an element to a specified position.
- */
-export declare function scrollTopAnimation(target: Element, nextTop: number, animation?: boolean, callback?: (top: number) => void): void;
-export default scrollTopAnimation;

package/cjs/internals/utils/scrollTopAnimation.js

@@ -1,32 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-exports.scrollTopAnimation = scrollTopAnimation;
-var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
-var _requestAnimationFramePolyfill = _interopRequireDefault(require("dom-lib/requestAnimationFramePolyfill"));
-/**
- * Animates the scrolling of an element to a specified position.
- */
-function scrollTopAnimation(target, nextTop, animation, callback) {
-  if (animation === void 0) {
-    animation = true;
-  }
-  var top = (0, _scrollTop.default)(target);
-  var step = function step() {
-    (0, _scrollTop.default)(target, top > nextTop ? nextTop : top);
-    if (top <= nextTop) {
-      (0, _requestAnimationFramePolyfill.default)(step);
-    }
-    callback === null || callback === void 0 ? void 0 : callback(top);
-    top += 20;
-  };
-  if (animation) {
-    (0, _requestAnimationFramePolyfill.default)(step);
-  } else {
-    (0, _scrollTop.default)(target, nextTop);
-  }
-}
-var _default = exports.default = scrollTopAnimation;

package/cjs/locales/default.d.ts

@@ -1,120 +0,0 @@
-declare const _default: {
-    common: {
-        loading: string;
-        emptyMessage: string;
-        remove: string;
-        clear: string;
-    };
-    Plaintext: {
-        unfilled: string;
-        notSelected: string;
-        notUploaded: string;
-    };
-    Pagination: {
-        more: string;
-        prev: string;
-        next: string;
-        first: string;
-        last: string;
-        limit: string;
-        total: string;
-        skip: string;
-    };
-    Calendar: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-        ok: string;
-        today: string;
-        yesterday: string;
-        hours: string;
-        minutes: string;
-        seconds: string;
-        /**
-         * Format of the string is based on Unicode Technical Standard #35:
-         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
-         **/
-        formattedMonthPattern: string;
-        formattedDayPattern: string;
-        dateLocale: any;
-    };
-    DatePicker: {
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-        ok: string;
-        today: string;
-        yesterday: string;
-        hours: string;
-        minutes: string;
-        seconds: string;
-        /**
-         * Format of the string is based on Unicode Technical Standard #35:
-         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
-         **/
-        formattedMonthPattern: string;
-        formattedDayPattern: string;
-        dateLocale: any;
-    };
-    DateRangePicker: {
-        last7Days: string;
-        sunday: string;
-        monday: string;
-        tuesday: string;
-        wednesday: string;
-        thursday: string;
-        friday: string;
-        saturday: string;
-        ok: string;
-        today: string;
-        yesterday: string;
-        hours: string;
-        minutes: string;
-        seconds: string;
-        /**
-         * Format of the string is based on Unicode Technical Standard #35:
-         * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
-         **/
-        formattedMonthPattern: string;
-        formattedDayPattern: string;
-        dateLocale: any;
-    };
-    Picker: {
-        noResultsText: string;
-        placeholder: string;
-        searchPlaceholder: string;
-        checkAll: string;
-    };
-    InputPicker: {
-        newItem: string;
-        createOption: string;
-    };
-    Uploader: {
-        inited: string;
-        progress: string;
-        error: string;
-        complete: string;
-        emptyFile: string;
-        upload: string;
-        removeFile: string;
-    };
-    CloseButton: {
-        closeLabel: string;
-    };
-    Breadcrumb: {
-        expandText: string;
-    };
-    Toggle: {
-        on: string;
-        off: string;
-    };
-};
-export default _default;

package/cjs/locales/default.js

@@ -1,87 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _enGB = _interopRequireDefault(require("date-fns/locale/en-GB"));
-var Calendar = {
-  sunday: 'Su',
-  monday: 'Mo',
-  tuesday: 'Tu',
-  wednesday: 'We',
-  thursday: 'Th',
-  friday: 'Fr',
-  saturday: 'Sa',
-  ok: 'OK',
-  today: 'Today',
-  yesterday: 'Yesterday',
-  hours: 'Hours',
-  minutes: 'Minutes',
-  seconds: 'Seconds',
-  /**
-   * Format of the string is based on Unicode Technical Standard #35:
-   * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
-   **/
-  formattedMonthPattern: 'MMM yyyy',
-  formattedDayPattern: 'dd MMM yyyy',
-  dateLocale: _enGB.default
-};
-var _default = exports.default = {
-  common: {
-    loading: 'Loading...',
-    emptyMessage: 'No data found',
-    remove: 'Remove',
-    clear: 'Clear'
-  },
-  Plaintext: {
-    unfilled: 'Unfilled',
-    notSelected: 'Not selected',
-    notUploaded: 'Not uploaded'
-  },
-  Pagination: {
-    more: 'More',
-    prev: 'Previous',
-    next: 'Next',
-    first: 'First',
-    last: 'Last',
-    limit: '{0} / page',
-    total: 'Total Rows: {0}',
-    skip: 'Go to{0}'
-  },
-  Calendar: Calendar,
-  DatePicker: (0, _extends2.default)({}, Calendar),
-  DateRangePicker: (0, _extends2.default)({}, Calendar, {
-    last7Days: 'Last 7 Days'
-  }),
-  Picker: {
-    noResultsText: 'No results found',
-    placeholder: 'Select',
-    searchPlaceholder: 'Search',
-    checkAll: 'All'
-  },
-  InputPicker: {
-    newItem: 'New item',
-    createOption: 'Create option "{0}"'
-  },
-  Uploader: {
-    inited: 'Initial',
-    progress: 'Uploading',
-    error: 'Error',
-    complete: 'Finished',
-    emptyFile: 'Empty',
-    upload: 'Upload',
-    removeFile: 'Remove file'
-  },
-  CloseButton: {
-    closeLabel: 'Close'
-  },
-  Breadcrumb: {
-    expandText: 'Show path'
-  },
-  Toggle: {
-    on: 'Open',
-    off: 'Close'
-  }
-};

package/esm/Calendar/CalendarContext.js

@@ -1,17 +0,0 @@
-'use client';
-import React, { useContext } from 'react';
-
-/**
- * Represents the inner context value for the Calendar component.
- */
-
-/**
- * Props for the MonthDropdown component.
- */
-
-var CalendarContext = /*#__PURE__*/React.createContext({});
-export var CalendarProvider = CalendarContext.Provider;
-export var useCalendarContext = function useCalendarContext() {
-  return useContext(CalendarContext);
-};
-export default CalendarContext;

package/esm/Calendar/MonthDropdown.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
-export interface MonthDropdownProps extends WithAsProps {
-    show?: boolean;
-    limitStartYear?: number;
-    limitEndYear?: number;
-    height?: number;
-    width?: number;
-    disabledMonth?: (date: Date) => boolean;
-}
-export interface RowProps {
-    /** Index of row */
-    index: number;
-    /** The List is currently being scrolled */
-    isScrolling: boolean;
-    /** This row is visible within the List (eg it is not an overscanned row) */
-    isVisible: boolean;
-    /** Unique key within array of rendered rows */
-    key?: any;
-    /** Reference to the parent List (instance) */
-    parent: any;
-    /** Style object to be applied to row (to position it); */
-    style?: React.CSSProperties;
-}
-export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;
-declare const MonthDropdown: RsRefForwardingComponent<'div', MonthDropdownProps>;
-export default MonthDropdown;

package/esm/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/esm/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/esm/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;