rsuite 5.2.1 → 5.3.0

package/cjs/DateRangePicker/types.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { DATERANGE_DISABLED_TARGET } from '../utils/constants';
 export declare type ValueType = [Date?, Date?];
+export declare type DateRange = [Date, Date];
 export interface RangeType {
     label: React.ReactNode;
     closeOverlay?: boolean;
-    value: ValueType | ((value?: ValueType) => ValueType);
+    value: DateRange | ((value?: ValueType) => DateRange);
 }
 export declare type DisabledDateFunction = (
 /** Date used to determine if disabling is required. */

package/cjs/DateRangePicker/utils.d.ts

@@ -1,9 +1,9 @@
-import { RangeType, ValueType } from './types';
+import { DateRange, RangeType } from './types';
 export declare const setTimingMargin: (date: any, way?: string) => Date;
 export declare function getCalendarDate({ value }: {
-    value?: ValueType;
-}): ValueType;
+    value: [] | [Date] | [Date, Date] | null;
+}): DateRange;
 export declare const getDefaultRanges: () => RangeType[];
-export declare const isSameRange: (source: ValueType, dest: ValueType, format: string) => boolean;
-export declare const getMonthHoverRange: (date: Date) => ValueType;
-export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => ValueType;
+export declare const isSameRange: (source: DateRange | null, dest: DateRange | null, format: string) => boolean;
+export declare const getMonthHoverRange: (date: Date) => DateRange;
+export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => DateRange;

package/cjs/DateRangePicker/utils.js

@@ -52,10 +52,15 @@ var getDefaultRanges = function getDefaultRanges() {
 exports.getDefaultRanges = getDefaultRanges;
 
 var isSameRange = function isSameRange(source, dest, format) {
-  var result = _utils.DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && _utils.DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]);
+  // If both are null, reguard as same
+  if (null === source && null === dest) return true; // If only one is null, regard as different
+
+  if (null === source || null === dest) return false;
+
+  var result = _utils.DateUtils.isSameDay(source[0], dest[0]) && _utils.DateUtils.isSameDay(source[1], dest[1]);
 
   if (_utils.DateUtils.shouldTime(format)) {
-    result && (result = _utils.DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && _utils.DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]));
+    result && (result = _utils.DateUtils.isSameSecond(source[0], dest[0]) && _utils.DateUtils.isSameSecond(source[1], dest[1]));
   }
 
   return result;

package/cjs/Disclosure/Disclosure.js

@@ -56,12 +56,14 @@ function Disclosure(props) {
       openState = _useReducer[0].open,
       dispatch = _useReducer[1];
 
-  var containerElementRef = (0, _react.useRef)();
+  var containerElementRef = (0, _react.useRef)(null);
   var open = openProp !== null && openProp !== void 0 ? openProp : openState;
   (0, _useClickOutside.default)({
     enabled: hideOnClickOutside,
     isOutside: function isOutside(event) {
-      return !containerElementRef.current.contains(event.target);
+      var _containerElementRef$;
+
+      return !((_containerElementRef$ = containerElementRef.current) !== null && _containerElementRef$ !== void 0 && _containerElementRef$.contains(event.target));
     },
     handle: function handle() {
       return dispatch({

package/cjs/Disclosure/DisclosureButton.js

@@ -1,24 +1,26 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
 exports.default = void 0;
 
 var _react = require("react");
 
-var _DisclosureContext = _interopRequireWildcard(require("./DisclosureContext"));
+var _DisclosureContext = require("./DisclosureContext");
 
 var _utils = require("../utils");
 
+var _useDisclosureContext2 = _interopRequireDefault(require("./useDisclosureContext"));
+
 function DisclosureButton(props) {
   var children = props.children;
-  var buttonRef = (0, _react.useRef)();
+  var buttonRef = (0, _react.useRef)(null);
 
-  var _useContext = (0, _react.useContext)(_DisclosureContext.default),
-      open = _useContext[0].open,
-      dispatch = _useContext[1],
-      onToggle = _useContext[2].onToggle;
+  var _useDisclosureContext = (0, _useDisclosureContext2.default)(DisclosureButton.displayName),
+      open = _useDisclosureContext[0].open,
+      dispatch = _useDisclosureContext[1],
+      onToggle = _useDisclosureContext[2].onToggle;
 
   var toggle = (0, _react.useCallback)(function (event) {
     if (!open) {

package/cjs/Disclosure/DisclosureContent.js

@@ -7,15 +7,13 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _DisclosureContext = _interopRequireDefault(require("./DisclosureContext"));
+var _useDisclosureContext = _interopRequireDefault(require("./useDisclosureContext"));
 
 function DisclosureContent(props) {
   var children = props.children;
-  var elementRef = (0, _react.useRef)();
-
-  var _useContext = (0, _react.useContext)(_DisclosureContext.default),
-      open = _useContext[0].open;
-
+  var elementRef = (0, _react.useRef)(null);
+  var disclosure = (0, _useDisclosureContext.default)(DisclosureContent.displayName);
+  var open = disclosure[0].open;
   return children({
     open: open
   }, elementRef);

package/cjs/Disclosure/DisclosureContext.d.ts

@@ -13,8 +13,8 @@ export declare type DisclosureContextProps = [
     DisclosureState,
     Dispatch<DisclosureAction>,
     {
-        onToggle: (open: boolean, event?: React.SyntheticEvent) => void;
+        onToggle?: (open: boolean, event: React.SyntheticEvent) => void;
     }
 ];
-declare const DisclosureContext: React.Context<DisclosureContextProps>;
+declare const DisclosureContext: React.Context<DisclosureContextProps | null>;
 export default DisclosureContext;

package/cjs/Disclosure/useDisclosureContext.d.ts

@@ -0,0 +1,2 @@
+import { DisclosureContextProps } from './DisclosureContext';
+export default function useDisclosureContext(component: string): DisclosureContextProps;

package/cjs/Disclosure/useDisclosureContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = useDisclosureContext;
+
+var _react = require("react");
+
+var _DisclosureContext = _interopRequireDefault(require("./DisclosureContext"));
+
+function useDisclosureContext(component) {
+  var context = (0, _react.useContext)(_DisclosureContext.default);
+
+  if (!context) {
+    throw new Error("<" + component + "> component must be rendered within a <Disclosure>");
+  }
+
+  return context;
+}

package/cjs/Dropdown/Dropdown.d.ts

@@ -45,7 +45,7 @@ export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttr
     /** Callback function for menu state switching */
     onToggle?: (open?: boolean) => void;
     /** Selected callback function */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 export interface DropdownComponent extends RsRefForwardingComponent<'div', DropdownProps> {
     Item: typeof DropdownItem;

package/cjs/Dropdown/DropdownContext.d.ts

@@ -2,9 +2,9 @@ import React, { Dispatch } from 'react';
 import { DropdownAction } from './DropdownState';
 export interface DropdownContextProps {
     activeKey?: string;
-    onSelect: (eventKey: string, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: string | undefined, event: React.SyntheticEvent) => void;
     hasSelectedItem?: boolean;
     dispatch?: Dispatch<DropdownAction>;
 }
-declare const DropdownContext: React.Context<DropdownContextProps>;
+declare const DropdownContext: React.Context<DropdownContextProps | null>;
 export default DropdownContext;

package/cjs/Dropdown/DropdownItem.js

@@ -86,7 +86,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       dispatchDisclosure = _ref[1];
 
   var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {
-    dispatchDisclosure({
+    dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({
       type: _DisclosureContext.DisclosureActionTypes.Hide
     });
     handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
@@ -133,7 +133,8 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   if (panel) {
     return renderDropdownItem((0, _extends2.default)({
       ref: ref,
-      className: merge(prefix('panel'), className)
+      className: merge(prefix('panel'), className),
+      children: children
     }, restProps));
   }
 

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -19,8 +19,8 @@ export interface DropdownMenuProps<T = string> extends StandardProps {
     disabled?: boolean;
     activeKey?: T;
     trigger?: 'hover' | 'click';
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
-    onToggle?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
+    onToggle?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 /**
  * The <Dropdown.Menu> API
@@ -40,5 +40,5 @@ export interface DropdownMenuProps<T = string> extends StandardProps {
  *   </Dropdown.Menu>
  * </Dropdown>
  */
-declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps<string> & Omit<React.HTMLAttributes<HTMLUListElement>, "title" | "onSelect"> & React.RefAttributes<unknown>>;
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps<string> & Omit<React.HTMLAttributes<HTMLUListElement>, "title" | "onSelect"> & React.RefAttributes<HTMLElement>>;
 export default DropdownMenu;

package/cjs/Dropdown/DropdownState.d.ts

@@ -33,5 +33,5 @@ export declare type DropdownAction = {
         id: string;
     };
 };
-export declare function reducer(state: DropdownState, action: DropdownAction): DropdownState;
+export declare function reducer(state: DropdownState | undefined, action: DropdownAction): DropdownState;
 export {};

package/cjs/Dropdown/DropdownToggle.js

@@ -33,7 +33,8 @@ var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       children = props.children,
       icon = props.icon,
       noCaret = props.noCaret,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "renderToggle", "children", "icon", "noCaret", "placement"]);
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
 

package/cjs/Dropdown/useRenderDropdownItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function useRenderDropdownItem(Component: React.ElementType): (props: any, OverrideComponent?: React.ElementType) => JSX.Element;
+export declare function useRenderDropdownItem(Component: React.ElementType): (props: any, OverrideComponent?: React.ElementType<any> | undefined) => JSX.Element;

package/cjs/Form/Form.js

@@ -250,7 +250,7 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setFormValue(nextFormValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);
   }, [onChange, getFormValue]);
-  var rootRef = (0, _react.useRef)();
+  var rootRef = (0, _react.useRef)(null);
   var formContextValue = (0, _react.useMemo)(function () {
     return {
       model: model,

package/cjs/Form/FormContext.d.ts

@@ -19,6 +19,6 @@ export interface FormContextValue<T = Record<string, any>, errorMsgType = any, E
 export declare const FormContext: React.Context<FormContextValue<Record<string, any>, any, {
     [x: string]: any;
 }>>;
-export declare const FormValueContext: React.Context<Record<string, any>>;
+export declare const FormValueContext: React.Context<Record<string, any> | undefined>;
 export declare const FormPlaintextContext: React.Context<boolean>;
 export default FormContext;

package/cjs/FormControl/FormControl.d.ts

@@ -32,7 +32,7 @@ export interface FormControlProps<P = any, ValueType = any> extends WithAsProps,
 interface FormControlComponent extends React.FC<FormControlProps> {
     <Accepter extends React.ElementType = typeof Input>(props: FormControlProps & {
         accepter?: Accepter;
-    } & React.ComponentPropsWithRef<Accepter>): React.ReactElement;
+    } & React.ComponentPropsWithRef<Accepter>): React.ReactElement | null;
 }
 declare const FormControl: FormControlComponent;
 export default FormControl;

package/cjs/FormControl/FormControl.js

@@ -68,7 +68,8 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       disabled = _props$disabled === void 0 ? disabledContext : _props$disabled,
       onChange = props.onChange,
       onBlur = props.onBlur,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "accepter", "classPrefix", "className", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur"]);
+      defaultValue = props.defaultValue,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "accepter", "classPrefix", "className", "checkAsync", "checkTrigger", "errorPlacement", "errorMessage", "name", "value", "readOnly", "plaintext", "disabled", "onChange", "onBlur", "defaultValue"]);
 
   var _useContext2 = (0, _react.useContext)(_FormGroup.FormGroupContext),
       controlId = _useContext2.controlId;
@@ -118,12 +119,12 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var nextFormValue = (0, _extends3.default)({}, formValue, (_extends2 = {}, _extends2[name] = value, _extends2));
 
     if (checkAsync) {
-      return model.checkForFieldAsync(name, nextFormValue).then(function (checkResult) {
+      return model === null || model === void 0 ? void 0 : model.checkForFieldAsync(name, nextFormValue).then(function (checkResult) {
         return callbackEvents(checkResult);
       });
     }
 
-    return Promise.resolve(callbackEvents(model.checkForField(name, nextFormValue)));
+    return Promise.resolve(callbackEvents(model === null || model === void 0 ? void 0 : model.checkForField(name, nextFormValue)));
   };
 
   var messageNode = null;
@@ -157,7 +158,7 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     name: name,
     onChange: handleFieldChange,
     onBlur: handleFieldBlur,
-    defaultValue: formDefaultValue[name],
+    defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name],
     value: val
   })), /*#__PURE__*/_react.default.createElement(_FormErrorMessage.default, {
     id: controlId + "-error-message",

package/cjs/FormGroup/FormGroup.d.ts

@@ -8,7 +8,7 @@ export interface FormGroupProps extends WithAsProps {
     controlId?: string;
 }
 export declare const FormGroupContext: React.Context<{
-    controlId?: string;
+    controlId?: string | undefined;
 }>;
 declare const FormGroup: RsRefForwardingComponent<'div', FormGroupProps>;
 export default FormGroup;

package/cjs/Input/Input.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent, TypeAttributes, FormControlBaseProps } from '../@types/common';
+import { PrependParameters } from '../@types/utils';
 export interface LocaleType {
     unfilled: string;
 }
-export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>, FormControlBaseProps {
+export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'>, Omit<FormControlBaseProps, 'onChange'> {
     /** The HTML input type */
     type?: string;
     /** The HTML input id */
@@ -12,7 +13,7 @@ export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<
     size?: TypeAttributes.Size;
     /** Ref of input element */
     inputRef?: React.Ref<any>;
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: PrependParameters<React.ChangeEventHandler<HTMLInputElement>, [value: string]>;
     /** Called on press enter */
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
 }

package/cjs/InputGroup/InputGroup.d.ts

@@ -5,7 +5,7 @@ import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types
 export declare const InputGroupContext: React.Context<{
     onFocus: () => void;
     onBlur: () => void;
-}>;
+} | null>;
 export interface InputGroupProps extends WithAsProps {
     /** Sets the composition content internally */
     inside?: boolean;

package/cjs/InputNumber/InputNumber.js

@@ -128,11 +128,15 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       value = _useControlled[0],
       setValue = _useControlled[1];
 
-  var _useState = (0, _react.useState)(disableMaxValue(value, max)),
+  var _useState = (0, _react.useState)(function () {
+    return disableMaxValue(value, max);
+  }),
       disabledUpButton = _useState[0],
       setDisabledUpButton = _useState[1];
 
-  var _useState2 = (0, _react.useState)(disableMinValue(value, min)),
+  var _useState2 = (0, _react.useState)(function () {
+    return disableMinValue(value, min);
+  }),
       disabledDownButton = _useState2[0],
       setDisabledDownButton = _useState2[1];
 

package/cjs/InputPicker/InputAutosize.js

@@ -91,10 +91,10 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       _props$inputId = props.inputId,
       inputId = _props$inputId === void 0 ? uniqueId : _props$inputId,
       tabIndex = props.tabIndex;
-  var rootRef = (0, _react.useRef)();
-  var inputRef = (0, _react.useRef)();
-  var sizerRef = (0, _react.useRef)();
-  var placeholderRef = (0, _react.useRef)();
+  var rootRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useRef)(null);
+  var sizerRef = (0, _react.useRef)(null);
+  var placeholderRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       root: rootRef.current,

package/cjs/InputPicker/InputPicker.d.ts

@@ -9,11 +9,11 @@ export interface InputPickerContextProps {
     /** Multiple selections are allowed */
     multi?: boolean;
     /** Tag related props. */
-    tagProps?: TagProps;
+    tagProps: TagProps;
     /**
      * Set the trigger for creating tags. only valid when creatable
      */
-    trigger?: TriggerType | TriggerType[];
+    trigger: TriggerType | TriggerType[];
     /**
      * No overlay provides options
      */

package/cjs/InputPicker/InputPicker.js

@@ -53,7 +53,10 @@ var _InputSearch = _interopRequireDefault(require("./InputSearch"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var InputPickerContext = /*#__PURE__*/_react.default.createContext({});
+var InputPickerContext = /*#__PURE__*/_react.default.createContext({
+  tagProps: {},
+  trigger: 'Enter'
+});
 
 exports.InputPickerContext = InputPickerContext;
 
@@ -76,7 +79,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       defaultValue = props.defaultValue,
-      defaultOpen = props.defaultOpen,
+      _props$defaultOpen = props.defaultOpen,
+      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
       _props$disabledItemVa = props.disabledItemValues,
       disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
       overrideLocale = props.locale,
@@ -137,9 +141,9 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');
   }
 
-  var overlayRef = (0, _react.useRef)();
-  var targetRef = (0, _react.useRef)();
-  var triggerRef = (0, _react.useRef)();
+  var overlayRef = (0, _react.useRef)(null);
+  var targetRef = (0, _react.useRef)(null);
+  var triggerRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)();
 
   var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),
@@ -466,8 +470,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var events = {
     onMenuPressBackspace: multi ? removeLastItem : handleClean,
     onMenuKeyDown: onKeyDown,
-    onMenuPressEnter: null,
-    onKeyDown: null
+    onMenuPressEnter: undefined,
+    onKeyDown: undefined
   };
   var handleKeyPress = (0, _react.useCallback)(function (event) {
     // When typing a space, create a tag.
@@ -527,7 +531,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var renderDropdownMenuItem = function renderDropdownMenuItem(label, item) {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)(locale === null || locale === void 0 ? void 0 : locale.createOption, label)) : label;
+    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)(locale.createOption, label)) : label;
     return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;
   };
 
@@ -638,7 +642,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       maxHeight: menuMaxHeight,
       data: items,
       group: !(0, _isUndefined.default)(groupBy),
-      onSelect: multi ? handleCheckTag : handleSelectItem,
+      onSelect: multi ? handleCheckTag : handleSelectItem // fixme don't use any
+      ,
       renderMenuGroup: renderMenuGroup,
       renderMenuItem: renderDropdownMenuItem,
       virtualized: virtualized
@@ -696,7 +701,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var plaintextProps = {}; // TagPicker has -6px margin-left on the plaintext wrapper
     // for fixing margin-left on tags from 2nd line on
 
-    if (multi) {
+    if (multi && hasValue) {
       plaintextProps.style = {
         marginLeft: -6
       };
@@ -731,7 +736,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     plaintext: plaintext,
     ref: targetRef,
     as: toggleAs,
-    tabIndex: null,
+    tabIndex: undefined,
     onClean: handleClean,
     cleanable: cleanable && !disabled,
     hasValue: hasValue,

package/cjs/List/ListContext.d.ts

@@ -4,7 +4,7 @@ import useManager from './helper/useManager';
 export declare type ListContextType = {
     bordered?: boolean;
     size?: ListProps['size'];
-    register?: ReturnType<typeof useManager>['listItemRegister'];
+    register: ReturnType<typeof useManager>['listItemRegister'];
 };
 declare const ListContext: React.Context<ListContextType>;
 export default ListContext;

package/cjs/List/ListContext.js

@@ -7,9 +7,16 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _noop = _interopRequireDefault(require("lodash/noop"));
+
 var ListContext = /*#__PURE__*/_react.default.createContext({
   bordered: false,
-  size: 'md'
+  size: 'md',
+  register: function register() {
+    return {
+      unregister: _noop.default
+    };
+  }
 });
 
 var _default = ListContext;

package/cjs/List/helper/AutoScroller.js

@@ -21,8 +21,10 @@ var AutoScroller = /*#__PURE__*/function () {
   var _proto = AutoScroller.prototype;
 
   _proto.clear = function clear() {
-    clearInterval(this.interval);
-    this.interval = null;
+    if (this.interval !== null) {
+      clearInterval(this.interval);
+      this.interval = null;
+    }
   };
 
   _proto.update = function update(_ref) {

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

@@ -2,10 +2,10 @@ import { Offset } from '../../@types/common';
 export declare type Collection = string | number;
 export interface ManagedItem {
     node: HTMLElement;
-    edgeOffset: Offset;
+    edgeOffset: Offset | null;
     info: {
         collection: Collection;
-        index: number;
+        index?: number;
         disabled?: boolean;
     };
 }
@@ -13,7 +13,7 @@ declare const useManager: () => {
     listItemRegister: (item: ManagedItem) => {
         unregister: () => void;
     };
-    getManagedItem: (node: HTMLElement) => ManagedItem;
+    getManagedItem: (node: HTMLElement) => ManagedItem | undefined;
     getOrderedItems: (collection: any) => ManagedItem[];
 };
 export default useManager;

package/cjs/List/helper/useManager.js

@@ -38,7 +38,7 @@ var useManager = function useManager() {
   }, []);
   var getOrderedItems = (0, _react.useCallback)(function (collection) {
     return collection != null ? [].concat(collectionMapRef.current[collection]).sort(function (nodeInfo1, nodeInfo2) {
-      return nodeInfo1.info.index - nodeInfo2.info.index;
+      return Number(nodeInfo1.info.index) - Number(nodeInfo2.info.index);
     }) : [];
   }, []);
   return {

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

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { Collection } from './useManager';
+import { Collection, ManagedItem } from './useManager';
 interface MovedItemInfo {
     collection: Collection;
     node: HTMLElement;
@@ -18,9 +18,9 @@ export declare type SortConfig = {
 declare const useSortHelper: (config: SortConfig) => {
     handleStart: MouseEventHandler<Element>;
     handleEnd: MouseEventHandler<Element>;
-    containerRef: import("react").MutableRefObject<HTMLDivElement>;
+    containerRef: import("react").RefObject<HTMLDivElement>;
     sorting: boolean;
-    register: (item: import("./useManager").ManagedItem) => {
+    register: (item: ManagedItem) => {
         unregister: () => void;
     };
 };

package/cjs/List/helper/useSortHelper.js

@@ -50,7 +50,7 @@ var useSortHelper = function useSortHelper(config) {
    * */
 
   var handlePress = (0, _react.useCallback)(function (mouseDownEvent, targetNode, curManagedItem) {
-    var _activeNodeHelper;
+    var _curManagedItem$info$, _curManagedItem$info$2, _activeNodeHelper;
 
     if (!isMounted()) return;
     var listItemBaseClassName = targetNode.classList[0]; // get list item base className
@@ -60,8 +60,8 @@ var useSortHelper = function useSortHelper(config) {
 
     var containerElement = containerRef.current;
     var activeNode = curManagedItem.node;
-    var activeNodeOldIndex = curManagedItem.info.index;
-    var activeNodeNextIndex = curManagedItem.info.index;
+    var activeNodeOldIndex = (_curManagedItem$info$ = curManagedItem.info.index) !== null && _curManagedItem$info$ !== void 0 ? _curManagedItem$info$ : 0;
+    var activeNodeNextIndex = (_curManagedItem$info$2 = curManagedItem.info.index) !== null && _curManagedItem$info$2 !== void 0 ? _curManagedItem$info$2 : 0;
     var activeNodeHolderTranslate = {
       x: 0,
       y: 0
@@ -132,8 +132,10 @@ var useSortHelper = function useSortHelper(config) {
       var activeNodeHeight = parseFloat(activeNodeStyle.height) || 0;
 
       for (var i = 0, len = listItemManagerRefs.length; i < len; i++) {
+        var _listItemManagerRefs$;
+
         var currentNode = listItemManagerRefs[i].node;
-        var currentNodeIndex = listItemManagerRefs[i].info.index;
+        var currentNodeIndex = (_listItemManagerRefs$ = listItemManagerRefs[i].info.index) !== null && _listItemManagerRefs$ !== void 0 ? _listItemManagerRefs$ : 0;
         var offsetY = activeNodeBoundingClientRect.height > currentNode.offsetHeight ? currentNode.offsetHeight / 2 : activeNodeBoundingClientRect.height / 2;
         var translate = {
           x: 0,

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

@@ -11,6 +11,6 @@ export declare function setTransitionDuration(node: HTMLElement, duration?: numb
 /**
  * find closest target node from source node
  * */
-export declare function closestNode(sourceNode: HTMLElement, judge: (target: HTMLElement) => boolean): HTMLElement;
+export declare function closestNode(sourceNode: HTMLElement, judge: (target: HTMLElement) => boolean): HTMLElement | null;
 export declare function getEdgeOffset(node: HTMLElement, parent: HTMLElement, offset?: Offset): Offset;
-export declare function getScrollingParent(el: HTMLElement): HTMLElement;
+export declare function getScrollingParent(el: HTMLElement): HTMLElement | null;