rsuite 5.60.2 → 5.62.0

package/cjs/InlineEdit/useEditState.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = require("react");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var useEditState = function useEditState(props) {
   var valueProp = props.value,
     defaultValue = props.defaultValue,
@@ -20,13 +20,13 @@ var useEditState = function useEditState(props) {
   var _useState = (0, _react.useState)(false),
     isEditing = _useState[0],
     setIsEditing = _useState[1];
-  var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue),
+  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1]; // When editing, the value is not updated, and the original value is restored when canceling
   var _useState2 = (0, _react.useState)(),
     resetValue = _useState2[0],
     setResetValue = _useState2[1];
-  var handleClick = (0, _utils.useEventCallback)(function (event) {
+  var handleClick = (0, _hooks.useEventCallback)(function (event) {
     if (disabled) {
       return;
     }
@@ -35,24 +35,24 @@ var useEditState = function useEditState(props) {
     setIsEditing(true);
     setResetValue(value);
   });
-  var handleChange = (0, _utils.useEventCallback)(function (value, event) {
+  var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     setValue(value);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleCancel = (0, _utils.useEventCallback)(function (event) {
+  var handleCancel = (0, _hooks.useEventCallback)(function (event) {
     var _event$stopPropagatio;
     setIsEditing(false);
     setValue(resetValue);
     onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
     event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);
   });
-  var handleSave = (0, _utils.useEventCallback)(function (event) {
+  var handleSave = (0, _hooks.useEventCallback)(function (event) {
     var _event$stopPropagatio2;
     setIsEditing(false);
     onSave === null || onSave === void 0 ? void 0 : onSave(event);
     event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);
   });
-  var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     var _event$target;
     if (isEditing) {
       switch (event.key) {

package/cjs/InlineEdit/useFocusEvent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PickerHandle } from '../internals/Picker/types';
+import { PickerHandle } from '@/internals/Picker/types';
 interface FocusEventProps {
     isEditing: boolean;
     stateOnBlur?: 'save' | 'cancel';

package/cjs/InlineEdit/useFocusEvent.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _domLib = require("dom-lib");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _symbols = require("../internals/symbols");
 var useFocusEvent = function useFocusEvent(_ref) {
   var _ref$current;
@@ -27,7 +27,7 @@ var useFocusEvent = function useFocusEvent(_ref) {
       (_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : (_ref$current3$focus = _ref$current3.focus) === null || _ref$current3$focus === void 0 ? void 0 : _ref$current3$focus.call(_ref$current3);
     }
   };
-  var handleBlur = (0, _utils.useEventCallback)(function (event) {
+  var handleBlur = (0, _hooks.useEventCallback)(function (event) {
     if (event) {
       var _event$relatedTarget;
       var relatedTarget = (_event$relatedTarget = event.relatedTarget) !== null && _event$relatedTarget !== void 0 ? _event$relatedTarget : (0, _domLib.ownerDocument)(event.currentTarget).activeElement;
@@ -41,12 +41,12 @@ var useFocusEvent = function useFocusEvent(_ref) {
       onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
     }
   });
-  (0, _utils.useIsomorphicLayoutEffect)(function () {
+  (0, _hooks.useIsomorphicLayoutEffect)(function () {
     if (isEditing) {
       focus();
     }
   }, []);
-  (0, _utils.useUpdateEffect)(function () {
+  (0, _hooks.useUpdateEffect)(function () {
     if (isEditing) {
       focus();
     }

package/cjs/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes, FormControlBaseProps } from '../@types/common';
-import { PrependParameters } from '../@types/utils';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes, FormControlBaseProps } from '@/internals/types';
+import { PrependParameters } from '@/internals/types/utils';
 export interface LocaleType {
     unfilled: string;
 }

package/cjs/Input/Input.js

@@ -12,7 +12,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormGroup = require("../FormGroup");
 var _InputGroup = require("../InputGroup/InputGroup");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _utils = require("../utils");
+var _constants = require("../internals/constants");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 /**
  * The `<Input>` component is used to get user input in a text field.
@@ -44,7 +46,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onChange = props.onChange,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "classPrefix", "as", "type", "disabled", "value", "defaultValue", "inputRef", "id", "size", "htmlSize", "plaintext", "placeholder", "readOnly", "onPressEnter", "onFocus", "onBlur", "onKeyDown", "onChange"]);
   var handleKeyDown = function handleKeyDown(event) {
-    if (event.key === _utils.KEY_VALUES.ENTER) {
+    if (event.key === _constants.KEY_VALUES.ENTER) {
       onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);
     }
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
@@ -53,7 +55,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _event$target;
     onChange === null || onChange === void 0 ? void 0 : onChange((_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;
   var classes = merge(className, withClassPrefix(size, {

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

@@ -10,7 +10,6 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _remove = _interopRequireDefault(require("lodash/remove"));
@@ -18,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 _treeUtils = require("../utils/treeUtils");
+var _utils = require("../internals/utils");
+var _utils2 = require("../internals/Tree/utils");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _utils = 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"));
@@ -31,7 +30,7 @@ var _InputPickerContext = require("./InputPickerContext");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _useInput2 = _interopRequireDefault(require("./hooks/useInput"));
 var _useData2 = _interopRequireDefault(require("./hooks/useData"));
-var _utils2 = require("./utils");
+var _utils3 = require("./utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /**
  * Single item selector with text box input.
@@ -123,12 +122,12 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list;
-  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)(['Picker', 'InputPicker'], overrideLocale),
     locale = _useCustom.locale;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  var _useControlled = (0, _utils.useControlled)(controlledOpen, defaultOpen),
+  var _useControlled = (0, _hooks.useControlled)(controlledOpen, defaultOpen),
     open = _useControlled[0],
     setOpen = _useControlled[1];
   var _useInput = (0, _useInput2.default)({
@@ -152,14 +151,14 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     dataWithCache = _useData.dataWithCache,
     newData = _useData.newData,
     setNewData = _useData.setNewData;
-  var _useControlled2 = (0, _utils.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, _utils.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();
 
@@ -179,7 +178,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     focusItemValue = _useFocusItemValue.focusItemValue,
     setFocusItemValue = _useFocusItemValue.setFocusItemValue,
     onKeyDown = _useFocusItemValue.onKeyDown;
-  var onSearchCallback = (0, _utils.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.
@@ -213,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]) {
@@ -240,20 +239,20 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return option;
   };
-  var handleChange = (0, _utils.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, _utils.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, _utils.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;
@@ -268,7 +267,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param item
    * @param event
    */
-  var handleSelectItem = (0, _utils.useEventCallback)(function (value, item, event) {
+  var handleSelectItem = (0, _hooks.useEventCallback)(function (value, item, event) {
     setValue(value);
     setFocusItemValue(value);
     resetSearch();
@@ -284,13 +283,13 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param event
    * @param checked
    */
-  var handleCheckTag = (0, _utils.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);
@@ -300,7 +299,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleChange(val, event);
     focus();
   });
-  var handleTagKeyPress = (0, _utils.useEventCallback)(function (event) {
+  var handleTagKeyPress = (0, _hooks.useEventCallback)(function (event) {
     // When composing, ignore the keypress event.
     if (event.nativeEvent.isComposing) {
       return;
@@ -323,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);
@@ -342,7 +341,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleSelect(val, focusItem, event);
     handleChange(val, event);
   });
-  var handleMenuItemKeyPress = (0, _utils.useEventCallback)(function (event) {
+  var handleMenuItemKeyPress = (0, _hooks.useEventCallback)(function (event) {
     if (!focusItemValue || !controlledData) {
       return;
     }
@@ -356,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
@@ -376,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, _utils.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();
@@ -390,7 +389,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setValue(val);
     handleChange(val, event);
   });
-  var handleClean = (0, _utils.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || searchKeyword !== '') {
       return;
     }
@@ -410,15 +409,15 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onMenuPressEnter: undefined,
     onKeyDown: undefined
   };
-  var handleKeyPress = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyPress = (0, _hooks.useEventCallback)(function (event) {
     // When typing a space, create a tag.
-    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.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, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {
+    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _constants.KEY_VALUES.COMMA) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
@@ -438,11 +437,11 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target: target,
     overlay: overlay
   }, events, rest));
-  var handleExited = (0, _utils.useEventCallback)(function () {
+  var handleExited = (0, _hooks.useEventCallback)(function () {
     setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);
     resetSearch();
   });
-  var handleFocus = (0, _utils.useEventCallback)(function (event) {
+  var handleFocus = (0, _hooks.useEventCallback)(function (event) {
     if (!readOnly) {
       var _triggerRef$current3;
       setOpen(true);
@@ -450,11 +449,11 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
   });
-  var handleEnter = (0, _utils.useEventCallback)(function () {
+  var handleEnter = (0, _hooks.useEventCallback)(function () {
     focus();
     setOpen(true);
   });
-  var handleExit = (0, _utils.useEventCallback)(function () {
+  var handleExit = (0, _hooks.useEventCallback)(function () {
     blur();
     setOpen(false);
   });
@@ -503,7 +502,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         role: "option"
       }, tagRest, {
         key: tag,
-        size: (0, _utils2.convertSize)(size),
+        size: (0, _utils3.convertSize)(size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
         onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
@@ -526,7 +525,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       left: left,
       top: top
     });
-    var items = (0, _treeUtils.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;
     }))) {
@@ -535,7 +534,7 @@ 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));
     }
@@ -559,11 +558,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       activeItemValues: multi ? value : [value],
       focusItemValue: focusItemValue,
       maxHeight: menuMaxHeight,
-      data: items
-      // FIXME-Doma
-      // `group` is redundant so long as `groupBy` exists
-      ,
-      group: !(0, _isUndefined.default)(groupBy),
+      data: items,
+      query: searchKeyword,
       groupBy: groupBy,
       onSelect: multi ? handleCheckTag : handleSelectItem,
       renderMenuGroup: renderMenuGroup,

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;