rsuite 5.0.0-beta.5 → 5.0.0

package/esm/DateRangePicker/DateRangePicker.js

@@ -1,20 +1,20 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
+import IconCalendar from '@rsuite/icons/legacy/Calendar';
+import isUndefined from 'lodash/isUndefined';
 import omit from 'lodash/omit';
+import partial from 'lodash/partial';
 import pick from 'lodash/pick';
-import isUndefined from 'lodash/isUndefined';
-import { addMonths, compareAsc, isSameDay, isSameMonth } from '../utils/dateUtils';
-import * as disabledDateUtils from './disabledDateUtils';
+import PropTypes from 'prop-types';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedDate } from '../CustomProvider';
 import Toolbar from '../DatePicker/Toolbar';
-import Calendar from './Calendar';
-import { getCalendarDate, getMonthHoverRange, getWeekHoverRange, setTimingMargin } from './utils';
+import { omitTriggerPropKeys, pickerDefaultProps, PickerOverlay, pickerPropTypes, PickerToggle, PickerToggleTrigger, pickTriggerPropKeys, usePickerClassName, usePublicMethods, useToggleKeyDownEvent } from '../Picker';
 import { createChainedFunction, DATERANGE_DISABLED_TARGET, DateUtils, mergeRefs, useClassNames, useControlled, useCustom } from '../utils';
-import { PickerOverlay, pickerDefaultProps, pickerPropTypes, usePublicMethods, useToggleKeyDownEvent, PickerToggle, PickerToggleTrigger, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName } from '../Picker';
-import partial from 'lodash/partial';
-import IconCalendar from '@rsuite/icons/legacy/Calendar';
+import { addMonths, compareAsc, isSameMonth } from '../utils/dateUtils';
+import Calendar from './Calendar';
+import * as disabledDateUtils from './disabledDateUtils';
+import { getCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange, setTimingMargin } from './utils';
 
 var defaultProps = _extends({}, pickerDefaultProps, {
   as: 'div',
@@ -234,7 +234,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var nextValue = !isUndefined(nextSelectValue) ? nextSelectValue : selectValue;
     setSelectValue(nextValue || []);
 
-    if (!isSameDay(nextValue[0], value[0]) || !isSameDay(nextValue[1], value[1])) {
+    if (!isSameRange(nextValue, value, formatStr)) {
       setValue(nextValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     } // `closeOverlay` default value is `true`
@@ -243,7 +243,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (closeOverlay !== false) {
       handleCloseDropdown();
     }
-  }, [handleCloseDropdown, onChange, selectValue, setSelectValue, setValue, value]);
+  }, [formatStr, handleCloseDropdown, onChange, selectValue, setValue, value]);
   /**
    * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.
    * The MouseMove event is called between the first click and the second click to update the selection state.
@@ -332,6 +332,20 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     nextCalendarDate[index] = date;
     updateCalendarDate(nextCalendarDate);
   }, [calendarDate, updateCalendarDate]);
+  var handleChangeCalendarTime = useCallback(function (index, date) {
+    setSelectValue(function (prev) {
+      var next = [].concat(prev);
+      var clonedDate = new Date(date.valueOf()); // if next[index] is not empty, only update the time after aligning the year, month and day
+
+      if (next[index]) {
+        clonedDate.setFullYear(next[index].getFullYear(), next[index].getMonth(), next[index].getDate());
+      }
+
+      next[index] = clonedDate;
+      return next;
+    });
+    handleChangeCalendarDate(index, date);
+  }, [handleChangeCalendarDate]);
   /**
    * Toolbar operation callback function
    */
@@ -496,6 +510,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showWeekNumbers: showWeekNumbers,
       value: selectValue,
       onChangeCalendarDate: handleChangeCalendarDate,
+      onChangeCalendarTime: handleChangeCalendarTime,
       onMouseMove: handleMouseMove,
       onSelect: handleSelectValueChange
     };

package/esm/DateRangePicker/utils.d.ts

@@ -4,6 +4,6 @@ export declare function getCalendarDate({ value }: {
     value?: ValueType;
 }): ValueType;
 export declare const getDefaultRanges: () => RangeType[];
-export declare const isSameValueType: (source: ValueType, dest: ValueType) => boolean;
+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;

package/esm/DateRangePicker/utils.js

@@ -36,10 +36,14 @@ export var getDefaultRanges = function getDefaultRanges() {
     value: [setTimingMargin(DateUtils.subDays(todayDate, 6)), setTimingMargin(todayDate, 'right')]
   }];
 };
-export var isSameValueType = function isSameValueType(source, dest) {
-  var _source$, _dest$, _source$2, _dest$2;
+export var isSameRange = function isSameRange(source, dest, format) {
+  var result = DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]);
 
-  return (source === null || source === void 0 ? void 0 : (_source$ = source[0]) === null || _source$ === void 0 ? void 0 : _source$.valueOf()) === (dest === null || dest === void 0 ? void 0 : (_dest$ = dest[0]) === null || _dest$ === void 0 ? void 0 : _dest$.valueOf()) && (source === null || source === void 0 ? void 0 : (_source$2 = source[1]) === null || _source$2 === void 0 ? void 0 : _source$2.valueOf()) === (dest === null || dest === void 0 ? void 0 : (_dest$2 = dest[1]) === null || _dest$2 === void 0 ? void 0 : _dest$2.valueOf());
+  if (DateUtils.shouldTime(format)) {
+    result && (result = DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]));
+  }
+
+  return result;
 };
 export var getMonthHoverRange = function getMonthHoverRange(date) {
   return [DateUtils.startOfMonth(date), DateUtils.endOfMonth(date)];

package/esm/Dropdown/Dropdown.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback, useContext, useMemo } from 'react';
+import React, { useCallback, useContext, useMemo, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
+import pick from 'lodash/pick';
 import DropdownMenu from './DropdownMenu';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
 import { SidenavContext } from '../Sidenav/Sidenav';
@@ -18,6 +19,7 @@ import { NavbarContext } from '../Navbar/Navbar';
 import Disclosure from '../Disclosure/Disclosure';
 import SidenavDropdown from '../Sidenav/SidenavDropdown';
 import NavContext from '../Nav/NavContext';
+import { initialState, reducer } from './DropdownState';
 var defaultProps = {
   as: 'div',
   classPrefix: 'dropdown',
@@ -96,14 +98,29 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [trigger]);
   var parentMenu = useContext(MenuContext);
   var sidenav = useContext(SidenavContext);
-  var navbar = useContext(NavbarContext); // Render a disclosure when inside expanded <Sidenav>
+  var navbar = useContext(NavbarContext);
+
+  var _useReducer = useReducer(reducer, initialState),
+      items = _useReducer[0].items,
+      dispatch = _useReducer[1];
+
+  var hasSelectedItem = useMemo(function () {
+    return items.some(function (item) {
+      return item.props.selected;
+    });
+  }, [items]);
+  var dropdownContextValue = useMemo(function () {
+    return {
+      activeKey: activeKey,
+      onSelect: emitSelect,
+      hasSelectedItem: hasSelectedItem,
+      dispatch: dispatch
+    };
+  }, [activeKey, emitSelect, hasSelectedItem, dispatch]); // Render a disclosure when inside expanded <Sidenav>
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/React.createElement(SidenavDropdown, _extends({
       ref: ref
     }, rest)));
@@ -112,10 +129,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   if (navbar) {
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-      value: {
-        activeKey: activeKey,
-        onSelect: emitSelect
-      }
+      value: dropdownContextValue
     }, /*#__PURE__*/React.createElement(Disclosure, {
       hideOnClickOutside: true
     }, function (_ref, containerRef) {
@@ -155,7 +169,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: toggleClassName,
       placement: placement,
       disabled: disabled
-    }, omit(menuButtonProps, ['open']), toggleProps), title);
+    }, omit(menuButtonProps, ['open']), omit(toggleProps, ['data-testid'])), title);
   };
 
   if (parentMenu) {
@@ -172,16 +186,13 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
           className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
             focus: active
           }))
-        }, menuButtonProps, omit(menuitemProps, ['onClick']), toggleProps), title);
+        }, menuButtonProps, omit(menuitemProps, ['onClick']), omit(toggleProps, 'data-testid')), title);
       });
     };
   }
 
   return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
-    value: {
-      activeKey: activeKey,
-      onSelect: emitSelect
-    }
+    value: dropdownContextValue
   }, /*#__PURE__*/React.createElement(Menu, {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
@@ -190,7 +201,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var open = _ref4.open,
           popupProps = _objectWithoutPropertiesLoose(_ref4, ["open"]);
 
-      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix()); // When inside a collapsed <Sidenav>, render a header in menu
+      var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({})); // When inside a collapsed <Sidenav>, render a header in menu
 
       var showHeader = !!sidenav;
       return /*#__PURE__*/React.createElement("ul", _extends({
@@ -218,11 +229,11 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var open = _ref5.open,
         menuContainer = _objectWithoutPropertiesLoose(_ref5, ["open"]);
 
-    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2['selected-within'] = hasSelectedItem, _withClassPrefix2)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, menuContainerRef),
       className: classes
-    }, menuContainer, {
+    }, menuContainer, pick(toggleProps, ['data-testid']), {
       style: style
     }));
   }));

package/esm/Dropdown/DropdownContext.d.ts

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

package/esm/Dropdown/DropdownItem.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useCallback, useContext } from 'react';
+import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { SidenavContext } from '../Sidenav/Sidenav';
 import deprecatePropType from '../utils/deprecatePropType';
@@ -13,6 +13,8 @@ import SidenavDropdownItem from '../Sidenav/SidenavDropdownItem';
 import DisclosureContext, { DisclosureActionTypes } from '../Disclosure/DisclosureContext';
 import SafeAnchor from '../SafeAnchor';
 import NavContext from '../Nav/NavContext';
+import useInternalId from '../utils/useInternalId';
+import { DropdownActionType } from './DropdownState';
 var defaultProps = {
   as: 'li',
   classPrefix: 'dropdown-item'
@@ -32,6 +34,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       icon = props.icon,
       rest = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon"]);
 
+  var internalId = useInternalId('DropdownItem');
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
 
@@ -59,6 +62,29 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
   }, [dispatchDisclosure, handleSelectItem]);
+  var selected = activeProp || !isNil(eventKey) && (shallowEqual(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
+  var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;
+  useEffect(function () {
+    if (dispatch) {
+      dispatch({
+        type: DropdownActionType.RegisterItem,
+        payload: {
+          id: internalId,
+          props: {
+            selected: selected
+          }
+        }
+      });
+      return function () {
+        dispatch({
+          type: DropdownActionType.UnregisterItem,
+          payload: {
+            id: internalId
+          }
+        });
+      };
+    }
+  }, [internalId, selected, dispatch]);
 
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
     return /*#__PURE__*/React.createElement(SidenavDropdownItem, _extends({
@@ -66,8 +92,6 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, props));
   }
 
-  var menuitemSelected = activeProp || !isNil(eventKey) && (shallowEqual(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey) || shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey));
-
   var Component = rest.as,
       divider = rest.divider,
       panel = rest.panel,
@@ -97,7 +121,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabled: disabled,
       divider: divider,
       panel: panel,
-      active: menuitemSelected
+      active: selected
     }));
     var dataAttributes = {
       'data-event-key': eventKey
@@ -110,7 +134,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(SafeAnchor, _extends({
       ref: ref,
       className: classes,
-      "aria-current": menuitemSelected || undefined
+      "aria-current": selected || undefined
     }, dataAttributes, restProps, {
       onClick: createChainedFunction(handleClickNavbarDropdownItem, restProps.onClick)
     }), icon && /*#__PURE__*/React.cloneElement(icon, {
@@ -119,7 +143,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   return /*#__PURE__*/React.createElement(MenuItem, {
-    selected: menuitemSelected,
+    selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref2, menuitemRef) {

package/esm/Dropdown/DropdownState.d.ts

@@ -0,0 +1,37 @@
+interface DropdownItemState {
+    /**
+     * Internal ID
+     */
+    id: string;
+    /**
+     *
+     */
+    props: {
+        selected: boolean;
+    };
+}
+interface DropdownState {
+    items: DropdownItemState[];
+}
+export declare const initialState: DropdownState;
+export declare enum DropdownActionType {
+    RegisterItem = 0,
+    UnregisterItem = 1,
+    UpdateItem = 2
+}
+export declare type DropdownAction = {
+    type: DropdownActionType.RegisterItem;
+    payload: {
+        id: string;
+        props: {
+            selected: boolean;
+        };
+    };
+} | {
+    type: DropdownActionType.UnregisterItem;
+    payload: {
+        id: string;
+    };
+};
+export declare function reducer(state: DropdownState, action: DropdownAction): DropdownState;
+export {};

package/esm/Dropdown/DropdownState.js

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+export var initialState = {
+  items: []
+};
+export var DropdownActionType;
+
+(function (DropdownActionType) {
+  DropdownActionType[DropdownActionType["RegisterItem"] = 0] = "RegisterItem";
+  DropdownActionType[DropdownActionType["UnregisterItem"] = 1] = "UnregisterItem";
+  DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
+})(DropdownActionType || (DropdownActionType = {}));
+
+export function reducer(state, action) {
+  if (state === void 0) {
+    state = initialState;
+  }
+
+  switch (action.type) {
+    case DropdownActionType.RegisterItem:
+      if (state.items.find(function (item) {
+        return item.id === action.payload.id;
+      })) {
+        return _extends({}, state, {
+          items: state.items.map(function (item) {
+            if (item.id === action.payload.id) {
+              return _extends({}, item, {
+                props: _extends({}, item.props, {
+                  selected: action.payload.props.selected
+                })
+              });
+            }
+
+            return item;
+          })
+        });
+      }
+
+      return _extends({}, state, {
+        items: [].concat(state.items, [{
+          id: action.payload.id,
+          props: action.payload.props
+        }])
+      });
+
+    case DropdownActionType.UnregisterItem:
+      return _extends({}, state, {
+        items: state.items.filter(function (item) {
+          return item.id !== action.payload.id;
+        })
+      });
+
+    default:
+      return state;
+  }
+}

package/esm/Dropdown/DropdownToggle.js

@@ -34,15 +34,12 @@ var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var inSidenav = !!sidenav; // Caret icon is down by default, when Dropdown is used in Sidenav.
 
   var Caret = useToggleCaret(inSidenav ? 'bottomStart' : placement);
-  var buttonProps = Component === Button ? {
-    appearance: 'subtle'
-  } : null;
-  var toggle = /*#__PURE__*/React.createElement(Component, _extends({}, buttonProps, rest, {
+  var toggle = /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
-  }), /*#__PURE__*/React.createElement("span", {
+  }), icon && /*#__PURE__*/React.cloneElement(icon, {
     className: prefix('icon')
-  }, icon), children, noCaret ? null : /*#__PURE__*/React.createElement(Caret, {
+  }), children, noCaret ? null : /*#__PURE__*/React.createElement(Caret, {
     className: prefix('caret')
   }));
   return renderToggle ? renderToggle(rest, ref) : toggle;

package/esm/InputNumber/InputNumber.js

@@ -129,7 +129,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       rest = _partitionHTMLProps[1];
 
   var inputRef = useRef();
-  var handleValue = useCallback(function (currentValue, event) {
+  var handleChangeValue = useCallback(function (currentValue, event) {
     if (currentValue !== value) {
       // Disable the up button when the value is greater than the maximum value.
       setDisabledUpButton(disableMaxValue(currentValue, max)); // Disable the down button when the value is greater than the minimum value.
@@ -157,13 +157,13 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handlePlus = useCallback(function (event) {
     var val = +(value || 0);
     var bit = decimals(val, step);
-    handleValue(getSafeValue((val + step).toFixed(bit)), event);
-  }, [getSafeValue, handleValue, step, value]);
+    handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);
+  }, [getSafeValue, handleChangeValue, step, value]);
   var handleMinus = useCallback(function (event) {
     var val = +(value || 0);
     var bit = decimals(val, step);
-    handleValue(getSafeValue((val - step).toFixed(bit)), event);
-  }, [getSafeValue, handleValue, step, value]);
+    handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);
+  }, [getSafeValue, handleChangeValue, step, value]);
   var handleWheel = useCallback(function (event) {
     if (!disabled && !readOnly && event.target === document.activeElement) {
       event.preventDefault();
@@ -185,14 +185,14 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
 
-    handleValue(value, event);
-  }, [handleValue]);
+    handleChangeValue(value, event);
+  }, [handleChangeValue]);
   var handleBlur = useCallback(function (event) {
     var _event$target;
 
     var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
-    handleValue(getSafeValue(targetValue), event);
-  }, [getSafeValue, handleValue]);
+    handleChangeValue(getSafeValue(targetValue), event);
+  }, [getSafeValue, handleChangeValue]);
   useEffect(function () {
     var wheelListener;
 
@@ -218,7 +218,8 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value: isNil(value) ? '' : "" + value,
     disabled: disabled,
     readOnly: readOnly,
-    plaintext: plaintext
+    plaintext: plaintext,
+    ref: plaintext ? ref : undefined
   }));
 
   if (plaintext) {

package/esm/InputPicker/InputPicker.d.ts

@@ -4,17 +4,30 @@ import { PickerComponent } from '../Picker';
 import { TagProps } from '../Tag';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 import { SelectProps } from '../SelectPicker';
+export declare type TriggerType = 'Enter' | 'Space' | 'Comma';
+export interface InputPickerContextProps {
+    /** Multiple selections are allowed */
+    multi?: boolean;
+    /** Tag related props. */
+    tagProps?: TagProps;
+    /**
+     * Set the trigger for creating tags. only valid when creatable
+     */
+    trigger?: TriggerType | TriggerType[];
+    /**
+     * No overlay provides options
+     */
+    disabledOptions?: boolean;
+}
+export declare const InputPickerContext: React.Context<InputPickerContextProps>;
 interface InputItemDataType extends ItemDataType {
     create?: boolean;
 }
 export declare type ValueType = any;
 export interface InputPickerProps<T = ValueType> extends FormControlPickerProps<T, InputPickerLocale, InputItemDataType>, SelectProps<T> {
     tabIndex?: number;
-    multi?: boolean;
     /** Settings can create new options */
     creatable?: boolean;
-    /**  Tag related props. */
-    tagProps?: TagProps;
     /** Option to cache value when searching asynchronously */
     cacheData?: InputItemDataType[];
     /** The `onBlur` attribute for the `input` element. */