rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/FormErrorMessage/FormErrorMessage.js

@@ -1,56 +1,46 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "className", "show", "children", "placement"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import { useClassNames } from "../internals/hooks/index.js";
 import { placementPolyfill } from "../internals/utils/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
  * @see https://rsuitejs.com/components/form/
  */
-var FormErrorMessage = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _prefix;
-  var _useCustom = useCustom('FormErrorMessage', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-error-message' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    show = propsWithDefaults.show,
-    children = propsWithDefaults.children,
-    placement = propsWithDefaults.placement,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var classes = withClassPrefix('show');
-  var wrapperClasses = merge(className, prefix('wrapper', (_prefix = {}, _prefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _prefix)));
+const FormErrorMessage = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('FormErrorMessage', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'form-error-message',
+    className,
+    show,
+    children,
+    placement,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    prefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = withClassPrefix('show');
+  const wrapperClasses = merge(className, prefix('wrapper', {
+    [`placement-${kebabCase(placementPolyfill(placement))}`]: placement
+  }));
   return show ? /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: wrapperClasses
   }), /*#__PURE__*/React.createElement("span", {
     className: classes
   }, /*#__PURE__*/React.createElement("span", {
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["arrow"])))
+    className: prefix`arrow`
   }), /*#__PURE__*/React.createElement("span", {
-    className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["inner"])))
+    className: prefix`inner`
   }, children))) : null;
 });
 FormErrorMessage.displayName = 'FormErrorMessage';
-FormErrorMessage.propTypes = {
-  show: PropTypes.bool,
-  classPrefix: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  placement: oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
-};
 export default FormErrorMessage;

package/esm/FormGroup/FormGroup.js

@@ -1,19 +1,16 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "controlId", "className"];
 import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
 import { useClassNames, useUniqueId } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-var FormGroupContext = /*#__PURE__*/React.createContext({});
-export var useFormGroup = function useFormGroup(controlId) {
-  var context = React.useContext(FormGroupContext);
-  var fallbackId = useUniqueId('rs-');
-  var id = controlId || context.controlId || fallbackId;
-  var helpTextId = id + "-help-text";
-  var labelId = id + "-label";
-  var errorMessageId = id + "-error-message";
+const FormGroupContext = /*#__PURE__*/React.createContext({});
+export const useFormGroup = controlId => {
+  const context = React.useContext(FormGroupContext);
+  const fallbackId = useUniqueId('rs-');
+  const id = controlId || context.controlId || fallbackId;
+  const helpTextId = `${id}-help-text`;
+  const labelId = `${id}-label`;
+  const errorMessageId = `${id}-error-message`;
   return {
     /**
      * The `id` of the `<Form.Control>` component.
@@ -22,15 +19,15 @@ export var useFormGroup = function useFormGroup(controlId) {
     /**
      * The `id` of the `<Form.HelpText>` component.
      */
-    helpTextId: helpTextId,
+    helpTextId,
     /**
      * The `id` of the `<Form.ControlLabel>` component.
      */
-    labelId: labelId,
+    labelId,
     /**
      * The `id` of the `<Form.ErrorMessage>` component.
      */
-    errorMessageId: errorMessageId
+    errorMessageId
   };
 };
 
@@ -38,26 +35,26 @@ export var useFormGroup = function useFormGroup(controlId) {
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/
  */
-var FormGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('FormGroup', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-group' : _propsWithDefaults$cl,
-    controlIdProp = propsWithDefaults.controlId,
-    className = propsWithDefaults.className,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix());
-  var controlId = useUniqueId('rs-', controlIdProp);
-  var contextValue = useMemo(function () {
-    return {
-      controlId: controlId
-    };
-  }, [controlId]);
+const FormGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('FormGroup', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'form-group',
+    controlId: controlIdProp,
+    className,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const controlId = useUniqueId('rs-', controlIdProp);
+  const contextValue = useMemo(() => ({
+    controlId
+  }), [controlId]);
   return /*#__PURE__*/React.createElement(FormGroupContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
@@ -67,9 +64,4 @@ var FormGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   })));
 });
 FormGroup.displayName = 'FormGroup';
-FormGroup.propTypes = {
-  controlId: PropTypes.string,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string
-};
 export default FormGroup;

package/esm/FormHelpText/FormHelpText.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "tooltip", "children", "id"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import HelpOutlineIcon from '@rsuite/icons/HelpOutline';
 import Tooltip from "../Tooltip/index.js";
 import Whisper from "../Whisper/index.js";
@@ -14,26 +11,28 @@ import { useCustom } from "../CustomProvider/index.js";
  * The `<Form.HelpText>` component is used to display help information in the form.
  * @see https://rsuitejs.com/components/form/
  */
-var FormHelpText = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useFormGroup = useFormGroup(),
-    helpTextId = _useFormGroup.helpTextId;
-  var _useCustom = useCustom('FormHelpText', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'span' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'form-help-text' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    tooltip = propsWithDefaults.tooltip,
-    children = propsWithDefaults.children,
-    _propsWithDefaults$id = propsWithDefaults.id,
-    id = _propsWithDefaults$id === void 0 ? helpTextId : _propsWithDefaults$id,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix({
-    tooltip: tooltip
+const FormHelpText = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    helpTextId
+  } = useFormGroup();
+  const {
+    propsWithDefaults
+  } = useCustom('FormHelpText', props);
+  const {
+    as: Component = 'span',
+    classPrefix = 'form-help-text',
+    className,
+    tooltip,
+    children,
+    id = helpTextId,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    tooltip
   }));
   if (tooltip) {
     return /*#__PURE__*/React.createElement(Whisper, {
@@ -58,10 +57,4 @@ var FormHelpText = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children);
 });
 FormHelpText.displayName = 'FormHelpText';
-FormHelpText.propTypes = {
-  className: PropTypes.string,
-  tooltip: PropTypes.bool,
-  children: PropTypes.node,
-  classPrefix: PropTypes.string
-};
 export default FormHelpText;

package/esm/Grid/Grid.js

@@ -1,31 +1,30 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "fluid"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The Grid component is used to specify the layout of child elements in rows and columns.
  * @see https://rsuitejs.com/components/grid
  */
-var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Grid', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'grid-container' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    fluid = propsWithDefaults.fluid,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, fluid ? prefix({
-    fluid: fluid
+const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Grid', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'grid-container',
+    className,
+    fluid,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    prefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, fluid ? prefix({
+    fluid
   }) : withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "grid"
@@ -35,10 +34,4 @@ var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Grid.displayName = 'Grid';
-Grid.propTypes = {
-  className: PropTypes.string,
-  fluid: PropTypes.bool,
-  classPrefix: PropTypes.string,
-  as: PropTypes.elementType
-};
 export default Grid;

package/esm/Header/Header.d.ts

@@ -4,5 +4,5 @@ export 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("../internals/types").RsRefForwardingComponent<"header", ComponentProps>;
+declare const Header: import("../internals/types").RsRefForwardingComponent<"header", ComponentProps, false>;
 export default Header;

package/esm/Header/Header.js

@@ -4,7 +4,7 @@ import { createComponent } from "../internals/utils/index.js";
  * The `<Header>` component is used to specify the header of the page.
  * @see https://rsuitejs.com/components/container/
  */
-var Header = createComponent({
+const Header = createComponent({
   name: 'Header',
   componentAs: 'header'
 });

package/esm/Heading/Heading.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "level"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
@@ -12,31 +9,27 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/heading
  */
-var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Heading', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var as = propsWithDefaults.as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'heading' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$le = propsWithDefaults.level,
-    level = _propsWithDefaults$le === void 0 ? 3 : _propsWithDefaults$le,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix());
-  var Component = as || "h" + level;
+const Heading = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Heading', props);
+  const {
+    as,
+    classPrefix = 'heading',
+    className,
+    level = 3,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const Component = as || `h${level}`;
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
   }));
 });
 Heading.displayName = 'Heading';
-Heading.propTypes = {
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  as: PropTypes.elementType,
-  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6])
-};
 export default Heading;

package/esm/HeadingGroup/HeadingGroup.d.ts

@@ -4,5 +4,5 @@ export type HeadingGroupProps = ComponentProps;
  * HeadingGroup is a group of headings.
  * @see https://rsuitejs.com/components/heading
  */
-declare const HeadingGroup: import("../internals/types").RsRefForwardingComponent<"hgroup", ComponentProps>;
+declare const HeadingGroup: import("../internals/types").RsRefForwardingComponent<"hgroup", ComponentProps, false>;
 export default HeadingGroup;

package/esm/HeadingGroup/HeadingGroup.js

@@ -4,7 +4,7 @@ import { createComponent } from "../internals/utils/index.js";
  * HeadingGroup is a group of headings.
  * @see https://rsuitejs.com/components/heading
  */
-var HeadingGroup = createComponent({
+const HeadingGroup = createComponent({
   name: 'HeadingGroup',
   componentAs: 'hgroup'
 });

package/esm/Highlight/Highlight.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "children", "query", "renderMark"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import { useClassNames } from "../internals/hooks/index.js";
 import { highlightText } from "./utils/highlightText.js";
 import { stringifyReactNode } from "../internals/utils/index.js";
@@ -21,36 +18,32 @@ function defaultRenderMark(match, index) {
  *
  * @see https://rsuitejs.com/components/highlight
  */
-var Highlight = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Highlight', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'highlight' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    query = propsWithDefaults.query,
-    _propsWithDefaults$re = propsWithDefaults.renderMark,
-    renderMark = _propsWithDefaults$re === void 0 ? defaultRenderMark : _propsWithDefaults$re,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix());
-  var text = stringifyReactNode(children);
+const Highlight = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Highlight', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'highlight',
+    className,
+    children,
+    query,
+    renderMark = defaultRenderMark,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
+  const text = stringifyReactNode(children);
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     className: classes
   }, rest), highlightText(text, {
-    query: query,
-    renderMark: renderMark
+    query,
+    renderMark
   }));
 });
 Highlight.displayName = 'Highlight';
-Highlight.propTypes = {
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  as: PropTypes.elementType
-};
 export default Highlight;

package/esm/Highlight/utils/highlightText.js

@@ -1,19 +1,19 @@
 'use client';
 import { getSafeRegExpString } from "../../internals/utils/index.js";
 export function highlightText(text, props) {
-  var query = props.query,
-    renderMark = props.renderMark;
+  const {
+    query,
+    renderMark
+  } = props;
   if (!query || !text) {
     return text;
   }
-  var queries = Array.isArray(query) ? query : [query];
-  var regx = new RegExp(queries.map(function (q) {
-    return getSafeRegExpString(q);
-  }).join('|'), 'ig');
-  var texts = [];
-  var strArr = text.split(regx);
-  var highStrArr = text.match(regx);
-  for (var i = 0; i < strArr.length; i++) {
+  const queries = Array.isArray(query) ? query : [query];
+  const regx = new RegExp(queries.map(q => getSafeRegExpString(q)).join('|'), 'ig');
+  const texts = [];
+  const strArr = text.split(regx);
+  const highStrArr = text.match(regx);
+  for (let i = 0; i < strArr.length; i++) {
     if (strArr[i]) {
       texts.push(strArr[i]);
     }

package/esm/IconButton/IconButton.js

@@ -1,34 +1,32 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["icon", "placement", "children", "circle", "classPrefix", "className"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import Button from "../Button/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `IconButton` component is used to specify a button with icon.
  * @see https://rsuitejs.com/components/button
  */
-var IconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('IconButton', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var icon = propsWithDefaults.icon,
-    _propsWithDefaults$pl = propsWithDefaults.placement,
-    placement = _propsWithDefaults$pl === void 0 ? 'left' : _propsWithDefaults$pl,
-    children = propsWithDefaults.children,
-    circle = propsWithDefaults.circle,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'btn-icon' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix("placement-" + placement, {
-    circle: circle,
+const IconButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('IconButton', props);
+  const {
+    icon,
+    placement = 'left',
+    children,
+    circle,
+    classPrefix = 'btn-icon',
+    className,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(`placement-${placement}`, {
+    circle,
     'with-text': typeof children !== 'undefined'
   }));
   return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
@@ -37,12 +35,4 @@ var IconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), icon, children);
 });
 IconButton.displayName = 'IconButton';
-IconButton.propTypes = {
-  className: PropTypes.string,
-  icon: PropTypes.any,
-  classPrefix: PropTypes.string,
-  circle: PropTypes.bool,
-  children: PropTypes.node,
-  placement: oneOf(['left', 'right'])
-};
 export default IconButton;