rsuite 5.79.0 → 5.80.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [5.80.0](https://github.com/rsuite/rsuite/compare/v5.79.1...v5.80.0) (2025-04-18)
+
+
+### Bug Fixes
+
+* **calendar:** adjust priority of weekStart over isoWeek ([#4234](https://github.com/rsuite/rsuite/issues/4234)) ([4697f22](https://github.com/rsuite/rsuite/commit/4697f221fef5d16edc4b8a18a7491aa7d2187a85))
+* **vite:** resolve circular dependency between chunks ([#4246](https://github.com/rsuite/rsuite/issues/4246)) ([9dca238](https://github.com/rsuite/rsuite/commit/9dca23899d007bcd204711da56c3a98323b87e7d))
+
+
+### Features
+
+* **InlineEdit:** enhance focus handling with TAB navigation support ([#4226](https://github.com/rsuite/rsuite/issues/4226)) ([18d4f6a](https://github.com/rsuite/rsuite/commit/18d4f6a4554fb7c07d6972563272fa67f0ebd1b4))
+
+
+
+## [5.79.1](https://github.com/rsuite/rsuite/compare/v5.79.0...v5.79.1) (2025-04-03)
+
+
+### Bug Fixes
+
+* **List:** fix sorting issue on mobile devices ([#4215](https://github.com/rsuite/rsuite/issues/4215)) ([5b74d8b](https://github.com/rsuite/rsuite/commit/5b74d8b6e09e3d662e63f0c437a28585f2535a94))
+
+
+
 # [5.79.0](https://github.com/rsuite/rsuite/compare/v5.78.1...v5.79.0) (2025-03-26)
 
 

package/cjs/Calendar/Calendar.js

@@ -32,8 +32,7 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _propsWithDefaults$de = propsWithDefaults.defaultValue,
     defaultValue = _propsWithDefaults$de === void 0 ? (0, _date.startOfDay)(new Date()) : _propsWithDefaults$de,
     isoWeek = propsWithDefaults.isoWeek,
-    _propsWithDefaults$we = propsWithDefaults.weekStart,
-    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    weekStart = propsWithDefaults.weekStart,
     locale = propsWithDefaults.locale,
     onChange = propsWithDefaults.onChange,
     onMonthChange = propsWithDefaults.onMonthChange,

package/cjs/Calendar/CalendarBody.js

@@ -23,7 +23,6 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useCalendar = (0, _hooks2.useCalendar)(),
     _useCalendar$date = _useCalendar.date,
     date = _useCalendar$date === void 0 ? new Date() : _useCalendar$date,
-    isoWeek = _useCalendar.isoWeek,
     overrideLocale = _useCalendar.locale,
     weekStart = _useCalendar.weekStart;
   var _useCustom = (0, _CustomProvider.useCustom)(),
@@ -40,7 +39,6 @@ var CalendarBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     className: classes
   }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
     rows: (0, _date.getWeekStartDates)(thisMonthDate, {
-      isoWeek: isoWeek,
       weekStart: weekStart,
       locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
     }),

package/cjs/Calendar/CalendarContainer.js

@@ -36,8 +36,7 @@ var CalendarContainer = /*#__PURE__*/_react.default.forwardRef(function (props,
     inline = props.inline,
     _props$isoWeek = props.isoWeek,
     isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
-    _props$weekStart = props.weekStart,
-    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
+    weekStart = props.weekStart,
     targetId = props.targetId,
     limitEndYear = props.limitEndYear,
     limitStartYear = props.limitStartYear,

package/cjs/Calendar/CalendarProvider.d.ts

@@ -34,7 +34,7 @@ export interface CalendarInnerContextValue {
      * The start day of the week in the calendar.
      * 0 - Sunday, 1 - Monday, 2 - Tuesday, 3 - Wednesday, 4 - Thursday, 5 - Friday, 6 - Saturday
      */
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Indicates whether week numbers should be shown in the calendar.
      */

package/cjs/Calendar/Grid/GridHeaderRow.js

@@ -22,13 +22,12 @@ var GridHeaderRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useCalendar = (0, _hooks2.useCalendar)(),
     locale = _useCalendar.locale,
     showWeekNumbers = _useCalendar.showWeekNumbers,
-    isoWeek = _useCalendar.isoWeek,
     weekStart = _useCalendar.weekStart;
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('row', 'header-row'));
-  var weeks = (0, _date.getWeekKeys)(isoWeek ? 1 : weekStart);
+  var weeks = (0, _date.getWeekKeys)(weekStart);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "row"
   }, rest, {

package/cjs/Calendar/Grid/GridRow.d.ts

@@ -1,6 +1,8 @@
 import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface GridRowProps extends WithAsProps {
+    /** The weekend: Sunday */
     weekendDate?: Date;
+    /** The index of the row */
     rowIndex?: number;
 }
 declare const GridRow: RsRefForwardingComponent<'div', GridRowProps>;

package/cjs/Calendar/Grid/GridRow.js

@@ -102,12 +102,14 @@ var GridRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
   var classes = merge(className, prefix('row'));
   var _ref3 = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {},
-    firstWeekContainsDate = _ref3.firstWeekContainsDate,
-    weekStartsOn = _ref3.weekStartsOn;
-  var week = (0, _date.format)(weekendDate, isoWeek ? 'I' : 'w', {
+    firstWeekContainsDate = _ref3.firstWeekContainsDate;
+
+  // ISO week starts on Monday
+  var date = isoWeek ? (0, _date.addDays)(weekendDate, 1) : weekendDate;
+  var week = (0, _date.format)(date, isoWeek ? 'I' : 'w', {
     locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,
     firstWeekContainsDate: firstWeekContainsDate,
-    weekStartsOn: weekStart || weekStartsOn
+    weekStartsOn: weekStart
   });
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,

package/cjs/Calendar/hooks/useCalendar.d.ts

@@ -1,2 +1,25 @@
-import { CalendarContextValue } from '../CalendarProvider';
-export declare const useCalendar: () => CalendarContextValue;
+/// <reference types="react" />
+/// <reference types="date-fns" />
+export declare const useCalendar: () => {
+    formatDate?: typeof import("date-fns").format | undefined;
+    date?: Date | undefined;
+    dateRange?: Date[] | undefined;
+    format?: string | undefined;
+    hoverRangeValue?: [Date, Date] | undefined;
+    inline?: boolean | undefined;
+    targetId?: string | undefined;
+    monthDropdownProps?: import("../types").MonthDropdownProps | undefined;
+    disabledDate?: ((date: Date, selectRangeValue?: Date[] | undefined, type?: string | undefined) => boolean) | undefined;
+    inSameMonth?: ((date: Date) => boolean) | undefined;
+    onChangeMonth?: ((nextPageDate: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onChangeTime?: ((nextPageTime: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onMouseMove?: ((date: Date) => void) | undefined;
+    onSelect?: ((date: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    renderCell?: ((date: Date) => import("react").ReactNode) | undefined;
+    renderCellOnPicker?: ((date: Date) => import("react").ReactNode) | undefined;
+    cellClassName?: ((date: Date) => string | undefined) | undefined;
+    locale: import("../..").CalendarLocale | undefined;
+    showWeekNumbers: boolean | undefined;
+    isoWeek: boolean;
+    weekStart: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+};

package/cjs/Calendar/hooks/useCalendar.js

@@ -1,10 +1,45 @@
 'use client';
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useCalendar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = require("react");
 var _CalendarProvider = require("../CalendarProvider");
+var _excluded = ["locale", "showWeekNumbers", "isoWeek", "weekStart"];
 var useCalendar = exports.useCalendar = function useCalendar() {
-  return (0, _react.useContext)(_CalendarProvider.CalendarContext);
+  var _locale$dateLocale2;
+  var _useContext = (0, _react.useContext)(_CalendarProvider.CalendarContext),
+    locale = _useContext.locale,
+    showWeekNumbers = _useContext.showWeekNumbers,
+    isoWeek = _useContext.isoWeek,
+    weekStartProp = _useContext.weekStart,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(_useContext, _excluded);
+
+  // Determine the start of the week based on various conditions
+  var weekStart = (0, _react.useMemo)(function () {
+    var _locale$dateLocale;
+    // If weekStartProp is explicitly provided, use it
+    if (typeof weekStartProp !== 'undefined') {
+      return weekStartProp;
+    }
+    // If using ISO week, start on Monday (1)
+    else if (isoWeek) {
+      return 1;
+    }
+    // If locale specifies a weekStartsOn option, use it
+    else if ((locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 || (_locale$dateLocale = _locale$dateLocale.options) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.weekStartsOn) !== undefined) {
+      return locale.dateLocale.options.weekStartsOn;
+    }
+    // Default to Sunday (0) if no other condition is met
+    return 0;
+  }, [weekStartProp, isoWeek, locale === null || locale === void 0 || (_locale$dateLocale2 = locale.dateLocale) === null || _locale$dateLocale2 === void 0 || (_locale$dateLocale2 = _locale$dateLocale2.options) === null || _locale$dateLocale2 === void 0 ? void 0 : _locale$dateLocale2.weekStartsOn]);
+  return (0, _extends2.default)({
+    locale: locale,
+    showWeekNumbers: showWeekNumbers,
+    isoWeek: isoWeek,
+    weekStart: weekStart
+  }, rest);
 };

package/cjs/CustomProvider/CustomContext.d.ts

@@ -0,0 +1,253 @@
+import React from 'react';
+import type { FormatDateOptions } from '../internals/utils/date/types';
+import type { ToastContainerInstance } from '../toaster/ToastContainer';
+import type { ReactSuiteComponents } from './types';
+import type { Locale } from '../locales';
+export interface CustomValue<T = Locale> {
+    /**
+     * The prefix of the component CSS class
+     */
+    classPrefix?: string;
+    /**
+     * The locale object that contains the language and formatting rules for the date.
+     */
+    locale: T;
+    /**
+     * Right-to-left text direction.
+     */
+    rtl: boolean;
+    /**
+     * Return the formatted date string in the given format. The result may vary by locale.
+     *
+     * Example:
+     *
+     *  import format from 'date-fns/format';
+     *  import eo from 'date-fns/locale/eo'
+     *
+     *  function formatDate(date, formatStr) {
+     *    return format(date, formatStr, { locale: eo });
+     *  }
+     *
+     */
+    formatDate: (date: Date | number, format: string, options?: FormatDateOptions) => string;
+    /**
+     * Return the date parsed from string using the given format string.
+     *
+     * Example:
+     *
+     *  import parse from 'date-fns/parse';
+     *  import eo from 'date-fns/locale/eo'
+     *
+     *  function parseDate(date, formatStr) {
+     *    return parse(date, formatStr, new Date(), { locale: eo });
+     *  }
+     *
+     */
+    parseDate: (dateString: string, formatString: string, referenceDate?: Date | number, options?: FormatDateOptions) => Date;
+    /**
+     * A Map of toast containers
+     */
+    toasters?: React.MutableRefObject<Map<string, ToastContainerInstance>>;
+    /**
+     * If true, the ripple effect is disabled.
+     * Affected components include: Button, Nav.Item, Pagination.
+     */
+    disableRipple?: boolean;
+}
+export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
+    /**
+     * Supported themes
+     */
+    theme?: 'light' | 'dark' | 'high-contrast';
+    /**
+     * The prefix of the icon CSS class
+     */
+    iconClassPrefix?: string;
+    /**
+     * Primary content
+     */
+    children?: React.ReactNode;
+    /**
+     * Sets a container for toast rendering
+     */
+    toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
+    csp?: {
+        /**
+         * Content Security Policy nonce
+         * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
+         */
+        nonce?: string;
+    };
+    /**
+     * Disable inline styles
+     * @default false
+     */
+    disableInlineStyles?: boolean;
+    /**
+     * components allows setting default props for specific components globally.
+     * It accepts an object where each key represents a component name (e.g., 'Button', 'Input'),
+     * and the corresponding value is an object containing the `defaultProps` object.
+     * The `defaultProps` object defines the default props for that component.
+     * These props will be automatically applied to the component unless overridden by specific props
+     * passed in an individual component instance.
+     *
+     * @example
+     * ```js
+     * components={{
+     *   Button: { defaultProps: { appearance: 'primary', size: 'lg' } },
+     *   Input: { defaultProps: { placeholder: 'Enter text', size: 'lg' } }
+     * }}
+     * ```
+     */
+    components?: Partial<ReactSuiteComponents>;
+}
+export declare const CustomContext: React.Context<CustomProviderProps<{
+    code?: string | undefined;
+    common?: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    } | undefined;
+    Plaintext?: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    } | undefined;
+    Pagination?: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    } | undefined;
+    DateTimeFormats?: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    Calendar?: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    DatePicker?: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    DateRangePicker?: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    } | undefined;
+    Combobox?: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    InputPicker?: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    TagPicker?: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    } | undefined;
+    Uploader?: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    } | undefined;
+    CloseButton?: {
+        closeLabel: string;
+    } | undefined;
+    Breadcrumb?: {
+        expandText: string;
+    } | undefined;
+    Toggle?: {
+        on: string;
+        off: string;
+    } | undefined;
+}>>;

package/cjs/CustomProvider/CustomContext.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});