rsuite 5.60.2 → 5.62.0

package/cjs/Form/hooks/useFormClassNames.js

@@ -3,7 +3,7 @@
 
 exports.__esModule = true;
 exports.default = useFormClassNames;
-var _utils = require("../../utils");
+var _hooks = require("../../internals/hooks");
 /**
  * Take <Form> props and return className for <Form> styles
  */
@@ -17,7 +17,7 @@ function useFormClassNames(_ref) {
     readOnly = _ref.readOnly,
     plaintext = _ref.plaintext,
     disabled = _ref.disabled;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   return merge(className, withClassPrefix(layout, fluid && layout === 'vertical' ? 'fluid' : 'fixed-width', {

package/cjs/Form/hooks/useFormValidate.js

@@ -8,16 +8,15 @@ var _extends5 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _utils = require("../../utils");
-var _utils2 = require("../../FormControl/utils");
-var _useEventCallback = _interopRequireDefault(require("../../utils/useEventCallback"));
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../FormControl/utils");
 function useFormValidate(formError, props) {
   var formValue = props.formValue,
     getCombinedModel = props.getCombinedModel,
     onCheck = props.onCheck,
     onError = props.onError,
     nestedField = props.nestedField;
-  var _useControlled = (0, _utils.useControlled)(formError, {}),
+  var _useControlled = (0, _hooks.useControlled)(formError, {}),
     realFormError = _useControlled[0],
     setFormError = _useControlled[1];
   var realFormErrorRef = (0, _react.useRef)(realFormError);
@@ -28,7 +27,7 @@ function useFormValidate(formError, props) {
    * The error message after verification is returned in the callback.
    * @param callback
    */
-  var check = (0, _useEventCallback.default)(function (callback) {
+  var check = (0, _hooks.useEventCallback)(function (callback) {
     var formError = {};
     var errorCount = 0;
     var model = getCombinedModel();
@@ -54,7 +53,7 @@ function useFormValidate(formError, props) {
    * @param fieldName
    * @param callback
    */
-  var checkForField = (0, _useEventCallback.default)(function (fieldName, callback) {
+  var checkForField = (0, _hooks.useEventCallback)(function (fieldName, callback) {
     var _extends2;
     var model = getCombinedModel();
     var checkResult = model.checkForField(fieldName, formValue || {});
@@ -71,7 +70,7 @@ function useFormValidate(formError, props) {
   /**
    * Check form data asynchronously and return a Promise
    */
-  var checkAsync = (0, _useEventCallback.default)(function () {
+  var checkAsync = (0, _hooks.useEventCallback)(function () {
     var promises = [];
     var keys = [];
     var model = getCombinedModel();
@@ -104,7 +103,7 @@ function useFormValidate(formError, props) {
    * Asynchronously check form fields and return Promise
    * @param fieldName
    */
-  var checkForFieldAsync = (0, _useEventCallback.default)(function (fieldName) {
+  var checkForFieldAsync = (0, _hooks.useEventCallback)(function (fieldName) {
     var model = getCombinedModel();
     return model.checkForFieldAsync(fieldName, formValue || {}).then(function (checkResult) {
       var _extends3;
@@ -122,7 +121,7 @@ function useFormValidate(formError, props) {
      * when this function is called when the children component is unmount,
      * it's an old render frame so use Ref to get future error
      */
-    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils2.nameToPath)(name) : name]);
+    var formError = (0, _omit.default)(realFormErrorRef.current, [nestedField ? (0, _utils.nameToPath)(name) : name]);
     realFormErrorRef.current = formError;
     setFormError(formError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
@@ -130,23 +129,23 @@ function useFormValidate(formError, props) {
   }, [nestedField, onCheck, setFormError]);
   var setFieldError = (0, _react.useCallback)(function (fieldName, checkResult) {
     var _extends4;
-    var nextFormError = nestedField ? (0, _set.default)((0, _extends5.default)({}, formError), (0, _utils2.nameToPath)(fieldName), checkResult) : (0, _extends5.default)({}, formError, (_extends4 = {}, _extends4[fieldName] = checkResult, _extends4));
+    var nextFormError = nestedField ? (0, _set.default)((0, _extends5.default)({}, formError), (0, _utils.nameToPath)(fieldName), checkResult) : (0, _extends5.default)({}, formError, (_extends4 = {}, _extends4[fieldName] = checkResult, _extends4));
     setFormError(nextFormError);
     onError === null || onError === void 0 ? void 0 : onError(nextFormError);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
     return nextFormError;
   }, [formError, nestedField, onCheck, onError, setFormError]);
-  var cleanErrors = (0, _useEventCallback.default)(function () {
+  var cleanErrors = (0, _hooks.useEventCallback)(function () {
     setFormError({});
   });
-  var resetErrors = (0, _useEventCallback.default)(function (formError) {
+  var resetErrors = (0, _hooks.useEventCallback)(function (formError) {
     if (formError === void 0) {
       formError = {};
     }
     setFormError(formError);
   });
-  var cleanErrorForField = (0, _useEventCallback.default)(function (fieldName) {
-    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils2.nameToPath)(fieldName) : fieldName]));
+  var cleanErrorForField = (0, _hooks.useEventCallback)(function (fieldName) {
+    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils.nameToPath)(fieldName) : fieldName]));
   });
   return {
     formError: realFormError,

package/cjs/Form/hooks/useFormValue.js

@@ -8,11 +8,11 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _set = _interopRequireDefault(require("lodash/set"));
-var _utils = require("../../utils");
+var _hooks = require("../../internals/hooks");
 function useFormValue(controlledValue, props) {
   var formDefaultValue = props.formDefaultValue,
     nestedField = props.nestedField;
-  var _useControlled = (0, _utils.useControlled)(controlledValue, formDefaultValue),
+  var _useControlled = (0, _hooks.useControlled)(controlledValue, formDefaultValue),
     formValue = _useControlled[0],
     setFormValue = _useControlled[1];
   var realFormValueRef = (0, _react.useRef)(formValue);

package/cjs/FormControl/FormControl.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { CheckType } from 'schema-typed';
 import Input from '../Input';
-import { TypeAttributes, FormControlBaseProps, WithAsProps } from '../@types/common';
+import { TypeAttributes, FormControlBaseProps, WithAsProps } from '@/internals/types';
 /**
  * Props that FormControl passes to its accepter
  */

package/cjs/FormControl/FormControl.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
 var _FormGroup = require("../FormGroup");
 var _propTypes2 = require("../internals/propTypes");
@@ -80,7 +80,7 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     throw new Error("\n      <FormControl> must be inside a component decorated with <Form>.\n      And need to update React to 16.6.0 +.\n    ");
   }
   (0, _useRegisterModel.default)(name, rule);
-  (0, _utils.useWillUnmount)(function () {
+  (0, _hooks.useWillUnmount)(function () {
     if (shouldResetWithUnmount) {
       removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);
       removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);
@@ -100,24 +100,24 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     fieldValue = _useField.fieldValue,
     fieldError = _useField.fieldError,
     setFieldValue = _useField.setFieldValue;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix;
   var classes = withClassPrefix('wrapper');
-  var handleFieldChange = (0, _utils.useEventCallback)(function (value, event) {
+  var handleFieldChange = (0, _hooks.useEventCallback)(function (value, event) {
     if (trigger === 'change') {
       handleFieldCheck(value);
     }
     onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleFieldBlur = (0, _utils.useEventCallback)(function (event) {
+  var handleFieldBlur = (0, _hooks.useEventCallback)(function (event) {
     if (trigger === 'blur') {
       handleFieldCheck(fieldValue);
     }
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   });
-  var handleFieldCheck = (0, _utils.useEventCallback)(function (value) {
+  var handleFieldCheck = (0, _hooks.useEventCallback)(function (value) {
     var callbackEvents = function callbackEvents(checkResult) {
       if (checkResult.hasError) {
         var _errorMessage = checkResult.errorMessage;

package/cjs/FormControlLabel/FormControlLabel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormControlLabelProps extends WithAsProps, React.LabelHTMLAttributes<HTMLLabelElement> {
     /** Attribute of the html label tag, defaults to the controlId of the FormGroup */
     htmlFor?: string;

package/cjs/FormControlLabel/FormControlLabel.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");
 var _FormGroup = require("../FormGroup");
 /**
  * The `<Form.ControlLabel>` component renders a label with required indicator, for form controls.
@@ -28,7 +28,7 @@ var FormControlLabel = /*#__PURE__*/_react.default.forwardRef(function (props, r
     _props$id = props.id,
     id = _props$id === void 0 ? labelId : _props$id,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "htmlFor", "className", "id"]);
-  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/FormErrorMessage/FormErrorMessage.d.ts

@@ -1,4 +1,4 @@
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormErrorMessageProps extends WithAsProps {
     /** Show error messages */
     show?: boolean;

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -10,7 +10,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
 /**
@@ -28,7 +29,7 @@ var FormErrorMessage = /*#__PURE__*/_react.default.forwardRef(function (props, r
     children = props.children,
     placement = props.placement,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "show", "children", "placement"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;

package/cjs/FormGroup/FormGroup.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormGroupProps extends WithAsProps {
     /**
      * Sets id on `<Form.Control>` and `htmlFor` on `<Form.ControlLabel>`.

package/cjs/FormGroup/FormGroup.js

@@ -9,11 +9,11 @@ var _extends2 = _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 _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var FormGroupContext = /*#__PURE__*/_react.default.createContext({});
 var useFormGroup = function useFormGroup(controlId) {
   var context = _react.default.useContext(FormGroupContext);
-  var fallbackId = (0, _utils.useUniqueId)('rs-');
+  var fallbackId = (0, _hooks.useUniqueId)('rs-');
   var id = controlId || context.controlId || fallbackId;
   var helpTextId = id + "-help-text";
   var labelId = id + "-label";
@@ -51,11 +51,11 @@ var FormGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     controlIdProp = props.controlId,
     className = props.className,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "controlId", "className"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
-  var controlId = (0, _utils.useUniqueId)('rs-', controlIdProp);
+  var controlId = (0, _hooks.useUniqueId)('rs-', controlIdProp);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       controlId: controlId

package/cjs/FormHelpText/FormHelpText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FormHelpTextProps extends WithAsProps, React.HTMLAttributes<HTMLSpanElement> {
     /** Whether to show through the Tooltip component */
     tooltip?: boolean;

package/cjs/FormHelpText/FormHelpText.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Whisper = _interopRequireDefault(require("../Whisper"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _FormGroup = require("../FormGroup");
 var _HelpO = _interopRequireDefault(require("@rsuite/icons/legacy/HelpO"));
 /**
@@ -30,7 +30,7 @@ var FormHelpText = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     _props$id = props.id,
     id = _props$id === void 0 ? helpTextId : _props$id,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "tooltip", "children", "id"]);
-  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/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface GridProps extends WithAsProps {
     /** Fluid layout */
     fluid?: boolean;

package/cjs/Grid/Grid.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 Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
@@ -21,7 +21,7 @@ var Grid = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     fluid = props.fluid,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "fluid"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;

package/cjs/Header/Header.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type HeaderProps = ComponentProps;
 /**
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/
  */
-declare const Header: import("../@types/common").RsRefForwardingComponent<"header", ComponentProps>;
+declare const Header: import("../internals/types").RsRefForwardingComponent<"header", ComponentProps>;
 export default Header;

package/cjs/Header/Header.js

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+var _utils = require("../internals/utils");
 /**
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/
  */
-var Header = (0, _createComponent.default)({
+var Header = (0, _utils.createComponent)({
   name: 'Header',
   componentAs: 'header'
 });

package/cjs/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface HeadingProps extends WithAsProps {
     /**
      * Sets heading level, h1 through h6.

package/cjs/Heading/Heading.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 `Heading` component is used to display a heading.
@@ -23,7 +23,7 @@ var Heading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     _props$level = props.level,
     level = _props$level === void 0 ? 3 : _props$level,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "level"]);
-  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/HeadingGroup/HeadingGroup.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type HeadingGroupProps = ComponentProps;
 /**
  * HeadingGroup is a group of headings.
  * @see https://rsuitejs.com/components/heading
  */
-declare const HeadingGroup: import("../@types/common").RsRefForwardingComponent<"hgroup", ComponentProps>;
+declare const HeadingGroup: import("../internals/types").RsRefForwardingComponent<"hgroup", ComponentProps>;
 export default HeadingGroup;

package/cjs/HeadingGroup/HeadingGroup.js

@@ -1,15 +1,14 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+var _utils = require("../internals/utils");
 /**
  * HeadingGroup is a group of headings.
  * @see https://rsuitejs.com/components/heading
  */
-var HeadingGroup = (0, _createComponent.default)({
+var HeadingGroup = (0, _utils.createComponent)({
   name: 'HeadingGroup',
   componentAs: 'hgroup'
 });

package/cjs/Highlight/Highlight.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+export interface HighlightProps extends WithAsProps {
+    query?: string | string[];
+    renderMark?: (match: string, index: number) => React.ReactNode;
+}
+/**
+ *
+ * Highlight the matching text in the content.
+ *
+ * @see https://rsuitejs.com/components/highlight
+ */
+declare const Highlight: RsRefForwardingComponent<'div', HighlightProps>;
+export default Highlight;

package/cjs/Highlight/Highlight.js

@@ -0,0 +1,58 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("../internals/hooks");
+var _highlightText = require("./utils/highlightText");
+var _utils = require("../internals/utils");
+function defaultRenderMark(match, index) {
+  return /*#__PURE__*/_react.default.createElement("mark", {
+    key: index,
+    className: "rs-highlight-mark"
+  }, match);
+}
+
+/**
+ *
+ * Highlight the matching text in the content.
+ *
+ * @see https://rsuitejs.com/components/highlight
+ */
+var Highlight = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'highlight' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    query = props.query,
+    _props$renderMark = props.renderMark,
+    renderMark = _props$renderMark === void 0 ? defaultRenderMark : _props$renderMark,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "query", "renderMark"]);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix());
+  var text = (0, _utils.stringifyReactNode)(children);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), (0, _highlightText.highlightText)(text, {
+    query: query,
+    renderMark: renderMark
+  }));
+});
+Highlight.displayName = 'Highlight';
+Highlight.propTypes = {
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
+  as: _propTypes.default.elementType
+};
+var _default = Highlight;
+exports.default = _default;

package/cjs/Highlight/index.d.ts

@@ -0,0 +1,3 @@
+import Highlight from './Highlight';
+export type { HighlightProps } from './Highlight';
+export default Highlight;

package/cjs/Highlight/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Highlight = _interopRequireDefault(require("./Highlight"));
+var _default = _Highlight.default;
+exports.default = _default;

package/cjs/Highlight/utils/highlightText.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function highlightText(text: string, props: {
+    query?: string | string[];
+    renderMark: (patch: string, index: number) => React.ReactNode;
+}): string | React.ReactNode[];

package/cjs/Highlight/utils/highlightText.js

@@ -0,0 +1,29 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.highlightText = highlightText;
+var _utils = require("../../internals/utils");
+function highlightText(text, props) {
+  var query = props.query,
+    renderMark = props.renderMark;
+  if (!query || !text) {
+    return text;
+  }
+  var queries = Array.isArray(query) ? query : [query];
+  var regx = new RegExp(queries.map(function (q) {
+    return (0, _utils.getSafeRegExpString)(q);
+  }).join('|'), 'ig');
+  var texts = [];
+  var strArr = text.split(regx);
+  var highStrArr = text.match(regx);
+  for (var i = 0; i < strArr.length; i++) {
+    if (strArr[i]) {
+      texts.push(strArr[i]);
+    }
+    if (highStrArr !== null && highStrArr !== void 0 && highStrArr[i]) {
+      texts.push(renderMark(highStrArr[i], i));
+    }
+  }
+  return texts;
+}

package/cjs/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import { RsRefForwardingComponent } from '../@types/common';
+import { RsRefForwardingComponent } from '@/internals/types';
 import Button, { ButtonProps } from '../Button';
 export interface IconButtonProps extends ButtonProps {
     /** Set the icon */

package/cjs/IconButton/IconButton.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = require("../internals/propTypes");
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _Button = _interopRequireDefault(require("../Button"));
 /**
  * The `IconButton` component is used to specify a button with icon.
@@ -25,7 +25,7 @@ var IconButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     classPrefix = _props$classPrefix === void 0 ? 'btn-icon' : _props$classPrefix,
     className = props.className,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["icon", "placement", "children", "circle", "classPrefix", "className"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix("placement-" + placement, {

package/cjs/InlineEdit/InlineEdit.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { type ChildrenProps } from './renderChildren';
 export interface InlineEditProps extends Omit<WithAsProps, 'children'> {
     /**

package/cjs/InlineEdit/InlineEdit.js

@@ -8,7 +8,8 @@ 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");
+var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _EditableControls = _interopRequireDefault(require("./EditableControls"));
 var _useFocusEvent2 = _interopRequireDefault(require("./useFocusEvent"));
@@ -30,7 +31,7 @@ var InlineEdit = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     stateOnBlur = _props$stateOnBlur === void 0 ? 'save' : _props$stateOnBlur,
     placeholder = props.placeholder,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "children", "classPrefix", "className", "disabled", "size", "showControls", "stateOnBlur", "placeholder"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;