rsuite 5.61.0 → 5.62.0

package/cjs/InputGroup/InputGroup.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import InputGroupAddon from './InputGroupAddon';
 import InputGroupButton from './InputGroupButton';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 export declare const InputGroupContext: React.Context<{
     onFocus: () => void;
     onBlur: () => void;

package/cjs/InputGroup/InputGroup.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _InputGroupAddon = _interopRequireDefault(require("./InputGroupAddon"));
 var _InputGroupButton = _interopRequireDefault(require("./InputGroupButton"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _propTypes2 = require("../internals/propTypes");
 var InputGroupContext = /*#__PURE__*/_react.default.createContext(null);
 exports.InputGroupContext = InputGroupContext;
@@ -39,7 +39,7 @@ var InputGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleBlur = (0, _react.useCallback)(function () {
     setFocus(false);
   }, []);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix(size, {

package/cjs/InputGroup/InputGroupAddon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface InputGroupAddonProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** An Input group addon can show that it is disabled */
     disabled?: boolean;

package/cjs/InputGroup/InputGroupAddon.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 /**
  * The `InputGroup.Addon` component is used to specify an input field with an add-on.
  * @see https://rsuitejs.com/components/input/#input-group
@@ -21,7 +21,7 @@ var InputGroupAddon = /*#__PURE__*/_react.default.forwardRef(function (props, re
     className = props.className,
     disabled = props.disabled,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({

package/cjs/InputGroup/InputGroupButton.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _Button = _interopRequireDefault(require("../Button"));
 /**
  * The `InputGroup.Button` component is used to specify an input field with an add-on.
@@ -18,10 +18,10 @@ var InputGroupButton = /*#__PURE__*/_react.default.forwardRef(function (props, r
     classPrefix = _props$classPrefix === void 0 ? 'input-group-btn' : _props$classPrefix,
     className = props.className,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
-  var _useClassNames2 = (0, _utils.useClassNames)('input-group-addon'),
+  var _useClassNames2 = (0, _hooks.useClassNames)('input-group-addon'),
     withAddOnClassPrefix = _useClassNames2.withClassPrefix;
   var classes = merge(withAddOnClassPrefix(), className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, rest, {

package/cjs/InputNumber/InputNumber.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, FormControlBaseProps } from '../@types/common';
+import { WithAsProps, TypeAttributes, FormControlBaseProps } from '@/internals/types';
 export interface InputNumberProps<T = number | string | null> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'prefix'>, WithAsProps, FormControlBaseProps<T> {
     /**
      * Button can have different appearances

package/cjs/InputNumber/InputNumber.js

@@ -17,7 +17,9 @@ 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");
 /**
  * Check if the value is a number.
@@ -108,13 +110,13 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     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"]);
   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 +138,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 +146,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 +164,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 +188,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 +205,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);

package/cjs/InputPicker/InputAutosize.js

@@ -8,7 +8,7 @@ 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");
 var sizerStyle = {
   position: 'absolute',
   top: 0,

package/cjs/InputPicker/InputPicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PickerComponent, PickerToggleProps } from '../internals/Picker';
+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;

package/cjs/InputPicker/InputPicker.js

@@ -17,12 +17,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"));
@@ -122,12 +122,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 +151,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 +178,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.
@@ -212,7 +212,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 +239,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 +267,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 +283,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 +299,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 +322,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 +341,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 +355,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 +375,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 +389,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 +409,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 +437,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 +449,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() {
@@ -505,7 +505,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 +525,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 +534,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 +569,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 +624,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, {

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,7 +8,7 @@ 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 InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
@@ -23,11 +23,11 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     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) {
+  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;

package/cjs/InputPicker/TagList.js

@@ -8,13 +8,13 @@ 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 TagList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children"]);
-  var _useClassNames = (0, _utils.useClassNames)('picker'),
+  var _useClassNames = (0, _hooks.useClassNames)('picker'),
     prefix = _useClassNames.prefix;
   var _useCombobox = (0, _useCombobox2.default)(),
     id = _useCombobox.id;

package/cjs/InputPicker/TextBox.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _TagList = _interopRequireDefault(require("./TagList"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _InputSearch = _interopRequireDefault(require("./InputSearch"));
 var _templateObject;
 var TextBox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -26,7 +26,7 @@ var TextBox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     editable = props.editable,
     showTagList = props.showTagList,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["tags", "inputProps", "readOnly", "disabled", "multiple", "onBlur", "onFocus", "onChange", "inputValue", "inputRef", "editable", "showTagList"]);
-  var _useClassNames = (0, _utils.useClassNames)('picker'),
+  var _useClassNames = (0, _hooks.useClassNames)('picker'),
     prefix = _useClassNames.prefix;
   if (!multiple && disabled) {
     return null;

package/cjs/InputPicker/hooks/useData.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ItemDataType } from '../../@types/common';
+import type { ItemDataType } from '@/internals/types';
 export interface InputItemDataType<T = number | string> extends ItemDataType<T> {
     create?: boolean;
 }

package/cjs/InputPicker/hooks/useData.js

@@ -1,11 +1,10 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _shallowEqual = _interopRequireDefault(require("../../utils/shallowEqual"));
+var _utils = require("../../internals/utils");
 function useData(props) {
   var _props$controlledData = props.controlledData,
     controlledData = _props$controlledData === void 0 ? [] : _props$controlledData,
@@ -27,7 +26,7 @@ function useData(props) {
 
   // Update the state when the data in props changes
   (0, _react.useEffect)(function () {
-    if (controlledData && !(0, _shallowEqual.default)(controlledData, uncontrolledData)) {
+    if (controlledData && !(0, _utils.shallowEqual)(controlledData, uncontrolledData)) {
       setData(controlledData);
       setNewData([]);
       onChange === null || onChange === void 0 ? void 0 : onChange(controlledData);

package/cjs/InputPicker/hooks/useInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { OverlayTriggerHandle } from '../../internals/Picker/PickerToggleTrigger';
+import type { OverlayTriggerHandle } from '@/internals/Picker/PickerToggleTrigger';
 interface InputProps {
     multi?: boolean;
     triggerRef: React.RefObject<OverlayTriggerHandle>;

package/cjs/InputPicker/hooks/useMaxWidth.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { OverlayTriggerHandle } from '../../internals/Picker/PickerToggleTrigger';
+import type { OverlayTriggerHandle } from '@/internals/Picker/PickerToggleTrigger';
 declare function useMaxWidth(triggerRef: React.RefObject<OverlayTriggerHandle>): number;
 export default useMaxWidth;

package/cjs/List/List.d.ts

@@ -1,5 +1,5 @@
 import { SortConfig } from './helper/useSortHelper';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 import ListItem from './ListItem';
 export interface ListProps extends WithAsProps, SortConfig {
     size?: 'lg' | 'md' | 'sm';