rsuite 5.79.0 → 5.80.0

package/cjs/List/helper/useSortHelper.js

@@ -37,7 +37,7 @@ var useSortHelper = function useSortHelper(config) {
   /**
    * start dragging
    * */
-  var handlePress = (0, _react.useCallback)(function (mouseDownEvent, _targetNode, curManagedItem) {
+  var handlePress = (0, _react.useCallback)(function (event, _targetNode, curManagedItem) {
     var _curManagedItem$info$, _curManagedItem$info$2, _activeNodeHelper;
     if (!isMounted()) return;
     // data
@@ -51,6 +51,13 @@ var useSortHelper = function useSortHelper(config) {
     };
     var animatedNodesOffset = []; // all list item offset
 
+    // Get initial position from event
+    var isTouchEvent = 'touches' in event;
+    var initialPosition = {
+      pageX: isTouchEvent ? event.touches[0].pageX : event.pageX,
+      pageY: isTouchEvent ? event.touches[0].pageY : event.pageY
+    };
+
     // init scroller
     var scrollContainer = (0, _utils.getScrollingParent)(containerElement) || containerElement;
     var initScroll = {
@@ -92,17 +99,31 @@ var useSortHelper = function useSortHelper(config) {
         y: 0
       });
     };
-    var sortMouseMoveListener = (0, _on.default)(window, 'mousemove', function (mouseOverEvent) {
+
+    // Common handler for both mouse and touch move events
+    var handleSortMove = function handleSortMove(moveEvent) {
+      // Prevent default to stop page scrolling during touch drag
+      if ('touches' in moveEvent) {
+        moveEvent.preventDefault();
+      }
+
+      // Get current position from event
+      var isTouchMoveEvent = 'touches' in moveEvent;
+      var currentPosition = {
+        pageX: isTouchMoveEvent ? moveEvent.touches[0].pageX : moveEvent.pageX,
+        pageY: isTouchMoveEvent ? moveEvent.touches[0].pageY : moveEvent.pageY
+      };
+
       // Update helper position
       var offset = {
-        x: (mouseOverEvent === null || mouseOverEvent === void 0 ? void 0 : mouseOverEvent.pageX) || 0,
-        y: (mouseOverEvent === null || mouseOverEvent === void 0 ? void 0 : mouseOverEvent.pageY) || 0
+        x: currentPosition.pageX,
+        y: currentPosition.pageY
       };
       var containerScrollDelta = getContainerScrollDelta();
       var containerBoundingRect = scrollContainer.getBoundingClientRect();
       activeNodeHolderTranslate = {
-        x: offset.x - mouseDownEvent.pageX,
-        y: offset.y - mouseDownEvent.pageY
+        x: offset.x - initialPosition.pageX,
+        y: offset.y - initialPosition.pageY
       };
       if (activeNodeHelper) {
         (0, _utils.setTranslate3d)(activeNodeHelper, activeNodeHolderTranslate);
@@ -202,14 +223,22 @@ var useSortHelper = function useSortHelper(config) {
         node: activeNode,
         oldIndex: activeNodeOldIndex,
         newIndex: activeNodeNextIndex
-      }, mouseOverEvent);
-    }, {
-      passive: false
-    });
-    var sortMouseEndListener = (0, _on.default)(window, 'mouseup', function (event) {
+      }, moveEvent);
+    };
+
+    // Common handler for both mouse and touch end events
+    var handleSortEnd = function handleSortEnd(endEvent) {
+      var _sortTouchMoveListene, _sortTouchEndListener;
       // Remove the event listeners
       sortMouseMoveListener.off();
       sortMouseEndListener.off();
+      (_sortTouchMoveListene = sortTouchMoveListener) === null || _sortTouchMoveListene === void 0 || _sortTouchMoveListene.off();
+      (_sortTouchEndListener = sortTouchEndListener) === null || _sortTouchEndListener === void 0 || _sortTouchEndListener.off();
+
+      // Enable page scrolling again
+      if (document.body.style.overflow === 'hidden') {
+        document.body.style.overflow = '';
+      }
       var holderTranslate = getHolderTranslate();
       var containerScrollDelta = getContainerScrollDelta();
       if (activeNodeHelper) {
@@ -256,12 +285,33 @@ var useSortHelper = function useSortHelper(config) {
           newIndex: activeNodeNextIndex,
           oldIndex: activeNodeOldIndex
         };
-        onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, event);
-        onSort === null || onSort === void 0 || onSort(callbackPayload, event);
+        onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, endEvent);
+        onSort === null || onSort === void 0 || onSort(callbackPayload, endEvent);
       }, transitionDuration);
-    }, {
+    };
+
+    // Set up mouse event listeners
+    var sortMouseMoveListener = (0, _on.default)(window, 'mousemove', handleSortMove, {
+      passive: false
+    });
+    var sortMouseEndListener = (0, _on.default)(window, 'mouseup', handleSortEnd, {
       passive: false
     });
+
+    // Set up touch event listeners
+    var sortTouchMoveListener;
+    var sortTouchEndListener;
+    if (isTouchEvent) {
+      // Disable page scrolling during touch drag
+      document.body.style.overflow = 'hidden';
+      sortTouchMoveListener = (0, _on.default)(window, 'touchmove', handleSortMove, {
+        passive: false
+      } // Important: passive: false allows preventDefault() to work
+      );
+      sortTouchEndListener = (0, _on.default)(window, 'touchend', handleSortEnd, {
+        passive: false
+      });
+    }
     setSorting(true);
     // start callback
     onSortStart === null || onSortStart === void 0 || onSortStart({
@@ -269,7 +319,7 @@ var useSortHelper = function useSortHelper(config) {
       node: activeNode,
       oldIndex: activeNodeOldIndex,
       newIndex: activeNodeNextIndex
-    }, mouseDownEvent.nativeEvent);
+    }, event);
   }, [autoScroll, getOrderedItems, isMounted, onSort, onSortEnd, onSortMove, onSortStart, transitionDuration]);
 
   /**
@@ -297,15 +347,58 @@ var useSortHelper = function useSortHelper(config) {
     }
   }, [getManagedItem, handlePress, pressDelay, sorting]);
 
+  /**
+   * Handle touch start for mobile devices
+   */
+  var handleTouchStart = (0, _react.useCallback)(function (touchStartEvent) {
+    var triggeredNode = touchStartEvent.target;
+    var targetNode = (0, _utils.closestNode)(triggeredNode, function (el) {
+      return Boolean(getManagedItem(el));
+    });
+    var curManagedItem = getManagedItem(targetNode);
+    if (
+    // is list item
+    Boolean(curManagedItem) && !curManagedItem.info.disabled &&
+    // is not sorting
+    !sorting &&
+    // is valid node
+    targetNode instanceof HTMLElement &&
+    // excludes interactive elements
+    !targetNode.contains((0, _utils.closestNode)(triggeredNode, _utils.isContainInteractiveElement))) {
+      // Prevent scrolling while sorting
+      touchStartEvent.preventDefault();
+      pressTimer.current = setTimeout(handlePress, pressDelay, touchStartEvent, targetNode, curManagedItem);
+    }
+  }, [getManagedItem, handlePress, pressDelay, sorting]);
+
   /**
    * Clear timer after drag
    * */
   var handleEnd = (0, _react.useCallback)(function () {
-    return clearTimeout(pressTimer.current);
+    clearTimeout(pressTimer.current);
+
+    // Ensure page scrolling is re-enabled
+    if (document.body.style.overflow === 'hidden') {
+      document.body.style.overflow = '';
+    }
+  }, []);
+
+  /**
+   * Clear timer after touch end
+   */
+  var handleTouchEnd = (0, _react.useCallback)(function () {
+    clearTimeout(pressTimer.current);
+
+    // Ensure page scrolling is re-enabled
+    if (document.body.style.overflow === 'hidden') {
+      document.body.style.overflow = '';
+    }
   }, []);
   return {
     handleStart: handleStart,
     handleEnd: handleEnd,
+    handleTouchStart: handleTouchStart,
+    handleTouchEnd: handleTouchEnd,
     containerRef: containerRef,
     sorting: sorting,
     register: listItemRegister

package/cjs/List/helper/utils.js

@@ -72,12 +72,20 @@ function getEdgeOffset(node, parent, offset) {
   return getEdgeOffset(node.parentNode, parent, nodeOffset);
 }
 function getScrollingParent(el) {
-  return closestNode(el, function (el) {
-    var computedStyle = window.getComputedStyle(el);
-    var overflowRegex = /(auto|scroll)/;
-    var properties = ['overflow', 'overflowX', 'overflowY'];
-    return properties.some(function (property) {
-      return overflowRegex.test(computedStyle[property]);
+  if (!el || typeof window === 'undefined' || !window.getComputedStyle) {
+    return null;
+  }
+  try {
+    return closestNode(el, function (el) {
+      var computedStyle = window.getComputedStyle(el);
+      var overflowRegex = /(auto|scroll)/;
+      var properties = ['overflow', 'overflowX', 'overflowY'];
+      return properties.some(function (property) {
+        return overflowRegex.test(computedStyle[property]);
+      });
     });
-  });
+  } catch (error) {
+    // In test environments, errors may occur, so return null
+    return null;
+  }
 }

package/cjs/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/cjs/internals/hooks/useClassNames.js

@@ -8,7 +8,7 @@ exports.useClassNames = useClassNames;
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _prefix = require("../utils/prefix");
-var _CustomProvider = require("../../CustomProvider/CustomProvider");
+var _CustomContext = require("../../CustomProvider/CustomContext");
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
 
@@ -26,7 +26,7 @@ var _CustomProvider = require("../../CustomProvider/CustomProvider");
  *  - rootPrefix
  */
 function useClassNames(str) {
-  var _ref = (0, _react.useContext)(_CustomProvider.CustomContext) || {},
+  var _ref = (0, _react.useContext)(_CustomContext.CustomContext) || {},
     _ref$classPrefix = _ref.classPrefix,
     classPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;
   var componentName = (0, _prefix.prefix)(classPrefix, str);

package/cjs/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/cjs/internals/utils/date/getWeekStartDates.js

@@ -15,13 +15,10 @@ var _startOfWeek = _interopRequireDefault(require("date-fns/startOfWeek"));
  * @returns A list of first days of weeks in a month
  */
 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 = (0, _startOfWeek.default)(firstDayOfMonth, {
-    weekStartsOn: weekStartsOn,
+    weekStartsOn: weekStart,
     locale: locale
   });
   var days = [firstDay];

package/cjs/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/cjs/internals/utils/date/index.js

@@ -50,6 +50,7 @@ var _exportNames = {
   isLastDayOfMonth: true,
   lastDayOfMonth: true,
   startOfToday: true,
+  getISOWeek: true,
   getWeekStartDates: true,
   getWeekKeys: true,
   reverseDateRangeOmitTime: true,
@@ -61,7 +62,7 @@ var _exportNames = {
   extractTimeFormat: true,
   calendarOnlyProps: true
 };
-exports.useDateMode = exports.subDays = exports.startOfWeek = exports.startOfToday = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.set = exports.reverseDateRangeOmitTime = exports.parseISO = exports.parse = exports.omitHideDisabledProps = exports.lastDayOfMonth = exports.isValid = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isMatch = exports.isLastDayOfMonth = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getWeekStartDates = exports.getWeekKeys = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.extractTimeFormat = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.disableTime = exports.differenceInCalendarMonths = exports.copyTime = exports.compareAsc = exports.calendarOnlyProps = exports.addYears = exports.addSeconds = exports.addMonths = exports.addMinutes = exports.addHours = exports.addDays = exports.DateMode = void 0;
+exports.useDateMode = exports.subDays = exports.startOfWeek = exports.startOfToday = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.set = exports.reverseDateRangeOmitTime = exports.parseISO = exports.parse = exports.omitHideDisabledProps = exports.lastDayOfMonth = exports.isValid = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isMatch = exports.isLastDayOfMonth = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getWeekStartDates = exports.getWeekKeys = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getISOWeek = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.extractTimeFormat = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.disableTime = exports.differenceInCalendarMonths = exports.copyTime = exports.compareAsc = exports.calendarOnlyProps = exports.addYears = exports.addSeconds = exports.addMonths = exports.addMinutes = exports.addHours = exports.addDays = exports.DateMode = void 0;
 var _addDays = _interopRequireDefault(require("date-fns/addDays"));
 exports.addDays = _addDays.default;
 var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
@@ -154,6 +155,8 @@ var _lastDayOfMonth = _interopRequireDefault(require("date-fns/lastDayOfMonth"))
 exports.lastDayOfMonth = _lastDayOfMonth.default;
 var _startOfToday = _interopRequireDefault(require("date-fns/startOfToday"));
 exports.startOfToday = _startOfToday.default;
+var _getISOWeek = _interopRequireDefault(require("date-fns/getISOWeek"));
+exports.getISOWeek = _getISOWeek.default;
 var _getWeekStartDates = require("./getWeekStartDates");
 exports.getWeekStartDates = _getWeekStartDates.getWeekStartDates;
 var _getWeekKeys = require("./getWeekKeys");

package/cjs/useToaster/useToaster.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _toaster = _interopRequireDefault(require("../toaster"));
-var _CustomProvider = require("../CustomProvider/CustomProvider");
+var _CustomContext = require("../CustomProvider/CustomContext");
 // From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'
 // because babel compiles commonjs, which causes CustomContext to be undefined
 
@@ -18,7 +18,7 @@ var _CustomProvider = require("../CustomProvider/CustomProvider");
  * @see https://rsuitejs.com/components/toaster/
  */
 var useToaster = function useToaster() {
-  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),
+  var _useContext = (0, _react.useContext)(_CustomContext.CustomContext),
     toasters = _useContext.toasters,
     toastContainer = _useContext.toastContainer;
   return (0, _react.useMemo)(function () {