rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/DateInput/hooks/useDateInputState.js

@@ -11,28 +11,32 @@ var _date = require("../../internals/utils/date");
 var _CustomProvider = require("../../CustomProvider");
 var _DateField = require("../DateField");
 function useDateInputState(_ref) {
-  var formatStr = _ref.formatStr,
-    locale = _ref.locale,
-    date = _ref.date,
-    isControlledDate = _ref.isControlledDate;
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    formatDate = _useCustom.formatDate;
-  var _useDateField = (0, _DateField.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
+  } = (0, _CustomProvider.useCustom)();
+  const {
+    dateField,
+    dispatch,
+    toDateString,
+    toDate,
+    isEmptyValue
+  } = (0, _DateField.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';
@@ -43,15 +47,17 @@ function useDateInputState(_ref) {
         value = (0, _date.addMonths)(new Date(year, month), offset).getMonth() + 1;
         break;
       case 'd':
-        actionName = 'setDay';
-        var prevDate = new Date(year, month, day);
-        value = (0, _date.addDays)(prevDate, offset).getDate();
-        if (offset > 0) {
-          value = (0, _date.isLastDayOfMonth)(prevDate) ? 1 : value;
-        } else {
-          value = prevDate.getDate() === 1 ? (0, _date.lastDayOfMonth)(prevDate).getDate() : value;
+        {
+          actionName = 'setDay';
+          const prevDate = new Date(year, month, day);
+          value = (0, _date.addDays)(prevDate, offset).getDate();
+          if (offset > 0) {
+            value = (0, _date.isLastDayOfMonth)(prevDate) ? 1 : value;
+          } else {
+            value = prevDate.getDate() === 1 ? (0, _date.lastDayOfMonth)(prevDate).getDate() : value;
+          }
+          break;
         }
-        break;
       case 'H':
       case 'h':
         actionName = 'setHour';
@@ -73,44 +79,44 @@ function useDateInputState(_ref) {
     if (actionName && typeof value === 'number') {
       dispatch({
         type: actionName,
-        value: value
+        value
       });
-      var field = _DateField.patternMap[pattern];
+      const field = _DateField.patternMap[pattern];
       callback === null || callback === void 0 || callback(toDate(field, value));
     }
   };
-  var setDateField = function setDateField(pattern, value, callback) {
-    var field = _DateField.patternMap[pattern];
-    var actionName = "set" + (0, _startCase.default)(field);
+  const setDateField = (pattern, value, callback) => {
+    const field = _DateField.patternMap[pattern];
+    const actionName = `set${(0, _startCase.default)(field)}`;
     dispatch({
       type: actionName,
-      value: value
+      value
     });
     callback === null || callback === void 0 || callback(toDate(field, value));
   };
-  var getDateField = function getDateField(pattern) {
-    var fieldName = _DateField.patternMap[pattern];
+  const getDateField = pattern => {
+    const fieldName = _DateField.patternMap[pattern];
     return {
       name: fieldName,
       value: dateField[fieldName]
     };
   };
-  var toControlledDateString = function toControlledDateString() {
+  const toControlledDateString = () => {
     if (date && (0, _date.isValid)(date)) {
       return formatDate(date, formatStr, {
-        locale: locale
+        locale
       });
     }
     // if date is not valid, return uncontrolled date string
     return toDateString();
   };
-  var setNewDate = (0, _react.useCallback)(function (value) {
+  const setNewDate = (0, _react.useCallback)(value => {
     dispatch({
       type: 'setNewDate',
-      value: value
+      value
     });
   }, [dispatch]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (isControlledDate) {
       if (date && (0, _date.isValid)(date)) {
         setNewDate(date);
@@ -120,13 +126,13 @@ 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
   };
 }
 var _default = exports.default = useDateInputState;

package/cjs/DateInput/hooks/useFieldCursor.js

@@ -8,20 +8,20 @@ var _react = require("react");
 var _utils = require("../utils");
 var _hooks = require("../../internals/hooks");
 function useFieldCursor(format, value) {
-  var typeCount = (0, _react.useRef)(0);
-  var increment = (0, _react.useCallback)(function () {
+  const typeCount = (0, _react.useRef)(0);
+  const increment = (0, _react.useCallback)(() => {
     typeCount.current += 1;
   }, []);
-  var reset = (0, _react.useCallback)(function () {
+  const reset = (0, _react.useCallback)(() => {
     typeCount.current = 0;
   }, []);
-  var isResetValue = (0, _react.useCallback)(function () {
+  const isResetValue = (0, _react.useCallback)(() => {
     return typeCount.current === 0;
   }, []);
 
   // Check if the cursor should move to the next field
-  var isMoveCursor = (0, _react.useCallback)(function (value, pattern) {
-    var patternGroup = (0, _utils.getPatternGroups)(format, pattern);
+  const isMoveCursor = (0, _react.useCallback)((value, pattern) => {
+    const patternGroup = (0, _utils.getPatternGroups)(format, pattern);
     if (value.toString().length === patternGroup.length) {
       return true;
     } else if (pattern === 'y' && typeCount.current === 4) {
@@ -31,30 +31,30 @@ 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]);
-  (0, _hooks.useUpdateEffect)(function () {
+  (0, _hooks.useUpdateEffect)(() => {
     if (!value) {
       reset();
     }
   }, [value]);
   return {
-    increment: increment,
-    reset: reset,
-    isMoveCursor: isMoveCursor,
-    isResetValue: isResetValue
+    increment,
+    reset,
+    isMoveCursor,
+    isResetValue
   };
 }
 var _default = exports.default = useFieldCursor;

package/cjs/DateInput/hooks/useIsFocused.js

@@ -6,22 +6,22 @@ exports.default = void 0;
 exports.useIsFocused = useIsFocused;
 var _react = require("react");
 function useIsFocused(_ref) {
-  var onFocusProp = _ref.onFocus,
-    onBlurProp = _ref.onBlur;
-  var _useState = (0, _react.useState)(false),
-    isFocused = _useState[0],
-    setIsFocused = _useState[1];
-  var onFocus = (0, _react.useCallback)(function (event) {
+  let {
+    onFocus: onFocusProp,
+    onBlur: onBlurProp
+  } = _ref;
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const onFocus = (0, _react.useCallback)(event => {
     setIsFocused(true);
     onFocusProp === null || onFocusProp === void 0 || onFocusProp(event);
   }, [onFocusProp]);
-  var onBlur = (0, _react.useCallback)(function (event) {
+  const onBlur = (0, _react.useCallback)(event => {
     setIsFocused(false);
     onBlurProp === null || onBlurProp === void 0 || onBlurProp(event);
   }, [onBlurProp]);
   return [isFocused, {
-    onFocus: onFocus,
-    onBlur: onBlur
+    onFocus,
+    onBlur
   }];
 }
 var _default = exports.default = useIsFocused;

package/cjs/DateInput/hooks/useKeyboardInputEvent.js

@@ -5,14 +5,16 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useKeyboardInputEvent = useKeyboardInputEvent;
 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':
@@ -32,6 +34,7 @@ function useKeyboardInputEvent(_ref) {
         // Allow numeric keys to be entered
         onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 || onSegmentValueChangeWithNumericKeys(event);
         event.preventDefault();
+        break;
       case (_key$match2 = key.match(/[a-z]/)) === null || _key$match2 === void 0 ? void 0 : _key$match2[0]:
         // Determine whether the Ctrl or Command key is pressed, does not affect user copy and paste
         if (event.ctrlKey || event.metaKey) {

package/cjs/DateInput/hooks/useSelectedState.js

@@ -5,18 +5,16 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useSelectedState = useSelectedState;
 var _react = require("react");
-var defaultSelectedState = {
+const defaultSelectedState = {
   selectedPattern: 'y',
   selectionStart: 0,
   selectionEnd: 0
 };
 function useSelectedState() {
-  var _useState = (0, _react.useState)(defaultSelectedState),
-    selectedState = _useState[0],
-    setSelectedState = _useState[1];
+  const [selectedState, setSelectedState] = (0, _react.useState)(defaultSelectedState);
   return {
-    selectedState: selectedState,
-    setSelectedState: setSelectedState
+    selectedState,
+    setSelectedState
   };
 }
 var _default = exports.default = useSelectedState;

package/cjs/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/cjs/DateInput/utils.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.getDatePattern = getDatePattern;
 exports.getInputSelectedState = getInputSelectedState;
@@ -11,26 +10,27 @@ exports.isCursorAfterMonth = isCursorAfterMonth;
 exports.modifyDate = modifyDate;
 exports.useInputSelection = useInputSelection;
 exports.validateDateTime = validateDateTime;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _date = require("../internals/utils/date");
 var _utils = require("../internals/utils");
 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]) || '';
 }
 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.
@@ -42,13 +42,13 @@ 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);
@@ -56,37 +56,39 @@ function getSelectIndexGap(options) {
   return gap;
 }
 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((0, _extends2.default)({}, options, {
+    const nextIndex = selectionIndex + positionOffset;
+    pattern = getDatePattern({
+      ...options,
       selectionIndex: nextIndex
-    }));
+    });
   }
   return pattern;
 }
@@ -97,37 +99,38 @@ function isCursorAfterMonth(cursorIndex, formatStr) {
   return cursorIndex > formatStr.indexOf('M');
 }
 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
       };
     }
@@ -138,32 +141,33 @@ 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 (0, _extends2.default)({
-      selectedPattern: datePattern
-    }, indexes);
+    const indexes = getPatternSelectedIndexes(datePattern);
+    return {
+      selectedPattern: datePattern,
+      ...indexes
+    };
   }
   return {
     selectedPattern: 'y',
@@ -228,12 +232,12 @@ function modifyDate(date, type, value) {
 }
 function useInputSelection(input) {
   return function setSelectionRange(selectionStart, selectionEnd) {
-    var isTest = input.current.dataset.test === 'true';
+    const isTest = input.current.dataset.test === 'true';
     if (isTest) {
       (0, _utils.safeSetSelection)(input.current, selectionStart, selectionEnd);
       return;
     }
-    requestAnimationFrame(function () {
+    requestAnimationFrame(() => {
       (0, _utils.safeSetSelection)(input.current, selectionStart, selectionEnd);
     });
   };