rsuite 5.4.4 → 5.6.0

package/esm/Affix/Affix.js

@@ -14,6 +14,7 @@ function useOffset(mountRef) {
       setOffset = _useState[1];
 
   var updateOffset = useCallback(function () {
+    // FIXME upgrade dom-lib
     setOffset(getOffset(mountRef.current));
   }, [mountRef]); // Update after the element size changes
 

package/esm/Calendar/TimeDropdown.js

@@ -78,10 +78,11 @@ var scrollTo = function scrollTo(time, row) {
     var node = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
 
     if (node && container) {
-      var _ref2 = getPosition(node, container),
-          top = _ref2.top;
+      var position = getPosition(node, container);
 
-      scrollTopAnimation(container, top, scrollTop(container) !== 0);
+      if (position) {
+        scrollTopAnimation(container, position.top, scrollTop(container) !== 0);
+      }
     }
   });
 };
@@ -111,7 +112,9 @@ var TimeDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showMeridian: showMeridian
     }); // The currently selected time scrolls to the visible range.
 
-    show && scrollTo(time, rowRef.current);
+    if (show && rowRef.current) {
+      scrollTo(time, rowRef.current);
+    }
   }, [date, format, show, showMeridian]);
 
   var handleClick = function handleClick(type, d, event) {

package/esm/Carousel/Carousel.d.ts

@@ -9,7 +9,11 @@ export interface CarouselProps extends WithAsProps {
     placement?: 'top' | 'bottom' | 'left' | 'right';
     /** Button shape */
     shape?: 'dot' | 'bar';
-    /** Callback fired when the active item changes */
+    /** Active element index */
+    activeIndex?: number;
+    /** Defaul initial index */
+    defaultActiveIndex?: number;
+    /** Callback fired when the active item manually changes */
     onSelect?: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
     /** Callback fired when a slide transition starts */
     onSlideStart?: (index: number, event?: React.ChangeEvent<HTMLInputElement>) => void;

package/esm/Carousel/Carousel.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useState, useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { useClassNames, useCustom, guid, ReactChildren, useTimeout, mergeRefs } from '../utils';
+import { useClassNames, useCustom, guid, ReactChildren, useTimeout, mergeRefs, useControlled } from '../utils';
 var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _sliderStyles, _ref;
 
@@ -20,10 +20,13 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       autoplay = props.autoplay,
       _props$autoplayInterv = props.autoplayInterval,
       autoplayInterval = _props$autoplayInterv === void 0 ? 4000 : _props$autoplayInterv,
+      activeIndexProp = props.activeIndex,
+      _props$defaultActiveI = props.defaultActiveIndex,
+      defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
       onSelect = props.onSelect,
       onSlideStart = props.onSlideStart,
       onSlideEnd = props.onSlideEnd,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "classPrefix", "className", "placement", "shape", "autoplay", "autoplayInterval", "onSelect", "onSlideStart", "onSlideEnd"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "classPrefix", "className", "placement", "shape", "autoplay", "autoplayInterval", "activeIndex", "defaultActiveIndex", "onSelect", "onSlideStart", "onSlideEnd"]);
 
   var _useCustom = useCustom('Carousel'),
       rtl = _useCustom.rtl;
@@ -38,17 +41,24 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var vertical = placement === 'left' || placement === 'right';
   var lengthKey = vertical ? 'height' : 'width';
 
+  var _useControlled = useControlled(activeIndexProp, defaultActiveIndex),
+      activeIndex = _useControlled[0],
+      setActiveIndex = _useControlled[1];
+
   var _useState = useState(0),
-      activeIndex = _useState[0],
-      setActiveIndex = _useState[1];
+      lastIndex = _useState[0],
+      setLastIndex = _useState[1];
 
-  var _useState2 = useState(0),
-      lastIndex = _useState2[0],
-      setLastIndex = _useState2[1];
+  var rootRef = useRef(null); // Set a timer for automatic playback.
+  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.
 
-  var rootRef = useRef(null);
+  var _useTimeout = useTimeout(function () {
+    return handleSlide();
+  }, autoplayInterval, !!autoplay && count > 1),
+      clear = _useTimeout.clear,
+      reset = _useTimeout.reset;
 
-  var handleSlide = function handleSlide(nextActiveIndex, event) {
+  var handleSlide = useCallback(function (nextActiveIndex, event) {
     if (!rootRef.current) {
       return;
     }
@@ -61,7 +71,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart(nextIndex, event);
     setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);
     reset();
-  };
+  }, [activeIndex, count, setActiveIndex, clear, onSlideStart, reset]);
 
   var handleChange = function handleChange(event) {
     var activeIndex = +event.target.value;
@@ -71,13 +81,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var handleTransitionEnd = useCallback(function (event) {
     onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd(activeIndex, event);
-  }, [activeIndex, onSlideEnd]); // Set a timer for automatic playback.
-  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.
-
-  var _useTimeout = useTimeout(handleSlide, autoplayInterval, !!autoplay && count > 1),
-      clear = _useTimeout.clear,
-      reset = _useTimeout.reset;
-
+  }, [activeIndex, onSlideEnd]);
   var uniqueId = useMemo(function () {
     return guid();
   }, []);
@@ -146,6 +150,8 @@ Carousel.propTypes = {
   as: PropTypes.elementType,
   className: PropTypes.string,
   classPrefix: PropTypes.string,
+  activeIndex: PropTypes.number,
+  defaultActiveIndex: PropTypes.number,
   autoplay: PropTypes.bool,
   autoplayInterval: PropTypes.number,
   placement: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),

package/esm/Cascader/Cascader.js

@@ -140,7 +140,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getSearchResult = useCallback(function (keyword) {
     var items = [];
     var result = flattenData.filter(function (item) {
-      if (item[childrenKey]) {
+      if (!parentSelectable && item[childrenKey]) {
         return false;
       }
 
@@ -156,7 +156,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     return items;
-  }, [childrenKey, flattenData, someKeyword]); // Used to hover the focuse item  when trigger `onKeydown`
+  }, [childrenKey, flattenData, someKeyword, parentSelectable]); // Used to hover the focuse item  when trigger `onKeydown`
 
   var _useFocusItemValue = useFocusItemValue(value, {
     rtl: rtl,

package/esm/Cascader/DropdownMenu.js

@@ -64,7 +64,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (activeItem) {
         var position = getPosition(activeItem, column); // Let the active option scroll into view.
 
-        scrollTop(column, position.top);
+        scrollTop(column, position === null || position === void 0 ? void 0 : position.top);
       }
     });
   }, [prefix]);

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -51,17 +51,20 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       controlledValue = props.value,
       _props$defaultValue = props.defaultValue,
       defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,
-      defaultExpandAll = props.defaultExpandAll,
+      _props$defaultExpandA = props.defaultExpandAll,
+      defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
       _props$disabledItemVa = props.disabledItemValues,
       disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
       controlledExpandItemValues = props.expandItemValues,
-      defaultExpandItemValues = props.defaultExpandItemValues,
+      _props$defaultExpandI = props.defaultExpandItemValues,
+      defaultExpandItemValues = _props$defaultExpandI === void 0 ? emptyArray : _props$defaultExpandI,
       _props$height = props.height,
       height = _props$height === void 0 ? 360 : _props$height,
       menuStyle = props.menuStyle,
       _props$searchable = props.searchable,
       searchable = _props$searchable === void 0 ? true : _props$searchable,
-      virtualized = props.virtualized,
+      _props$virtualized = props.virtualized,
+      virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
       className = props.className,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
@@ -243,15 +246,17 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var focusActiveNode = useCallback(function () {
-    focusToActiveTreeNode({
-      list: listRef.current,
-      valueKey: valueKey,
-      selector: "." + checkTreePrefix('node-active'),
-      activeNode: activeNode,
-      virtualized: virtualized,
-      container: treeViewRef.current,
-      formattedNodes: getFormattedNodes()
-    });
+    if (listRef.current) {
+      focusToActiveTreeNode({
+        list: listRef.current,
+        valueKey: valueKey,
+        selector: "." + checkTreePrefix('node-active'),
+        activeNode: activeNode,
+        virtualized: virtualized,
+        container: treeViewRef.current,
+        formattedNodes: getFormattedNodes()
+      });
+    }
   }, [checkTreePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);
   useEffect(function () {
     setValue(getCheckTreePickerDefaultValue(value, uncheckableItemValues));

package/esm/CheckTreePicker/utils.d.ts

@@ -36,9 +36,9 @@ export declare function isEveryFirstLevelNodeUncheckable(nodes: TreeNodesType, u
  * get node uncheckable state
  * @param {*} node
  */
-export declare function isNodeUncheckable(node: any, props: Partial<CheckTreePickerProps>): boolean;
-export declare function getFormattedTree(data: any[], nodes: TreeNodesType, props: Partial<CheckTreePickerProps>): any[];
-export declare function getDisabledState(nodes: TreeNodesType, node: TreeNodeType, props: Partial<CheckTreePickerProps>): boolean;
+export declare function isNodeUncheckable(node: any, props: Required<Pick<CheckTreePickerProps, 'uncheckableItemValues' | 'valueKey'>>): boolean;
+export declare function getFormattedTree(data: any[], nodes: TreeNodesType, props: Required<Pick<CheckTreePickerProps, 'childrenKey' | 'cascade'>>): any[];
+export declare function getDisabledState(nodes: TreeNodesType, node: TreeNodeType, props: Required<Pick<CheckTreePickerProps, 'disabledItemValues' | 'valueKey'>>): boolean;
 export declare function getCheckTreePickerDefaultValue(value: any[], uncheckableItemValues: any[]): any[];
 export declare function getSelectedItems(nodes: TreeNodesType, value: (string | number)[], valueKey: string): TreeNodeType[];
 export declare function getNodeCheckState({ nodes, node, cascade, childrenKey }: any): CheckStateType;

package/esm/CheckTreePicker/utils.js

@@ -109,7 +109,7 @@ export function getFormattedTree(data, nodes, props) {
     var curNode = nodes[node.refKey];
 
     if (curNode) {
-      var _node;
+      var _node$childrenKey;
 
       var checkState = !_isUndefined(cascade) ? getNodeCheckState({
         node: curNode,
@@ -123,7 +123,7 @@ export function getFormattedTree(data, nodes, props) {
       formatted.parent = curNode.parent;
       formatted.checkState = checkState;
 
-      if (((_node = node[childrenKey]) === null || _node === void 0 ? void 0 : _node.length) > 0) {
+      if (((_node$childrenKey = node[childrenKey]) === null || _node$childrenKey === void 0 ? void 0 : _node$childrenKey.length) > 0) {
         formatted[childrenKey] = getFormattedTree(formatted[childrenKey], nodes, props);
       }
     }

package/esm/DOMHelper/index.d.ts

@@ -13,15 +13,15 @@ declare const DOMHelper: {
     cancelAnimationFramePolyfill: typeof clearTimeout;
     requestAnimationFramePolyfill: typeof requestAnimationFrame;
     getAnimationEnd: typeof helpers.getAnimationEnd;
-    ownerDocument: (node: Element) => Document;
+    ownerDocument: (node: Element | null) => Document;
     ownerWindow: (componentOrElement: Element) => Window;
     getWindow: (node: any) => Window;
-    getContainer: (container: Element | (() => Element), defaultContainer?: Element | undefined) => Element;
+    getContainer: (container: Element | (() => Element | null) | null, defaultContainer?: Element | undefined) => Element;
     canUseDOM: boolean;
     contains: (context: Element, node: Node & ParentNode) => boolean;
     scrollTop: (node: Element, val?: number | undefined) => number;
     scrollLeft: (node: Element, val?: number | undefined) => number;
-    getOffset: (node: Element) => {
+    getOffset: (node: Element | null) => {
         top: number;
         left: number;
         height: number;
@@ -42,7 +42,7 @@ declare const DOMHelper: {
     isFocusable: typeof helpers.isFocusable;
     getStyle: (node: Element, property?: string | undefined) => string | CSSStyleDeclaration;
     removeStyle: (node: Element, keys: string | string[]) => void;
-    addStyle: (node: Element, property: string | import("dom-lib/esm/addStyle").CSSProperty, value?: string | number | undefined) => void;
+    addStyle: (node: Element, property: string | Partial<import("dom-lib/esm/addStyle").CSSProperty>, value?: string | number | undefined) => void;
     translateDOMPositionXY: (style: CSSStyleDeclaration, x?: number | undefined, y?: number | undefined) => CSSStyleDeclaration;
 };
 export default DOMHelper;

package/esm/DatePicker/DatePicker.js

@@ -128,15 +128,6 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);
     onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);
   }, [onChangeCalendarDate, onSelect]);
-  /**
-   *  A callback triggered when the date on the calendar changes.
-   */
-
-  var handleChangePageDate = useCallback(function (nextPageDate) {
-    setCalendarDate(nextPageDate);
-    reset();
-    handleDateChange(nextPageDate);
-  }, [handleDateChange, reset, setCalendarDate]);
   /**
    *  A callback triggered when the time on the calendar changes.
    */
@@ -261,6 +252,21 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       updateValue(event, nextValue);
     }
   }, [formatStr, handleDateChange, oneTap, calendarDate, setCalendarDate, updateValue]);
+  /**
+   *  A callback triggered when the date on the calendar changes.
+   */
+
+  var handleChangePageDate = useCallback(function (nextPageDate, event) {
+    setCalendarDate(nextPageDate);
+    reset();
+    handleDateChange(nextPageDate); // Show only the calendar month panel. formatStr = 'yyyy-MM'
+
+    var onlyShowMonth = DateUtils.shouldMonth(formatStr) && !DateUtils.shouldDate(formatStr);
+
+    if (oneTap && onlyShowMonth) {
+      updateValue(event, nextPageDate);
+    }
+  }, [formatStr, handleDateChange, oneTap, reset, setCalendarDate, updateValue]);
   var disabledDate = useCallback(function (date) {
     var _disabledDateProp;
 

package/esm/DateRangePicker/Calendar.js

@@ -99,22 +99,8 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return !after;
   }, [calendarDate, index, showOneCalendar]);
   var disabledMonth = useCallback(function (date) {
-    var after;
-
-    if (disabledDate !== null && disabledDate !== void 0 && disabledDate(date, value, DATERANGE_DISABLED_TARGET.CALENDAR)) {
-      return true;
-    }
-
-    if (showOneCalendar) return false;
-
-    if (index === 1) {
-      after = isAfter(date, calendarDate[0]);
-      return !after;
-    }
-
-    after = isAfter(calendarDate[1], date);
-    return !after;
-  }, [calendarDate, disabledDate, index, showOneCalendar, value]);
+    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, DATERANGE_DISABLED_TARGET.CALENDAR);
+  }, [disabledDate, value]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     format: format,
     calendarState: calendarState,

package/esm/DateRangePicker/DateRangePicker.js

@@ -250,7 +250,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (!hasDoneSelect.current) {
       // If `hoverRange` is set, you need to change the value of hoverDateRange according to the rules
-      if (!isNil(nextHoverDateRange)) {
+      if (!isNil(nextHoverDateRange) && !isNil(selectRangeValueRef.current)) {
         var nextSelectedDates = [selectRangeValueRef.current[0], nextHoverDateRange[1]];
 
         if (DateUtils.isBefore(nextHoverDateRange[0], selectRangeValueRef.current[0])) {

package/esm/Dropdown/Dropdown.d.ts

@@ -3,6 +3,7 @@ import DropdownMenu from './DropdownMenu';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 import DropdownItem from './DropdownItem';
+import Button from '../Button';
 export declare type DropdownTrigger = 'click' | 'hover' | 'contextMenu';
 export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect' | 'title'> {
     /** Define the title as a submenu */
@@ -48,6 +49,10 @@ export interface DropdownProps<T = any> extends WithAsProps, Omit<React.HTMLAttr
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 export interface DropdownComponent extends RsRefForwardingComponent<'div', DropdownProps> {
+    <ToggleAs extends React.ElementType = typeof Button>(props: DropdownProps & {
+        ref?: React.Ref<any>;
+        toggleAs?: ToggleAs;
+    } & React.ComponentProps<ToggleAs>, context: any): JSX.Element | null;
     Item: typeof DropdownItem;
     Menu: typeof DropdownMenu;
 }

package/esm/Dropdown/test/Dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/Dropdown/test/Dropdown.test.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Dropdown from '../Dropdown';
+var ref = /*#__PURE__*/React.createRef(); // Infer `toggleAs` props (defaults to Button)
+
+/*#__PURE__*/
+React.createElement(Dropdown, {
+  ref: ref,
+  appearance: "subtle",
+  size: "sm"
+});
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+var CustomToggle = function CustomToggle(_props) {
+  return null;
+};
+
+/*#__PURE__*/
+React.createElement(Dropdown, {
+  ref: ref,
+  toggleAs: CustomToggle,
+  myProp: "myValue"
+});

package/esm/InputNumber/InputNumber.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, TypeAttributes, FormControlBaseProps } from '../@types/common';
-export interface InputNumberProps<T = number | string> extends WithAsProps, FormControlBaseProps<T> {
+export interface InputNumberProps<T = number | string> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'prefix'>, WithAsProps, FormControlBaseProps<T> {
     /** Button can have different appearances */
     buttonAppearance?: TypeAttributes.Appearance;
     /** An input can show that it is disabled */

package/esm/InputNumber/InputNumber.js

@@ -10,7 +10,7 @@ import InputGroup from '../InputGroup/InputGroup';
 import InputGroupAddon from '../InputGroup/InputGroupAddon';
 import Input from '../Input';
 import Button from '../Button';
-import { partitionHTMLProps, createChainedFunction, useClassNames, useControlled } from '../utils';
+import { partitionHTMLProps, createChainedFunction, useClassNames, useControlled, KEY_VALUES } from '../utils';
 
 /**
  * Check if the value is a number.
@@ -93,16 +93,17 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       step = _props$step === void 0 ? 1 : _props$step,
       _props$buttonAppearan = props.buttonAppearance,
       buttonAppearance = _props$buttonAppearan === void 0 ? 'subtle' : _props$buttonAppearan,
-      _props$min = props.min,
-      min = _props$min === void 0 ? -Infinity : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? Infinity : _props$max,
+      minProp = props.min,
+      maxProp = props.max,
       _props$scrollable = props.scrollable,
       scrollable = _props$scrollable === void 0 ? true : _props$scrollable,
       onChange = props.onChange,
       onWheel = props.onWheel,
       restProps = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "disabled", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel"]);
 
+  var min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;
+  var max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;
+
   var _useControlled = useControlled(valueProp, defaultValue),
       value = _useControlled[0],
       setValue = _useControlled[1];
@@ -166,6 +167,35 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var bit = decimals(val, step);
     handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);
   }, [getSafeValue, handleChangeValue, step, value]);
+  var handleKeyDown = useCallback(function (event) {
+    switch (event.key) {
+      case KEY_VALUES.UP:
+        event.preventDefault();
+        handlePlus(event);
+        break;
+
+      case KEY_VALUES.DOWN:
+        event.preventDefault();
+        handleMinus(event);
+        break;
+
+      case KEY_VALUES.HOME:
+        if (typeof minProp !== 'undefined') {
+          event.preventDefault();
+          handleChangeValue(getSafeValue(minProp), event);
+        }
+
+        break;
+
+      case KEY_VALUES.END:
+        if (typeof maxProp !== 'undefined') {
+          event.preventDefault();
+          handleChangeValue(getSafeValue(maxProp), event);
+        }
+
+        break;
+    }
+  }, [handlePlus, handleMinus, minProp, maxProp, handleChangeValue, getSafeValue]);
   var handleWheel = useCallback(function (event) {
     if (!disabled && !readOnly && event.target === document.activeElement) {
       event.preventDefault();
@@ -211,7 +241,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
   }, [handleWheel, scrollable]);
   var input = /*#__PURE__*/React.createElement(Input, _extends({}, htmlInputProps, {
-    type: "text",
+    type: "number",
     autoComplete: "off",
     step: step,
     inputRef: inputRef,
@@ -221,7 +251,8 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled,
     readOnly: readOnly,
     plaintext: plaintext,
-    ref: plaintext ? ref : undefined
+    ref: plaintext ? ref : undefined,
+    onKeyDown: handleKeyDown
   }));
 
   if (plaintext) {

package/esm/InputNumber/test/InputNumber.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/InputNumber/test/InputNumber.test.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import InputNumber from '../InputNumber'; // Inherits <input type="number" /> attributes
+
+/*#__PURE__*/
+React.createElement(InputNumber, {
+  placeholder: "Enter number"
+});

package/esm/InputPicker/InputAutosize.js

@@ -118,7 +118,9 @@ var InputAutosize = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
 
-    copyStyles(inputStyles, sizerRef.current);
+    if (sizerRef.current) {
+      copyStyles(inputStyles, sizerRef.current);
+    }
 
     if (placeholderRef.current) {
       copyStyles(inputStyles, placeholderRef.current);

package/esm/InputPicker/InputPicker.js

@@ -384,7 +384,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var allData = getAllData();
     var focusItem = allData.find(function (item) {
       return shallowEqual(item[valueKey], focusItemValue);
-    });
+    }); // FIXME Bad state flow
 
     if (!focusItem && focusItemValue === searchKeyword) {
       focusItem = createOption(searchKeyword);
@@ -392,7 +392,11 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     setValue(focusItemValue);
     setSearchKeyword('');
-    handleSelect(focusItemValue, focusItem, event);
+
+    if (focusItem) {
+      handleSelect(focusItemValue, focusItem, event);
+    }
+
     handleChange(focusItemValue, event);
     handleClose();
   }, [setValue, disabledItemValues, controlledData, focusItemValue, valueKey, searchKeyword, handleClose, setSearchKeyword, createOption, getAllData, handleChange, handleSelect]);

package/esm/List/ListItem.js

@@ -29,18 +29,20 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var listItemRef = useRef(null);
   useEffect(function () {
-    var _register = register({
-      node: listItemRef.current,
-      edgeOffset: null,
-      info: {
-        collection: collection,
-        disabled: disabled,
-        index: index
-      }
-    }),
-        unregister = _register.unregister;
+    if (listItemRef.current) {
+      var _register = register({
+        node: listItemRef.current,
+        edgeOffset: null,
+        info: {
+          collection: collection,
+          disabled: disabled,
+          index: index
+        }
+      }),
+          unregister = _register.unregister;
 
-    return unregister;
+      return unregister;
+    }
   }, [collection, disabled, index, register]);
   var classes = merge(className, withClassPrefix(size, {
     disabled: disabled,

package/esm/Menu/MenuItem.js

@@ -61,19 +61,22 @@ function MenuItem(props) {
   }, [dispatch]);
   useEffect(function () {
     var menuitemElement = menuitemRef.current;
-    dispatch({
-      type: MenuActionTypes.RegisterItem,
-      element: menuitemElement,
-      props: {
-        disabled: disabled
-      }
-    });
-    return function () {
+
+    if (menuitemElement) {
       dispatch({
-        type: MenuActionTypes.UnregisterItem,
-        id: menuitemElement.id
+        type: MenuActionTypes.RegisterItem,
+        element: menuitemElement,
+        props: {
+          disabled: disabled
+        }
       });
-    };
+      return function () {
+        dispatch({
+          type: MenuActionTypes.UnregisterItem,
+          id: menuitemElement.id
+        });
+      };
+    }
   }, [menuitemRef, disabled, dispatch]);
   var menuitemProps = {
     id: menuitemId,

package/esm/MultiCascader/MultiCascader.js

@@ -459,6 +459,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
     classPrefix: classPrefix,
     hasValue: hasValue,
+    countable: countable,
     name: 'cascader',
     appearance: appearance,
     cleanable: cleanable

package/esm/Picker/PickerOverlay.js

@@ -37,7 +37,10 @@ var PickerOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       // Get the width value of the button,
       // and then set it to the menu to make their width consistent.
       var width = getWidth(getDOMNode(toggle.root));
-      addStyle(overlayRef.current, 'min-width', width + "px");
+
+      if (overlayRef.current) {
+        addStyle(overlayRef.current, 'min-width', width + "px");
+      }
     }
   }, [autoWidth, target, overlayRef]);