rsuite 5.79.0 → 5.80.0

package/esm/Calendar/Calendar.js

@@ -28,8 +28,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _propsWithDefaults$de = propsWithDefaults.defaultValue,
     defaultValue = _propsWithDefaults$de === void 0 ? 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/esm/Calendar/CalendarBody.js

@@ -18,7 +18,6 @@ var CalendarBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCalendar = 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 = useCustom(),
@@ -35,7 +34,6 @@ var CalendarBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classes
   }), /*#__PURE__*/React.createElement(Grid, {
     rows: getWeekStartDates(thisMonthDate, {
-      isoWeek: isoWeek,
       weekStart: weekStart,
       locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
     }),

package/esm/Calendar/CalendarContainer.js

@@ -29,8 +29,7 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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/esm/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/esm/Calendar/Grid/GridHeaderRow.js

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

package/esm/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/esm/Calendar/Grid/GridRow.js

@@ -95,12 +95,14 @@ var GridRow = /*#__PURE__*/React.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 = format(weekendDate, isoWeek ? 'I' : 'w', {
+    firstWeekContainsDate = _ref3.firstWeekContainsDate;
+
+  // ISO week starts on Monday
+  var date = isoWeek ? addDays(weekendDate, 1) : weekendDate;
+  var week = 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.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/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/esm/Calendar/hooks/useCalendar.js

@@ -1,6 +1,40 @@
 'use client';
-import { useContext } from 'react';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["locale", "showWeekNumbers", "isoWeek", "weekStart"];
+import { useContext, useMemo } from 'react';
 import { CalendarContext } from "../CalendarProvider.js";
 export var useCalendar = function useCalendar() {
-  return useContext(CalendarContext);
+  var _locale$dateLocale2;
+  var _useContext = useContext(CalendarContext),
+    locale = _useContext.locale,
+    showWeekNumbers = _useContext.showWeekNumbers,
+    isoWeek = _useContext.isoWeek,
+    weekStartProp = _useContext.weekStart,
+    rest = _objectWithoutPropertiesLoose(_useContext, _excluded);
+
+  // Determine the start of the week based on various conditions
+  var weekStart = 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 _extends({
+    locale: locale,
+    showWeekNumbers: showWeekNumbers,
+    isoWeek: isoWeek,
+    weekStart: weekStart
+  }, rest);
 };

package/esm/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/esm/CustomProvider/CustomContext.js

@@ -0,0 +1,3 @@
+'use client';
+import React from 'react';
+export var CustomContext = /*#__PURE__*/React.createContext({});

package/esm/CustomProvider/CustomProvider.d.ts

@@ -1,262 +1,5 @@
 import React from 'react';
-import { Locale } from '../locales';
-import { ToastContainerInstance } from '../toaster/ToastContainer';
-import type { FormatDateOptions } from '../internals/utils/date/types';
-import type { ReactSuiteComponents } from './types';
-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; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
-        searchPlaceholder: string;
-        checkAll: string;
-    } | undefined;
-    InputPicker?: {
-        newItem: string;
-        createOption: string;
-        noResultsText: string;
-        placeholder: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
-        searchPlaceholder: string;
-        checkAll: string;
-    } | undefined;
-    TagPicker?: {
-        newItem: string;
-        createOption: string;
-        noResultsText: string;
-        placeholder: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
-        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;
-}>>;
+import { CustomProviderProps } from './CustomContext';
 /**
  * CustomProvider is used to provide global configuration, such as language, theme, etc.
  *