rsuite 5.76.0 → 6.0.0-canary-20241227

package/esm/DateInput/hooks/useDateInputState.js

@@ -5,28 +5,32 @@ import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, isLastD
 import { useCustom } from "../../CustomProvider/index.js";
 import { useDateField, patternMap } from "../DateField.js";
 export function useDateInputState(_ref) {
-  var formatStr = _ref.formatStr,
-    locale = _ref.locale,
-    date = _ref.date,
-    isControlledDate = _ref.isControlledDate;
-  var _useCustom = useCustom(),
-    formatDate = _useCustom.formatDate;
-  var _useDateField = useDateField(formatStr, locale.localize, date),
-    dateField = _useDateField.dateField,
-    dispatch = _useDateField.dispatch,
-    toDateString = _useDateField.toDateString,
-    toDate = _useDateField.toDate,
-    isEmptyValue = _useDateField.isEmptyValue;
-  var setDateOffset = function setDateOffset(pattern, offset, callback) {
-    var currentDate = new Date();
-    var year = dateField.year || currentDate.getFullYear();
-    var month = dateField.month ? dateField.month - 1 : currentDate.getMonth();
-    var day = dateField.day || 0;
-    var hour = dateField.hour || 0;
-    var minute = dateField.minute || 0;
-    var second = dateField.second || 0;
-    var actionName;
-    var value;
+  let {
+    formatStr,
+    locale,
+    date,
+    isControlledDate
+  } = _ref;
+  const {
+    formatDate
+  } = useCustom();
+  const {
+    dateField,
+    dispatch,
+    toDateString,
+    toDate,
+    isEmptyValue
+  } = useDateField(formatStr, locale.localize, date);
+  const setDateOffset = (pattern, offset, callback) => {
+    const currentDate = new Date();
+    const year = dateField.year || currentDate.getFullYear();
+    const month = dateField.month ? dateField.month - 1 : currentDate.getMonth();
+    const day = dateField.day || 0;
+    const hour = dateField.hour || 0;
+    const minute = dateField.minute || 0;
+    const second = dateField.second || 0;
+    let actionName;
+    let value;
     switch (pattern) {
       case 'y':
         actionName = 'setYear';
@@ -38,7 +42,7 @@ export function useDateInputState(_ref) {
         break;
       case 'd':
         actionName = 'setDay';
-        var prevDate = new Date(year, month, day);
+        const prevDate = new Date(year, month, day);
         value = addDays(prevDate, offset).getDate();
         if (offset > 0) {
           value = isLastDayOfMonth(prevDate) ? 1 : value;
@@ -67,44 +71,44 @@ export function useDateInputState(_ref) {
     if (actionName && typeof value === 'number') {
       dispatch({
         type: actionName,
-        value: value
+        value
       });
-      var field = patternMap[pattern];
+      const field = patternMap[pattern];
       callback === null || callback === void 0 || callback(toDate(field, value));
     }
   };
-  var setDateField = function setDateField(pattern, value, callback) {
-    var field = patternMap[pattern];
-    var actionName = "set" + startCase(field);
+  const setDateField = (pattern, value, callback) => {
+    const field = patternMap[pattern];
+    const actionName = `set${startCase(field)}`;
     dispatch({
       type: actionName,
-      value: value
+      value
     });
     callback === null || callback === void 0 || callback(toDate(field, value));
   };
-  var getDateField = function getDateField(pattern) {
-    var fieldName = patternMap[pattern];
+  const getDateField = pattern => {
+    const fieldName = patternMap[pattern];
     return {
       name: fieldName,
       value: dateField[fieldName]
     };
   };
-  var toControlledDateString = function toControlledDateString() {
+  const toControlledDateString = () => {
     if (date && isValid(date)) {
       return formatDate(date, formatStr, {
-        locale: locale
+        locale
       });
     }
     // if date is not valid, return uncontrolled date string
     return toDateString();
   };
-  var setNewDate = useCallback(function (value) {
+  const setNewDate = useCallback(value => {
     dispatch({
       type: 'setNewDate',
-      value: value
+      value
     });
   }, [dispatch]);
-  useEffect(function () {
+  useEffect(() => {
     if (isControlledDate) {
       if (date && isValid(date)) {
         setNewDate(date);
@@ -114,13 +118,13 @@ export function useDateInputState(_ref) {
     }
   }, [date, dispatch, isControlledDate, setNewDate]);
   return {
-    dateField: dateField,
-    setDateOffset: setDateOffset,
-    setDateField: setDateField,
-    setNewDate: setNewDate,
-    getDateField: getDateField,
+    dateField,
+    setDateOffset,
+    setDateField,
+    setNewDate,
+    getDateField,
     toDateString: isControlledDate ? toControlledDateString : toDateString,
-    isEmptyValue: isEmptyValue
+    isEmptyValue
   };
 }
 export default useDateInputState;

package/esm/DateInput/hooks/useFieldCursor.js

@@ -3,20 +3,20 @@ import { useCallback, useRef } from 'react';
 import { getPatternGroups } from "../utils.js";
 import { useUpdateEffect } from "../../internals/hooks/index.js";
 export function useFieldCursor(format, value) {
-  var typeCount = useRef(0);
-  var increment = useCallback(function () {
+  const typeCount = useRef(0);
+  const increment = useCallback(() => {
     typeCount.current += 1;
   }, []);
-  var reset = useCallback(function () {
+  const reset = useCallback(() => {
     typeCount.current = 0;
   }, []);
-  var isResetValue = useCallback(function () {
+  const isResetValue = useCallback(() => {
     return typeCount.current === 0;
   }, []);
 
   // Check if the cursor should move to the next field
-  var isMoveCursor = useCallback(function (value, pattern) {
-    var patternGroup = getPatternGroups(format, pattern);
+  const isMoveCursor = useCallback((value, pattern) => {
+    const patternGroup = getPatternGroups(format, pattern);
     if (value.toString().length === patternGroup.length) {
       return true;
     } else if (pattern === 'y' && typeCount.current === 4) {
@@ -26,30 +26,30 @@ export function useFieldCursor(format, value) {
     }
     switch (pattern) {
       case 'M':
-        return parseInt(value + "0") > 12;
+        return parseInt(`${value}0`) > 12;
       case 'd':
-        return parseInt(value + "0") > 31;
+        return parseInt(`${value}0`) > 31;
       case 'H':
-        return parseInt(value + "0") > 23;
+        return parseInt(`${value}0`) > 23;
       case 'h':
-        return parseInt(value + "0") > 12;
+        return parseInt(`${value}0`) > 12;
       case 'm':
       case 's':
-        return parseInt(value + "0") > 59;
+        return parseInt(`${value}0`) > 59;
       default:
         return false;
     }
   }, [format]);
-  useUpdateEffect(function () {
+  useUpdateEffect(() => {
     if (!value) {
       reset();
     }
   }, [value]);
   return {
-    increment: increment,
-    reset: reset,
-    isMoveCursor: isMoveCursor,
-    isResetValue: isResetValue
+    increment,
+    reset,
+    isMoveCursor,
+    isResetValue
   };
 }
 export default useFieldCursor;

package/esm/DateInput/hooks/useIsFocused.js

@@ -1,22 +1,22 @@
 'use client';
 import { useState, useCallback } from 'react';
 export function useIsFocused(_ref) {
-  var onFocusProp = _ref.onFocus,
-    onBlurProp = _ref.onBlur;
-  var _useState = useState(false),
-    isFocused = _useState[0],
-    setIsFocused = _useState[1];
-  var onFocus = useCallback(function (event) {
+  let {
+    onFocus: onFocusProp,
+    onBlur: onBlurProp
+  } = _ref;
+  const [isFocused, setIsFocused] = useState(false);
+  const onFocus = useCallback(event => {
     setIsFocused(true);
     onFocusProp === null || onFocusProp === void 0 || onFocusProp(event);
   }, [onFocusProp]);
-  var onBlur = useCallback(function (event) {
+  const onBlur = useCallback(event => {
     setIsFocused(false);
     onBlurProp === null || onBlurProp === void 0 || onBlurProp(event);
   }, [onBlurProp]);
   return [isFocused, {
-    onFocus: onFocus,
-    onBlur: onBlur
+    onFocus,
+    onBlur
   }];
 }
 export default useIsFocused;

package/esm/DateInput/hooks/useKeyboardInputEvent.js

@@ -1,13 +1,15 @@
 'use client';
 export function useKeyboardInputEvent(_ref) {
-  var onSegmentChange = _ref.onSegmentChange,
-    onSegmentValueChange = _ref.onSegmentValueChange,
-    onSegmentValueChangeWithNumericKeys = _ref.onSegmentValueChangeWithNumericKeys,
-    onSegmentValueRemove = _ref.onSegmentValueRemove,
-    onKeyDown = _ref.onKeyDown;
-  return function (event) {
+  let {
+    onSegmentChange,
+    onSegmentValueChange,
+    onSegmentValueChangeWithNumericKeys,
+    onSegmentValueRemove,
+    onKeyDown
+  } = _ref;
+  return event => {
     var _key$match, _key$match2;
-    var key = event.key;
+    const key = event.key;
     switch (key) {
       case 'ArrowRight':
       case 'ArrowLeft':

package/esm/DateInput/hooks/useSelectedState.js

@@ -1,17 +1,15 @@
 'use client';
 import { useState } from 'react';
-var defaultSelectedState = {
+const defaultSelectedState = {
   selectedPattern: 'y',
   selectionStart: 0,
   selectionEnd: 0
 };
 export function useSelectedState() {
-  var _useState = useState(defaultSelectedState),
-    selectedState = _useState[0],
-    setSelectedState = _useState[1];
+  const [selectedState, setSelectedState] = useState(defaultSelectedState);
   return {
-    selectedState: selectedState,
-    setSelectedState: setSelectedState
+    selectedState,
+    setSelectedState
   };
 }
 export default useSelectedState;

package/esm/DateInput/utils.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type Locale } from 'date-fns';
+import type { Locale } from 'date-fns';
 interface SelectedStateOptions {
     /**
      * The input element

package/esm/DateInput/utils.js

@@ -1,24 +1,25 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { setYear, setMonth, setDate, setHours, setMinutes, setSeconds } from "../internals/utils/date/index.js";
 import { safeSetSelection } from "../internals/utils/index.js";
 export function getPatternGroups(format, pattern) {
   var _format$match;
-  return ((_format$match = format.match(new RegExp("(" + pattern + ")+"))) === null || _format$match === void 0 ? void 0 : _format$match[0]) || '';
+  return ((_format$match = format.match(new RegExp(`(${pattern})+`))) === null || _format$match === void 0 ? void 0 : _format$match[0]) || '';
 }
 export function getSelectIndexGap(options) {
-  var pattern = options.pattern,
-    formatStr = options.formatStr,
-    valueOffset = options.valueOffset,
-    selectedMonth = options.selectedMonth,
-    localize = options.localize;
-  var gap = 0;
-  var monthIsAbbreviated = formatStr.includes('MMM');
-  var monthIsFull = formatStr.includes('MMMM');
+  const {
+    pattern,
+    formatStr,
+    valueOffset,
+    selectedMonth,
+    localize
+  } = options;
+  let gap = 0;
+  const monthIsAbbreviated = formatStr.includes('MMM');
+  const monthIsFull = formatStr.includes('MMMM');
 
   // If the month is abbreviated or full, the gap needs to be adjusted.
   if (monthIsAbbreviated || monthIsFull) {
-    var isSelectedMonth = pattern === 'M';
+    const isSelectedMonth = pattern === 'M';
 
     // If the selected is the month, and the valueOffset is null,
     // it means that the delete key is pressed, and the default pattern is displayed, and the gap is 0 at this time.
@@ -30,13 +31,13 @@ export function getSelectIndexGap(options) {
     if (selectedMonth === null && valueOffset === 0) {
       return 0;
     }
-    var month = selectedMonth ? selectedMonth + (isSelectedMonth ? valueOffset || 0 : 0) : 1;
+    let month = selectedMonth ? selectedMonth + (isSelectedMonth ? valueOffset || 0 : 0) : 1;
     if (month > 12) {
       month = 1;
     } else if (month === 0) {
       month = 12;
     }
-    var monthStr = localize === null || localize === void 0 ? void 0 : localize.month(month - 1, {
+    const monthStr = localize === null || localize === void 0 ? void 0 : localize.month(month - 1, {
       width: monthIsFull ? 'wide' : 'abbreviated'
     });
     gap = monthStr.length - (monthIsFull ? 4 : 3);
@@ -44,37 +45,39 @@ export function getSelectIndexGap(options) {
   return gap;
 }
 export function getDatePattern(options) {
-  var selectionIndex = options.selectionIndex,
-    _options$positionOffs = options.positionOffset,
-    positionOffset = _options$positionOffs === void 0 ? -1 : _options$positionOffs,
-    formatStr = options.formatStr,
-    dateString = options.dateString,
-    valueOffset = options.valueOffset,
-    selectedMonth = options.selectedMonth,
-    localize = options.localize;
-  var pattern = formatStr.charAt(selectionIndex || 0);
+  const {
+    selectionIndex,
+    positionOffset = -1,
+    formatStr,
+    dateString,
+    valueOffset,
+    selectedMonth,
+    localize
+  } = options;
+  let pattern = formatStr.charAt(selectionIndex || 0);
   if (selectionIndex < 0 || selectionIndex > dateString.length - 1) {
     pattern = formatStr.trim().charAt(0);
     return pattern;
   }
-  var gap = 0;
+  let gap = 0;
   if (isCursorAfterMonth(selectionIndex, formatStr)) {
     gap = getSelectIndexGap({
-      pattern: pattern,
-      formatStr: formatStr,
-      valueOffset: valueOffset,
-      selectedMonth: selectedMonth,
-      localize: localize
+      pattern,
+      formatStr,
+      valueOffset,
+      selectedMonth,
+      localize
     });
   }
   pattern = formatStr.charAt(selectionIndex - gap);
 
   // If the pattern is not a letter, then get the pattern from the previous or next letter.
   if (!pattern.match(/[y|d|M|H|h|m|s|a]/)) {
-    var nextIndex = selectionIndex + positionOffset;
-    pattern = getDatePattern(_extends({}, options, {
+    const nextIndex = selectionIndex + positionOffset;
+    pattern = getDatePattern({
+      ...options,
       selectionIndex: nextIndex
-    }));
+    });
   }
   return pattern;
 }
@@ -85,37 +88,38 @@ export function isCursorAfterMonth(cursorIndex, formatStr) {
   return cursorIndex > formatStr.indexOf('M');
 }
 export function getInputSelectedState(options) {
-  var input = options.input,
-    direction = options.direction,
-    formatStr = options.formatStr,
-    localize = options.localize,
-    selectedMonth = options.selectedMonth,
-    dateString = options.dateString,
-    _options$valueOffset = options.valueOffset,
-    valueOffset = _options$valueOffset === void 0 ? 0 : _options$valueOffset;
-  var getPatternSelectedIndexes = function getPatternSelectedIndexes(pattern) {
-    var selectionStart = formatStr.indexOf(pattern);
-    var selectionEnd = formatStr.lastIndexOf(pattern) + 1;
-    var gap = getSelectIndexGap({
-      pattern: pattern,
-      formatStr: formatStr,
-      valueOffset: valueOffset,
-      selectedMonth: selectedMonth,
-      localize: localize
+  const {
+    input,
+    direction,
+    formatStr,
+    localize,
+    selectedMonth,
+    dateString,
+    valueOffset = 0
+  } = options;
+  const getPatternSelectedIndexes = pattern => {
+    const selectionStart = formatStr.indexOf(pattern);
+    const selectionEnd = formatStr.lastIndexOf(pattern) + 1;
+    const gap = getSelectIndexGap({
+      pattern,
+      formatStr,
+      valueOffset,
+      selectedMonth,
+      localize
     });
-    var isSelectedMonth = pattern === 'M';
-    var isNullMonth = selectedMonth === null && !(isSelectedMonth && valueOffset !== 0);
+    const isSelectedMonth = pattern === 'M';
+    const isNullMonth = selectedMonth === null && !(isSelectedMonth && valueOffset !== 0);
 
     // If the month is null and the valueOffset is 0, the month will not be updated, and the gap is 0 at this time.
     if (isNullMonth) {
       return {
-        selectionStart: selectionStart,
-        selectionEnd: selectionEnd
+        selectionStart,
+        selectionEnd
       };
     }
     if (isSelectedMonth) {
       return {
-        selectionStart: selectionStart,
+        selectionStart,
         selectionEnd: selectionEnd + gap
       };
     }
@@ -126,32 +130,33 @@ export function getInputSelectedState(options) {
       };
     }
     return {
-      selectionStart: selectionStart,
-      selectionEnd: selectionEnd
+      selectionStart,
+      selectionEnd
     };
   };
   if (typeof input.selectionEnd === 'number' && typeof input.selectionStart === 'number') {
-    var selectionIndex = input.selectionStart;
-    var positionOffset = -1;
+    let selectionIndex = input.selectionStart;
+    let positionOffset = -1;
     if (direction === 'left') {
       selectionIndex = input.selectionStart - 1;
     } else if (direction === 'right') {
       selectionIndex = input.selectionEnd + 1;
       positionOffset = 1;
     }
-    var datePattern = getDatePattern({
-      selectionIndex: selectionIndex,
-      positionOffset: positionOffset,
-      formatStr: formatStr,
-      dateString: dateString,
-      valueOffset: valueOffset,
-      selectedMonth: selectedMonth,
-      localize: localize
+    const datePattern = getDatePattern({
+      selectionIndex,
+      positionOffset,
+      formatStr,
+      dateString,
+      valueOffset,
+      selectedMonth,
+      localize
     });
-    var indexes = getPatternSelectedIndexes(datePattern);
-    return _extends({
-      selectedPattern: datePattern
-    }, indexes);
+    const indexes = getPatternSelectedIndexes(datePattern);
+    return {
+      selectedPattern: datePattern,
+      ...indexes
+    };
   }
   return {
     selectedPattern: 'y',
@@ -216,12 +221,12 @@ export function modifyDate(date, type, value) {
 }
 export function useInputSelection(input) {
   return function setSelectionRange(selectionStart, selectionEnd) {
-    var isTest = input.current.dataset.test === 'true';
+    const isTest = input.current.dataset.test === 'true';
     if (isTest) {
       safeSetSelection(input.current, selectionStart, selectionEnd);
       return;
     }
-    requestAnimationFrame(function () {
+    requestAnimationFrame(() => {
       safeSetSelection(input.current, selectionStart, selectionEnd);
     });
   };