rsuite 5.79.1 → 5.80.0

package/esm/CustomProvider/CustomProvider.js

@@ -7,8 +7,8 @@ import IconProvider from '@rsuite/icons/IconProvider';
 import { usePortal, useIsomorphicLayoutEffect } from "../internals/hooks/index.js";
 import { getClassNamePrefix, prefix } from "../internals/utils/prefix.js";
 import { addClass, removeClass, canUseDOM } from "../DOMHelper/index.js";
+import { CustomContext } from "./CustomContext.js";
 import ToastContainer, { toastPlacements, defaultToasterContainer } from "../toaster/ToastContainer.js";
-export var CustomContext = /*#__PURE__*/React.createContext({});
 var themes = ['light', 'dark', 'high-contrast'];
 
 /**

package/esm/CustomProvider/FormattedDate.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { useCustom } from "./useCustom.js";
+import { useCustom } from "./index.js";
 export function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;

package/esm/CustomProvider/FormattedNumber.js

@@ -1,6 +1,6 @@
 'use client';
 import React, { useMemo } from 'react';
-import { useCustom } from "./useCustom.js";
+import { useCustom } from "./index.js";
 export function FormattedNumber(_ref) {
   var value = _ref.value,
     formatOptions = _ref.formatOptions;

package/esm/CustomProvider/index.d.ts

@@ -2,7 +2,7 @@ import CustomProvider from './CustomProvider';
 export { FormattedDate } from './FormattedDate';
 export { FormattedNumber } from './FormattedNumber';
 export { useCustom } from './useCustom';
-export { CustomContext } from './CustomProvider';
-export type { CustomProviderProps } from './CustomProvider';
+export { CustomContext } from './CustomContext';
+export type { CustomProviderProps } from './CustomContext';
 export type { ReactSuiteComponents } from './types';
 export default CustomProvider;

package/esm/CustomProvider/index.js

@@ -3,5 +3,5 @@ import CustomProvider from "./CustomProvider.js";
 export { FormattedDate } from "./FormattedDate.js";
 export { FormattedNumber } from "./FormattedNumber.js";
 export { useCustom } from "./useCustom.js";
-export { CustomContext } from "./CustomProvider.js";
+export { CustomContext } from "./CustomContext.js";
 export default CustomProvider;

package/esm/CustomProvider/useCustom.js

@@ -6,7 +6,7 @@ import { useContext, useCallback, useMemo } from 'react';
 import assign from 'lodash/assign';
 import enGB from "../locales/en_GB.js";
 import { format, parse, isValid } from "../internals/utils/date/index.js";
-import { CustomContext } from "./CustomProvider.js";
+import { CustomContext } from "./CustomContext.js";
 function getDefaultRTL() {
   return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
 }

package/esm/DatePicker/DatePicker.js

@@ -56,8 +56,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     format = propsWithDefaults.format,
     idProp = propsWithDefaults.id,
     isoWeek = propsWithDefaults.isoWeek,
-    _propsWithDefaults$we = propsWithDefaults.weekStart,
-    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    weekStart = propsWithDefaults.weekStart,
     _propsWithDefaults$li = propsWithDefaults.limitEndYear,
     limitEndYear = _propsWithDefaults$li === void 0 ? 1000 : _propsWithDefaults$li,
     limitStartYear = propsWithDefaults.limitStartYear,

package/esm/DateRangePicker/DateRangePicker.js

@@ -67,8 +67,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     idProp = propsWithDefaults.id,
     _propsWithDefaults$is = propsWithDefaults.isoWeek,
     isoWeek = _propsWithDefaults$is === void 0 ? false : _propsWithDefaults$is,
-    _propsWithDefaults$we = propsWithDefaults.weekStart,
-    weekStart = _propsWithDefaults$we === void 0 ? 0 : _propsWithDefaults$we,
+    weekStart = propsWithDefaults.weekStart,
     _propsWithDefaults$li = propsWithDefaults.limitEndYear,
     limitEndYear = _propsWithDefaults$li === void 0 ? 1000 : _propsWithDefaults$li,
     limitStartYear = propsWithDefaults.limitStartYear,

package/esm/DateRangePicker/utils.d.ts

@@ -9,6 +9,6 @@ export declare const isSameRange: (source: DateRange | null, dest: DateRange | n
 export declare const getMonthHoverRange: (date: Date) => DateRange;
 export declare const getWeekHoverRange: (date: Date, options: {
     isoWeek: boolean;
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     locale?: Locale;
 }) => DateRange;

package/esm/DateRangePicker/utils.js

@@ -46,7 +46,8 @@ export var getMonthHoverRange = function getMonthHoverRange(date) {
 };
 export var getWeekHoverRange = function getWeekHoverRange(date, options) {
   var isoWeek = options.isoWeek,
-    weekStart = options.weekStart,
+    _options$weekStart = options.weekStart,
+    weekStart = _options$weekStart === void 0 ? 0 : _options$weekStart,
     locale = options.locale;
   if (isoWeek) {
     // set to the first day of this week according to ISO 8601, 12:00 am

package/esm/Image/hooks/useImage.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState, useEffect, useRef, useCallback } from 'react';
-import useIsomorphicLayoutEffect from "../../internals/hooks/useIsomorphicLayoutEffect.js";
+import { useIsomorphicLayoutEffect } from "../../internals/hooks/index.js";
 export var useImage = function useImage(props) {
   var src = props.src,
     fallbackSrc = props.fallbackSrc,

package/esm/InlineEdit/InlineEdit.js

@@ -44,6 +44,7 @@ var InlineEdit = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = _useEditState.onChange,
     onKeyDown = _useEditState.onKeyDown,
     onClick = _useEditState.onClick,
+    onFocus = _useEditState.onFocus,
     htmlProps = _useEditState.htmlProps;
   var _useFocusEvent = useFocusEvent({
       isEditing: isEditing,
@@ -70,7 +71,8 @@ var InlineEdit = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: disabled
     })),
     onClick: onClick,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onFocus: onFocus
   }, htmlProps), renderChildren(children, childrenProps, target), showControls && isEditing && /*#__PURE__*/React.createElement(EditableControls, {
     className: prefix('controls'),
     onSave: onSave,

package/esm/InlineEdit/useEditState.d.ts

@@ -8,12 +8,14 @@ interface EditStateProps {
     onCancel?: (event?: React.MouseEvent) => void;
     onSave?: (event?: React.MouseEvent) => void;
     onClick?: (event: React.SyntheticEvent) => void;
+    onFocus?: (event?: React.FocusEvent) => void;
 }
 declare const useEditState: (props: EditStateProps) => {
     isEditing: boolean;
     value: any;
     onClick: (...args: any[]) => any;
     onChange: (...args: any[]) => any;
+    onFocus: (...args: any[]) => any;
     onCancel: (...args: any[]) => any;
     onSave: (...args: any[]) => any;
     onKeyDown: (...args: any[]) => any;

package/esm/InlineEdit/useEditState.js

@@ -1,6 +1,6 @@
 'use client';
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["value", "defaultValue", "disabled", "onChange", "onEdit", "onCancel", "onSave", "onClick"];
+var _excluded = ["value", "defaultValue", "disabled", "onChange", "onEdit", "onCancel", "onSave", "onClick", "onFocus"];
 import { useState } from 'react';
 import { useEventCallback, useControlled } from "../internals/hooks/index.js";
 var useEditState = function useEditState(props) {
@@ -12,6 +12,7 @@ var useEditState = function useEditState(props) {
     onCancel = props.onCancel,
     onSave = props.onSave,
     onClick = props.onClick,
+    onFocus = props.onFocus,
     htmlProps = _objectWithoutPropertiesLoose(props, _excluded);
   var _useState = useState(false),
     isEditing = _useState[0],
@@ -33,6 +34,12 @@ var useEditState = function useEditState(props) {
     setIsEditing(true);
     setResetValue(value);
   });
+  var handleFocus = useEventCallback(function (event) {
+    if (disabled) return;
+    onFocus === null || onFocus === void 0 || onFocus(event);
+    setIsEditing(true);
+    setResetValue(value);
+  });
   var handleChange = useEventCallback(function (value, event) {
     setValue(value);
     onChange === null || onChange === void 0 || onChange(value, event);
@@ -70,6 +77,7 @@ var useEditState = function useEditState(props) {
     value: value,
     onClick: handleClick,
     onChange: handleChange,
+    onFocus: handleFocus,
     onCancel: handleCancel,
     onSave: handleSave,
     onKeyDown: handleKeyDown,

package/esm/internals/Picker/propTypes.d.ts

@@ -12,7 +12,7 @@ export declare const pickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;
@@ -51,7 +51,7 @@ export declare const listPickerPropTypes: {
     menuClassName: PropTypes.Requireable<string>;
     menuStyle: PropTypes.Requireable<object>;
     placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    placement: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
+    placement: PropTypes.Requireable<"top" | "bottom" | "right" | "left" | "bottomStart" | "bottomEnd" | "topStart" | "topEnd" | "leftStart" | "rightStart" | "leftEnd" | "rightEnd" | "auto" | "autoVertical" | "autoVerticalStart" | "autoVerticalEnd" | "autoHorizontal" | "autoHorizontalStart" | "autoHorizontalEnd">;
     preventOverflow: PropTypes.Requireable<boolean>;
     open: PropTypes.Requireable<boolean>;
     defaultOpen: PropTypes.Requireable<boolean>;

package/esm/internals/hooks/useClassNames.js

@@ -2,7 +2,7 @@
 import { useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import { prefix as addPrefix } from "../utils/prefix.js";
-import { CustomContext } from "../../CustomProvider/CustomProvider.js";
+import { CustomContext } from "../../CustomProvider/CustomContext.js";
 
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540

package/esm/internals/utils/date/getWeekStartDates.d.ts

@@ -8,7 +8,6 @@ import type { Locale } from 'date-fns';
  */
 export declare function getWeekStartDates(firstDayOfMonth: Date, options: {
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    isoWeek?: boolean;
     locale?: Locale;
 }): Date[];
 export default getWeekStartDates;

package/esm/internals/utils/date/getWeekStartDates.js

@@ -9,13 +9,10 @@ import startOfWeek from 'date-fns/startOfWeek';
  * @returns A list of first days of weeks in a month
  */
 export function getWeekStartDates(firstDayOfMonth, options) {
-  var _options$weekStart = options.weekStart,
-    weekStart = _options$weekStart === void 0 ? 0 : _options$weekStart,
-    isoWeek = options.isoWeek,
+  var weekStart = options.weekStart,
     locale = options.locale;
-  var weekStartsOn = isoWeek ? 1 : weekStart;
   var firstDay = startOfWeek(firstDayOfMonth, {
-    weekStartsOn: weekStartsOn,
+    weekStartsOn: weekStart,
     locale: locale
   });
   var days = [firstDay];

package/esm/internals/utils/date/index.d.ts

@@ -44,6 +44,7 @@ export { default as differenceInCalendarMonths } from 'date-fns/differenceInCale
 export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
 export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
 export { default as startOfToday } from 'date-fns/startOfToday';
+export { default as getISOWeek } from 'date-fns/getISOWeek';
 export { getWeekStartDates } from './getWeekStartDates';
 export { getWeekKeys } from './getWeekKeys';
 export { reverseDateRangeOmitTime } from './reverseDateRangeOmitTime';

package/esm/internals/utils/date/index.js

@@ -46,6 +46,7 @@ export { default as differenceInCalendarMonths } from 'date-fns/differenceInCale
 export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
 export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
 export { default as startOfToday } from 'date-fns/startOfToday';
+export { default as getISOWeek } from 'date-fns/getISOWeek';
 
 // Export custom functions
 export { getWeekStartDates } from "./getWeekStartDates.js";

package/esm/useToaster/useToaster.js

@@ -3,7 +3,7 @@ import { useMemo, useContext } from 'react';
 import toaster from "../toaster/index.js";
 // From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'
 // because babel compiles commonjs, which causes CustomContext to be undefined
-import { CustomContext } from "../CustomProvider/CustomProvider.js";
+import { CustomContext } from "../CustomProvider/CustomContext.js";
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.79.1",
+  "version": "5.80.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -39,7 +39,7 @@
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
     "rsuite-table": "^5.19.1",
-    "schema-typed": "^2.4.1"
+    "schema-typed": "^2.4.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",