rsuite 5.79.0 → 5.80.0

package/cjs/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.
  *

package/cjs/CustomProvider/CustomProvider.js

@@ -3,7 +3,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.CustomContext = void 0;
 exports.default = CustomProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
@@ -12,11 +11,11 @@ var _IconProvider = _interopRequireDefault(require("@rsuite/icons/IconProvider")
 var _hooks = require("../internals/hooks");
 var _prefix = require("../internals/utils/prefix");
 var _DOMHelper = require("../DOMHelper");
+var _CustomContext = require("./CustomContext");
 var _ToastContainer = _interopRequireWildcard(require("../toaster/ToastContainer"));
 var _excluded = ["children", "classPrefix", "components", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});
 var themes = ['light', 'dark', 'high-contrast'];
 
 /**
@@ -73,7 +72,7 @@ function CustomProvider(props) {
       });
     }
   }, [classPrefix, theme]);
-  return /*#__PURE__*/_react.default.createElement(CustomContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_CustomContext.CustomContext.Provider, {
     value: value
   }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {
     value: iconContext

package/cjs/CustomProvider/FormattedDate.js

@@ -6,11 +6,11 @@ exports.__esModule = true;
 exports.FormattedDate = FormattedDate;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _useCustom2 = require("./useCustom");
+var _ = require("./");
 function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;
-  var _useCustom = (0, _useCustom2.useCustom)('Calendar'),
+  var _useCustom = (0, _.useCustom)('Calendar'),
     formatDate = _useCustom.formatDate;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatDate(date, formatStr));
 }

package/cjs/CustomProvider/FormattedNumber.js

@@ -4,13 +4,13 @@
 exports.__esModule = true;
 exports.FormattedNumber = FormattedNumber;
 var _react = _interopRequireWildcard(require("react"));
-var _useCustom2 = require("./useCustom");
+var _ = require("./");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function FormattedNumber(_ref) {
   var value = _ref.value,
     formatOptions = _ref.formatOptions;
-  var _useCustom = (0, _useCustom2.useCustom)(),
+  var _useCustom = (0, _.useCustom)(),
     code = _useCustom.code;
   var formatter = (0, _react.useMemo)(function () {
     return new Intl.NumberFormat(code, formatOptions);

package/cjs/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/cjs/CustomProvider/index.js

@@ -1,16 +1,16 @@
 'use client';
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useCustom = exports.default = exports.FormattedNumber = exports.FormattedDate = exports.CustomContext = void 0;
-var _CustomProvider = _interopRequireWildcard(require("./CustomProvider"));
-exports.CustomContext = _CustomProvider.CustomContext;
+var _CustomProvider = _interopRequireDefault(require("./CustomProvider"));
 var _FormattedDate = require("./FormattedDate");
 exports.FormattedDate = _FormattedDate.FormattedDate;
 var _FormattedNumber = require("./FormattedNumber");
 exports.FormattedNumber = _FormattedNumber.FormattedNumber;
 var _useCustom = require("./useCustom");
 exports.useCustom = _useCustom.useCustom;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _CustomContext = require("./CustomContext");
+exports.CustomContext = _CustomContext.CustomContext;
 var _default = exports.default = _CustomProvider.default;

package/cjs/CustomProvider/useCustom.js

@@ -11,7 +11,7 @@ var _react = require("react");
 var _assign = _interopRequireDefault(require("lodash/assign"));
 var _en_GB = _interopRequireDefault(require("../locales/en_GB"));
 var _date = require("../internals/utils/date");
-var _CustomProvider = require("./CustomProvider");
+var _CustomContext = require("./CustomContext");
 var _excluded = ["locale"];
 function getDefaultRTL() {
   return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
@@ -31,7 +31,7 @@ function toLocaleKey(componentName) {
  */
 function useCustom(componentName, componentProps) {
   var _globalLocale$DateTim;
-  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),
+  var _useContext = (0, _react.useContext)(_CustomContext.CustomContext),
     _useContext$component = _useContext.components,
     components = _useContext$component === void 0 ? {} : _useContext$component,
     _useContext$locale = _useContext.locale,

package/cjs/DatePicker/DatePicker.js

@@ -62,8 +62,7 @@ var DatePicker = /*#__PURE__*/_react.default.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/cjs/DateRangePicker/DateRangePicker.js

@@ -74,8 +74,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     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/cjs/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/cjs/DateRangePicker/utils.js

@@ -52,7 +52,8 @@ var getMonthHoverRange = exports.getMonthHoverRange = function getMonthHoverRang
 };
 var getWeekHoverRange = exports.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/cjs/Image/hooks/useImage.js

@@ -1,11 +1,10 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.useImage = void 0;
 var _react = require("react");
-var _useIsomorphicLayoutEffect = _interopRequireDefault(require("../../internals/hooks/useIsomorphicLayoutEffect"));
+var _hooks = require("../../internals/hooks");
 var useImage = exports.useImage = function useImage(props) {
   var src = props.src,
     fallbackSrc = props.fallbackSrc,
@@ -54,7 +53,7 @@ var useImage = exports.useImage = function useImage(props) {
     };
     imageRef.current = image;
   }, [crossOrigin, fallbackSrc, loading, sizes, src, srcSet]);
-  (0, _useIsomorphicLayoutEffect.default)(function () {
+  (0, _hooks.useIsomorphicLayoutEffect)(function () {
     loadImage();
     return function () {
       flush();

package/cjs/InlineEdit/InlineEdit.js

@@ -49,6 +49,7 @@ var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onChange = _useEditState.onChange,
     onKeyDown = _useEditState.onKeyDown,
     onClick = _useEditState.onClick,
+    onFocus = _useEditState.onFocus,
     htmlProps = _useEditState.htmlProps;
   var _useFocusEvent = (0, _useFocusEvent2.default)({
       isEditing: isEditing,
@@ -75,7 +76,8 @@ var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       disabled: disabled
     })),
     onClick: onClick,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onFocus: onFocus
   }, htmlProps), (0, _renderChildren.renderChildren)(children, childrenProps, target), showControls && isEditing && /*#__PURE__*/_react.default.createElement(_EditableControls.default, {
     className: prefix('controls'),
     onSave: onSave,

package/cjs/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/cjs/InlineEdit/useEditState.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = require("react");
 var _hooks = require("../internals/hooks");
-var _excluded = ["value", "defaultValue", "disabled", "onChange", "onEdit", "onCancel", "onSave", "onClick"];
+var _excluded = ["value", "defaultValue", "disabled", "onChange", "onEdit", "onCancel", "onSave", "onClick", "onFocus"];
 var useEditState = function useEditState(props) {
   var valueProp = props.value,
     defaultValue = props.defaultValue,
@@ -17,6 +17,7 @@ var useEditState = function useEditState(props) {
     onCancel = props.onCancel,
     onSave = props.onSave,
     onClick = props.onClick,
+    onFocus = props.onFocus,
     htmlProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useState = (0, _react.useState)(false),
     isEditing = _useState[0],
@@ -38,6 +39,12 @@ var useEditState = function useEditState(props) {
     setIsEditing(true);
     setResetValue(value);
   });
+  var handleFocus = (0, _hooks.useEventCallback)(function (event) {
+    if (disabled) return;
+    onFocus === null || onFocus === void 0 || onFocus(event);
+    setIsEditing(true);
+    setResetValue(value);
+  });
   var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     setValue(value);
     onChange === null || onChange === void 0 || onChange(value, event);
@@ -75,6 +82,7 @@ var useEditState = function useEditState(props) {
     value: value,
     onClick: handleClick,
     onChange: handleChange,
+    onFocus: handleFocus,
     onCancel: handleCancel,
     onSave: handleSave,
     onKeyDown: handleKeyDown,

package/cjs/List/List.js

@@ -65,7 +65,9 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     register = _useSortHelper.register,
     sorting = _useSortHelper.sorting,
     handleEnd = _useSortHelper.handleEnd,
-    handleStart = _useSortHelper.handleStart;
+    handleStart = _useSortHelper.handleStart,
+    handleTouchStart = _useSortHelper.handleTouchStart,
+    handleTouchEnd = _useSortHelper.handleTouchEnd;
   var classes = merge(className, withClassPrefix({
     bordered: bordered,
     sortable: sortable,
@@ -86,7 +88,9 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: (0, _utils.mergeRefs)(containerRef, ref),
     className: classes,
     onMouseDown: sortable ? handleStart : undefined,
-    onMouseUp: sortable ? handleEnd : undefined
+    onMouseUp: sortable ? handleEnd : undefined,
+    onTouchStart: sortable ? handleTouchStart : undefined,
+    onTouchEnd: sortable ? handleTouchEnd : undefined
   }), /*#__PURE__*/_react.default.createElement(_ListContext.default.Provider, {
     value: contextValue
   }, children));

package/cjs/List/helper/useSortHelper.d.ts

@@ -1,4 +1,4 @@
-import { MouseEventHandler } from 'react';
+import { MouseEventHandler, TouchEventHandler } from 'react';
 import { Collection, ManagedItem } from './useManager';
 export interface MovedItemInfo {
     collection: Collection;
@@ -10,14 +10,16 @@ export type SortConfig = {
     autoScroll?: boolean;
     pressDelay?: number;
     transitionDuration?: number;
-    onSortStart?(payload?: MovedItemInfo, event?: MouseEvent): void;
-    onSortMove?(payload?: MovedItemInfo, event?: MouseEvent): void;
-    onSortEnd?(payload?: MovedItemInfo, event?: MouseEvent): void;
-    onSort?(payload?: MovedItemInfo, event?: MouseEvent): void;
+    onSortStart?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
+    onSortMove?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
+    onSortEnd?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
+    onSort?(payload?: MovedItemInfo, event?: MouseEvent | TouchEvent): void;
 };
 declare const useSortHelper: (config: SortConfig) => {
     handleStart: MouseEventHandler<Element>;
     handleEnd: MouseEventHandler<Element>;
+    handleTouchStart: TouchEventHandler<Element>;
+    handleTouchEnd: TouchEventHandler<Element>;
     containerRef: import("react").RefObject<HTMLDivElement>;
     sorting: boolean;
     register: (item: ManagedItem) => {