rsuite 5.61.0 → 5.62.1

package/cjs/InputNumber/InputNumber.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -17,8 +16,13 @@ var _InputGroup = _interopRequireDefault(require("../InputGroup/InputGroup"));
 var _InputGroupAddon = _interopRequireDefault(require("../InputGroup/InputGroupAddon"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Button = _interopRequireDefault(require("../Button"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _constants = require("../internals/constants");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
+var _excluded = ["as", "className", "classPrefix", "disabled", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"];
+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; }
 /**
  * Check if the value is a number.
  * @param value
@@ -105,16 +109,16 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onWheel = props.onWheel,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabled", "formatter", "readOnly", "plaintext", "value", "defaultValue", "size", "prefix", "postfix", "step", "buttonAppearance", "min", "max", "scrollable", "onChange", "onWheel", "onBlur", "onFocus"]);
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;
   var max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;
-  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
+  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];
   var _useState = (0, _react.useState)(false),
     isFocused = _useState[0],
     setIsFocused = _useState[1];
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -136,7 +140,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return value.toString();
   };
-  var handleChangeValue = (0, _utils.useEventCallback)(function (currentValue, event) {
+  var handleChangeValue = (0, _hooks.useEventCallback)(function (currentValue, event) {
     if (currentValue !== value) {
       setValue(currentValue);
       onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);
@@ -144,14 +148,14 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
 
   // Increment value by step
-  var handleStepUp = (0, _utils.useEventCallback)(function (event) {
+  var handleStepUp = (0, _hooks.useEventCallback)(function (event) {
     var val = +(value || 0);
     var bit = decimals(val, step);
     handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);
   });
 
   // Decrement value by step
-  var handleStepDown = (0, _utils.useEventCallback)(function (event) {
+  var handleStepDown = (0, _hooks.useEventCallback)(function (event) {
     var val = +(value || 0);
     var bit = decimals(val, step);
     handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);
@@ -162,23 +166,23 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   // - value reaches max/min limits
   var stepUpDisabled = disabled || readOnly || valueReachesMax(value, max);
   var stepDownDisabled = disabled || readOnly || valueReachesMin(value, min);
-  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     switch (event.key) {
-      case _utils.KEY_VALUES.UP:
+      case _constants.KEY_VALUES.UP:
         event.preventDefault();
         handleStepUp(event);
         break;
-      case _utils.KEY_VALUES.DOWN:
+      case _constants.KEY_VALUES.DOWN:
         event.preventDefault();
         handleStepDown(event);
         break;
-      case _utils.KEY_VALUES.HOME:
+      case _constants.KEY_VALUES.HOME:
         if (typeof minProp !== 'undefined') {
           event.preventDefault();
           handleChangeValue(getSafeValue(minProp), event);
         }
         break;
-      case _utils.KEY_VALUES.END:
+      case _constants.KEY_VALUES.END:
         if (typeof maxProp !== 'undefined') {
           event.preventDefault();
           handleChangeValue(getSafeValue(maxProp), event);
@@ -186,7 +190,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         break;
     }
   });
-  var handleWheel = (0, _utils.useEventCallback)(function (event) {
+  var handleWheel = (0, _hooks.useEventCallback)(function (event) {
     if (!scrollable) {
       event.preventDefault();
       return;
@@ -203,13 +207,13 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
   });
-  var handleChange = (0, _utils.useEventCallback)(function (value, event) {
+  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     if (!/^-?(?:\d+)?(\.)?\d*$/.test(value) && value !== '') {
       return;
     }
     handleChangeValue(value, event);
   });
-  var handleBlur = (0, _utils.useEventCallback)(function (event) {
+  var handleBlur = (0, _hooks.useEventCallback)(function (event) {
     var _event$target;
     var targetValue = Number.parseFloat((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
     handleChangeValue(getSafeValue(targetValue), event);
@@ -299,5 +303,4 @@ InputNumber.propTypes = {
   onWheel: _propTypes.default.func,
   onChange: _propTypes.default.func
 };
-var _default = InputNumber;
-exports.default = _default;
+var _default = exports.default = InputNumber;

package/cjs/InputNumber/index.js

@@ -5,5 +5,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _InputNumber = _interopRequireDefault(require("./InputNumber"));
-var _default = _InputNumber.default;
-exports.default = _default;
+var _default = exports.default = _InputNumber.default;

package/cjs/InputPicker/InputAutosize.js

@@ -1,14 +1,15 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
+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 sizerStyle = {
   position: 'absolute',
   top: 0,
@@ -159,5 +160,4 @@ InputAutosize.propTypes = {
   value: _propTypes.default.any,
   onAutosize: _propTypes.default.func
 };
-var _default = InputAutosize;
-exports.default = _default;
+var _default = exports.default = InputAutosize;

package/cjs/InputPicker/InputPicker.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { type InputItemDataType } from './hooks/useData';
-import type { ItemDataType, FormControlPickerProps } from '../@types/common';
+import type { ItemDataType, FormControlPickerProps } from '../internals/types';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
-export declare type ValueType = any;
+export type ValueType = any;
 export interface InputPickerProps<V = ValueType> extends FormControlPickerProps<V, InputPickerLocale, InputItemDataType>, SelectProps<V>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
     tabIndex?: number;
     /** Settings can create new options */

package/cjs/InputPicker/InputPicker.js

@@ -2,7 +2,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 exports.__esModule = true;
 exports.default = void 0;
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
@@ -17,12 +16,12 @@ var _clone = _interopRequireDefault(require("lodash/clone"));
 var _isArray = _interopRequireDefault(require("lodash/isArray"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-var _utils = require("../internals/Tree/utils");
+var _utils = require("../internals/utils");
+var _utils2 = require("../internals/Tree/utils");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _utils2 = require("../utils");
+var _hooks = require("../internals/hooks");
+var _constants = require("../internals/constants");
 var _propTypes2 = require("../internals/propTypes");
-var _getDataGroupBy = require("../utils/getDataGroupBy");
 var _Picker = require("../internals/Picker");
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _TextBox = _interopRequireDefault(require("./TextBox"));
@@ -32,6 +31,10 @@ var _useInput2 = _interopRequireDefault(require("./hooks/useInput"));
 var _useData2 = _interopRequireDefault(require("./hooks/useData"));
 var _utils3 = require("./utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _excluded = ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "size", "searchable", "open", "placeholder", "placement", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onBlur", "onFocus", "searchBy"],
+  _excluded2 = ["closable", "onClose"];
+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; }
 /**
  * Single item selector with text box input.
  *
@@ -105,7 +108,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     searchBy = props.searchBy,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "size", "searchable", "open", "placeholder", "placement", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onBlur", "onFocus", "searchBy"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var _useTagContext = (0, _InputPickerContext.useTagContext)(),
     multi = _useTagContext.multi,
     tagProps = _useTagContext.tagProps,
@@ -122,12 +125,12 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list;
-  var _useCustom = (0, _utils2.useCustom)(['Picker', 'InputPicker'], overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)(['Picker', 'InputPicker'], overrideLocale),
     locale = _useCustom.locale;
-  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  var _useControlled = (0, _utils2.useControlled)(controlledOpen, defaultOpen),
+  var _useControlled = (0, _hooks.useControlled)(controlledOpen, defaultOpen),
     open = _useControlled[0],
     setOpen = _useControlled[1];
   var _useInput = (0, _useInput2.default)({
@@ -151,14 +154,14 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     dataWithCache = _useData.dataWithCache,
     newData = _useData.newData,
     setNewData = _useData.setNewData;
-  var _useControlled2 = (0, _utils2.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),
+  var _useControlled2 = (0, _hooks.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),
     value = _useControlled2[0],
     setValue = _useControlled2[1],
     isControlled = _useControlled2[2];
   var cloneValue = function cloneValue() {
     return multi ? (0, _clone.default)(value) || [] : value;
   };
-  var handleClose = (0, _utils2.useEventCallback)(function () {
+  var handleClose = (0, _hooks.useEventCallback)(function () {
     var _triggerRef$current, _target$current, _target$current$focus;
     triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();
 
@@ -178,7 +181,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     focusItemValue = _useFocusItemValue.focusItemValue,
     setFocusItemValue = _useFocusItemValue.setFocusItemValue,
     onKeyDown = _useFocusItemValue.onKeyDown;
-  var onSearchCallback = (0, _utils2.useEventCallback)(function (searchKeyword, filteredData, event) {
+  var onSearchCallback = (0, _hooks.useEventCallback)(function (searchKeyword, filteredData, event) {
     if (!disabledOptions) {
       var _filteredData$;
       // The first option after filtering is the focus.
@@ -203,7 +206,9 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     searchKeyword = _useSearch.searchKeyword,
     resetSearch = _useSearch.resetSearch,
     checkShouldDisplay = _useSearch.checkShouldDisplay,
-    handleSearch = _useSearch.handleSearch; // Update the position of the menu when the search keyword and value change
+    handleSearch = _useSearch.handleSearch;
+
+  // Update the position of the menu when the search keyword and value change
   (0, _react.useEffect)(function () {
     var _triggerRef$current2, _triggerRef$current2$;
     (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);
@@ -212,7 +217,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var getDataItem = function getDataItem(value) {
     // Find active `MenuItem` by `value`
     var activeItem = dataWithCache.find(function (item) {
-      return (0, _shallowEqual.default)(item[valueKey], value);
+      return (0, _utils.shallowEqual)(item[valueKey], value);
     });
     var itemNode = placeholder;
     if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {
@@ -239,20 +244,20 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return option;
   };
-  var handleChange = (0, _utils2.useEventCallback)(function (value, event) {
+  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleRemoveItemByTag = (0, _utils2.useEventCallback)(function (tag, event) {
+  var handleRemoveItemByTag = (0, _hooks.useEventCallback)(function (tag, event) {
     event.stopPropagation();
     var val = cloneValue();
     (0, _remove.default)(val, function (itemVal) {
-      return (0, _shallowEqual.default)(itemVal, tag);
+      return (0, _utils.shallowEqual)(itemVal, tag);
     });
     setValue(val);
     handleChange(val, event);
     onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);
   });
-  var handleSelect = (0, _utils2.useEventCallback)(function (value, item, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (value, item, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
     if (creatable && item.create) {
       delete item.create;
@@ -267,7 +272,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param item
    * @param event
    */
-  var handleSelectItem = (0, _utils2.useEventCallback)(function (value, item, event) {
+  var handleSelectItem = (0, _hooks.useEventCallback)(function (value, item, event) {
     setValue(value);
     setFocusItemValue(value);
     resetSearch();
@@ -283,13 +288,13 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param event
    * @param checked
    */
-  var handleCheckTag = (0, _utils2.useEventCallback)(function (nextItemValue, item, event, checked) {
+  var handleCheckTag = (0, _hooks.useEventCallback)(function (nextItemValue, item, event, checked) {
     var val = cloneValue();
     if (checked) {
       val.push(nextItemValue);
     } else {
       (0, _remove.default)(val, function (itemVal) {
-        return (0, _shallowEqual.default)(itemVal, nextItemValue);
+        return (0, _utils.shallowEqual)(itemVal, nextItemValue);
       });
     }
     setValue(val);
@@ -299,7 +304,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleChange(val, event);
     focus();
   });
-  var handleTagKeyPress = (0, _utils2.useEventCallback)(function (event) {
+  var handleTagKeyPress = (0, _hooks.useEventCallback)(function (event) {
     // When composing, ignore the keypress event.
     if (event.nativeEvent.isComposing) {
       return;
@@ -322,16 +327,16 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return;
     }
     if (!val.some(function (v) {
-      return (0, _shallowEqual.default)(v, newItemValue);
+      return (0, _utils.shallowEqual)(v, newItemValue);
     })) {
       val.push(newItemValue);
     } else if (!disabledOptions) {
       (0, _remove.default)(val, function (itemVal) {
-        return (0, _shallowEqual.default)(itemVal, newItemValue);
+        return (0, _utils.shallowEqual)(itemVal, newItemValue);
       });
     }
     var focusItem = data.find(function (item) {
-      return (0, _shallowEqual.default)(item === null || item === void 0 ? void 0 : item[valueKey], newItemValue);
+      return (0, _utils.shallowEqual)(item === null || item === void 0 ? void 0 : item[valueKey], newItemValue);
     });
     if (!focusItem) {
       focusItem = createOption(newItemValue);
@@ -341,7 +346,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleSelect(val, focusItem, event);
     handleChange(val, event);
   });
-  var handleMenuItemKeyPress = (0, _utils2.useEventCallback)(function (event) {
+  var handleMenuItemKeyPress = (0, _hooks.useEventCallback)(function (event) {
     if (!focusItemValue || !controlledData) {
       return;
     }
@@ -355,7 +360,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Find active `MenuItem` by `value`
     var focusItem = data.find(function (item) {
-      return (0, _shallowEqual.default)(item[valueKey], focusItemValue);
+      return (0, _utils.shallowEqual)(item[valueKey], focusItemValue);
     });
 
     // FIXME Bad state flow
@@ -375,7 +380,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * Remove the last item, after pressing the back key on the keyboard.
    * @param event
    */
-  var removeLastItem = (0, _utils2.useEventCallback)(function (event) {
+  var removeLastItem = (0, _hooks.useEventCallback)(function (event) {
     var target = event === null || event === void 0 ? void 0 : event.target;
     if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {
       focus();
@@ -389,7 +394,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setValue(val);
     handleChange(val, event);
   });
-  var handleClean = (0, _utils2.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || searchKeyword !== '') {
       return;
     }
@@ -409,21 +414,21 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onMenuPressEnter: undefined,
     onKeyDown: undefined
   };
-  var handleKeyPress = (0, _utils2.useEventCallback)(function (event) {
+  var handleKeyPress = (0, _hooks.useEventCallback)(function (event) {
     // When typing a space, create a tag.
-    if ((0, _utils2.isOneOf)('Space', trigger) && event.key === _utils2.KEY_VALUES.SPACE) {
+    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _constants.KEY_VALUES.SPACE) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
 
     // When typing a comma, create a tag.
-    if ((0, _utils2.isOneOf)('Comma', trigger) && event.key === _utils2.KEY_VALUES.COMMA) {
+    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _constants.KEY_VALUES.COMMA) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
   });
   if (multi) {
-    if ((0, _utils2.isOneOf)('Enter', trigger)) {
+    if ((0, _utils.isOneOf)('Enter', trigger)) {
       events.onMenuPressEnter = handleTagKeyPress;
     }
     if (creatable) {
@@ -437,11 +442,11 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target: target,
     overlay: overlay
   }, events, rest));
-  var handleExited = (0, _utils2.useEventCallback)(function () {
+  var handleExited = (0, _hooks.useEventCallback)(function () {
     setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);
     resetSearch();
   });
-  var handleFocus = (0, _utils2.useEventCallback)(function (event) {
+  var handleFocus = (0, _hooks.useEventCallback)(function (event) {
     if (!readOnly) {
       var _triggerRef$current3;
       setOpen(true);
@@ -449,17 +454,17 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
   });
-  var handleEnter = (0, _utils2.useEventCallback)(function () {
+  var handleEnter = (0, _hooks.useEventCallback)(function () {
     focus();
     setOpen(true);
   });
-  var handleExit = (0, _utils2.useEventCallback)(function () {
+  var handleExit = (0, _hooks.useEventCallback)(function () {
     blur();
     setOpen(false);
   });
   var renderListItem = function renderListItem(label, item) {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils2.tplTransform)(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;
   };
   var checkValue = function checkValue() {
@@ -486,7 +491,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _tagProps$closable = tagProps.closable,
       closable = _tagProps$closable === void 0 ? true : _tagProps$closable,
       onClose = tagProps.onClose,
-      tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, ["closable", "onClose"]);
+      tagRest = (0, _objectWithoutPropertiesLoose2.default)(tagProps, _excluded2);
     var tags = value || [];
     var items = [];
     var tagElements = tags.map(function (tag) {
@@ -505,7 +510,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         size: (0, _utils3.convertSize)(size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
-        onClose: (0, _utils2.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
+        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
       }), itemNode);
     }).filter(function (item) {
       return item !== null;
@@ -525,7 +530,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       left: left,
       top: top
     });
-    var items = (0, _utils.filterNodesOfTree)(data, checkShouldDisplay);
+    var items = (0, _utils2.filterNodesOfTree)(data, checkShouldDisplay);
     if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {
       return item[valueKey] === searchKeyword;
     }))) {
@@ -534,13 +539,13 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Create a tree structure data when set `groupBy`
     if (groupBy) {
-      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);
+      items = (0, _utils.getDataGroupBy)(items, groupBy, sort);
     } else if (typeof sort === 'function') {
       items = items.sort(sort(false));
     }
     if (disabledOptions) {
       return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
-        ref: (0, _utils2.mergeRefs)(overlay, speakerRef)
+        ref: (0, _utils.mergeRefs)(overlay, speakerRef)
       });
     }
     var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.Listbox, {
@@ -569,7 +574,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["none"])))
     }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
-      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),
+      ref: (0, _utils.mergeRefs)(overlay, speakerRef),
       autoWidth: menuAutoWidth,
       className: classes,
       style: styles,
@@ -624,10 +629,10 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     ref: triggerRef,
     trigger: "active",
-    onEnter: (0, _utils2.createChainedFunction)(handleEnter, onEnter),
+    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),
     onEntered: onEntered,
-    onExit: (0, _utils2.createChainedFunction)(handleExit, onExit),
-    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),
+    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),
+    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
     speaker: renderPopup,
     placement: placement
   }, /*#__PURE__*/_react.default.createElement(Component, {
@@ -689,5 +694,4 @@ InputPicker.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes,
   virtualized: _propTypes.default.bool,
   searchBy: _propTypes.default.func
 });
-var _default = InputPicker;
-exports.default = _default;
+var _default = exports.default = InputPicker;

package/cjs/InputPicker/InputPickerContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TagProps } from '../Tag';
 import type { CheckboxProps } from '../Checkbox';
-export declare type TriggerType = 'Enter' | 'Space' | 'Comma';
+export type TriggerType = 'Enter' | 'Space' | 'Comma';
 export interface TagOnlyProps {
     /**  Tag related props. */
     tagProps: TagProps;

package/cjs/InputPicker/InputPickerContext.js

@@ -3,8 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useTagContext = useTagContext;
 exports.default = exports.TagProvider = void 0;
+exports.useTagContext = useTagContext;
 var _react = _interopRequireDefault(require("react"));
 var InputPickerContext = /*#__PURE__*/_react.default.createContext({
   tagProps: {},
@@ -13,7 +13,5 @@ var InputPickerContext = /*#__PURE__*/_react.default.createContext({
 function useTagContext() {
   return _react.default.useContext(InputPickerContext);
 }
-var TagProvider = InputPickerContext.Provider;
-exports.TagProvider = TagProvider;
-var _default = InputPickerContext;
-exports.default = _default;
+var TagProvider = exports.TagProvider = InputPickerContext.Provider;
+var _default = exports.default = InputPickerContext;

package/cjs/InputPicker/InputSearch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '../internals/types';
 export interface InputSearchProps extends StandardProps, Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
     as?: React.ElementType | string;
     readOnly?: boolean;

package/cjs/InputPicker/InputSearch.js

@@ -8,8 +8,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _templateObject;
+var _excluded = ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"];
 var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'input' : _props$as,
@@ -22,12 +23,12 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     style = props.style,
     readOnly = props.readOnly,
     onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className", "value", "inputRef", "style", "readOnly", "onChange"]);
-  var handleChange = (0, _utils.useEventCallback)(function (event) {
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var handleChange = (0, _hooks.useEventCallback)(function (event) {
     var _event$target;
     onChange === null || onChange === void 0 ? void 0 : onChange(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
   });
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
@@ -45,5 +46,4 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   })), children);
 });
 InputSearch.displayName = 'InputSearch';
-var _default = InputSearch;
-exports.default = _default;
+var _default = exports.default = InputSearch;

package/cjs/InputPicker/TagList.js

@@ -8,13 +8,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _useCombobox2 = _interopRequireDefault(require("../internals/Picker/hooks/useCombobox"));
 var _templateObject;
+var _excluded = ["children"];
 var TagList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children"]);
-  var _useClassNames = (0, _utils.useClassNames)('picker'),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)('picker'),
     prefix = _useClassNames.prefix;
   var _useCombobox = (0, _useCombobox2.default)(),
     id = _useCombobox.id;
@@ -25,5 +26,4 @@ var TagList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["tag-list"])))
   }, rest), children);
 });
-var _default = TagList;
-exports.default = _default;
+var _default = exports.default = TagList;