rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/Accordion/Accordion.js

@@ -13,9 +13,10 @@ var _CustomProvider = require("../CustomProvider");
  * The `Accordion` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/accordion
  */
-var Accordion = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Accordion', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
+const Accordion = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Accordion', props);
   return /*#__PURE__*/_react.default.createElement(_PanelGroup.default, (0, _extends2.default)({
     accordion: true,
     ref: ref

package/cjs/Affix/Affix.d.ts

@@ -1,4 +1,4 @@
-import { Offset, RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { Offset, WithAsProps, RsRefForwardingComponent } from '../internals/types';
 export interface AffixProps extends WithAsProps {
     /** Specify the container. */
     container?: HTMLElement | (() => HTMLElement);

package/cjs/Affix/Affix.js

@@ -5,29 +5,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Get the layout size and offset of the mount element
  */
 function useOffset(mountRef, onOffsetChange) {
-  var _useState = (0, _react.useState)(null),
-    offset = _useState[0],
-    setOffset = _useState[1];
-  var updateOffset = (0, _react.useCallback)(function () {
+  const [offset, setOffset] = (0, _react.useState)(null);
+  const updateOffset = (0, _react.useCallback)(() => {
     if (!mountRef.current) {
       return;
     }
-    var newOffset = (0, _getOffset.default)(mountRef.current);
+    const newOffset = (0, _getOffset.default)(mountRef.current);
     if ((newOffset === null || newOffset === void 0 ? void 0 : newOffset.height) !== (offset === null || offset === void 0 ? void 0 : offset.height) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.width) !== (offset === null || offset === void 0 ? void 0 : offset.width) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.top) !== (offset === null || offset === void 0 ? void 0 : offset.top) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.left) !== (offset === null || offset === void 0 ? void 0 : offset.left)) {
       setOffset(newOffset);
       if (offset !== null && newOffset !== null) {
@@ -37,9 +32,7 @@ function useOffset(mountRef, onOffsetChange) {
   }, [mountRef, offset, onOffsetChange]);
 
   // Update after the element size changes
-  (0, _hooks.useElementResize)(function () {
-    return mountRef.current;
-  }, updateOffset);
+  (0, _hooks.useElementResize)(() => mountRef.current, updateOffset);
 
   // Initialize after the first render
   (0, _hooks.useMount)(updateOffset);
@@ -57,11 +50,9 @@ function useOffset(mountRef, onOffsetChange) {
  * @param container
  */
 function useContainerOffset(container) {
-  var _useState2 = (0, _react.useState)(null),
-    offset = _useState2[0],
-    setOffset = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var node = typeof container === 'function' ? container() : container;
+  const [offset, setOffset] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const node = typeof container === 'function' ? container() : container;
     setOffset(node ? (0, _getOffset.default)(node) : null);
   }, [container]);
   return offset;
@@ -74,19 +65,19 @@ function useContainerOffset(container) {
  * @param props
  */
 function useFixed(offset, containerOffset, props) {
-  var top = props.top,
-    onChange = props.onChange;
-  var _useState3 = (0, _react.useState)(false),
-    fixed = _useState3[0],
-    setFixed = _useState3[1];
-  var handleScroll = (0, _react.useCallback)(function () {
+  const {
+    top,
+    onChange
+  } = props;
+  const [fixed, setFixed] = (0, _react.useState)(false);
+  const handleScroll = (0, _react.useCallback)(() => {
     if (!offset) {
       return;
     }
-    var scrollY = window.scrollY || window.pageYOffset;
+    const scrollY = window.scrollY || window.pageYOffset;
 
     // When the scroll distance exceeds the element's top value, it is fixed.
-    var nextFixed = scrollY - (Number(offset === null || offset === void 0 ? void 0 : offset.top) - Number(top)) >= 0;
+    let nextFixed = scrollY - (Number(offset === null || offset === void 0 ? void 0 : offset.top) - Number(top)) >= 0;
 
     // If the current element is specified in the container,
     // add to determine whether the current container is in the window range.
@@ -110,47 +101,50 @@ function useFixed(offset, containerOffset, props) {
  *
  * @see https://rsuitejs.com/components/affix/
  */
-var Affix = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _merge;
-  var _useCustom = (0, _CustomProvider.useCustom)('Affix', 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 ? 'affix' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    container = propsWithDefaults.container,
-    _propsWithDefaults$to = propsWithDefaults.top,
-    top = _propsWithDefaults$to === void 0 ? 0 : _propsWithDefaults$to,
-    onChange = propsWithDefaults.onChange,
-    onOffsetChange = propsWithDefaults.onOffsetChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var mountRef = (0, _react.useRef)(null);
-  var offset = useOffset(mountRef, onOffsetChange);
-  var containerOffset = useContainerOffset(container);
-  var fixed = useFixed(offset, containerOffset, {
-    top: top,
-    onChange: onChange
+const Affix = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Affix', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'affix',
+    className,
+    children,
+    container,
+    top = 0,
+    onChange,
+    onOffsetChange,
+    ...rest
+  } = propsWithDefaults;
+  const mountRef = (0, _react.useRef)(null);
+  const offset = useOffset(mountRef, onOffsetChange);
+  const containerOffset = useContainerOffset(container);
+  const fixed = useFixed(offset, containerOffset, {
+    top,
+    onChange
   });
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, (_merge = {}, _merge[withClassPrefix()] = fixed, _merge));
-  var _ref = offset || {},
-    width = _ref.width,
-    height = _ref.height;
-  var placeholderStyles = fixed ? {
-    width: width,
-    height: height
+  const {
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, {
+    [withClassPrefix()]: fixed
+  });
+  const {
+    width,
+    height
+  } = offset || {};
+  const placeholderStyles = fixed ? {
+    width,
+    height
   } : undefined;
-  var fixedStyles = {
+  const fixedStyles = {
     position: 'fixed',
-    top: top,
-    width: width,
+    top,
+    width,
     zIndex: 10
   };
-  var affixStyles = fixed ? fixedStyles : undefined;
+  const affixStyles = fixed ? fixedStyles : undefined;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: (0, _utils.mergeRefs)(mountRef, ref)
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -162,9 +156,4 @@ var Affix = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 Affix.displayName = 'Affix';
-Affix.propTypes = {
-  top: _propTypes.default.number,
-  onChange: _propTypes.default.func,
-  container: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.func])
-};
 var _default = exports.default = Affix;

package/cjs/Animation/Bounce.js

@@ -5,24 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["timeout"];
 /**
  * Bounce animation component
  * @see https://rsuitejs.com/components/animation/#bounce
  */
-var Bounce = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)('anim'),
-    prefix = _useClassNames.prefix;
-  var _useCustom = (0, _CustomProvider.useCustom)('Bounce', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
+const Bounce = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    timeout = 300,
+    ...props
+  } = _ref;
+  const {
+    prefix
+  } = (0, _hooks.useClassNames)('anim');
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Bounce', props);
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     animation: true,

package/cjs/Animation/Collapse.js

@@ -5,85 +5,81 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = exports.DIMENSION = void 0;
 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 _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
-var _Transition = _interopRequireWildcard(require("./Transition"));
+var _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["className", "timeout", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var DIMENSION = exports.DIMENSION = /*#__PURE__*/function (DIMENSION) {
+let DIMENSION = exports.DIMENSION = /*#__PURE__*/function (DIMENSION) {
   DIMENSION["HEIGHT"] = "height";
   DIMENSION["WIDTH"] = "width";
   return DIMENSION;
 }({});
-var triggerBrowserReflow = function triggerBrowserReflow(node) {
-  return (0, _get2.default)(node, 'offsetHeight');
-};
-var MARGINS = {
+const triggerBrowserReflow = node => (0, _get2.default)(node, 'offsetHeight');
+const MARGINS = {
   height: ['marginTop', 'marginBottom'],
   width: ['marginLeft', 'marginRight']
 };
 function defaultGetDimensionValue(dimension, elem) {
   var _get;
-  var value = (_get = (0, _get2.default)(elem, "offset" + (0, _capitalize.default)(dimension))) !== null && _get !== void 0 ? _get : 0;
-  var margins = MARGINS[dimension];
+  const value = (_get = (0, _get2.default)(elem, `offset${(0, _capitalize.default)(dimension)}`)) !== null && _get !== void 0 ? _get : 0;
+  const margins = MARGINS[dimension];
   return value + parseInt((0, _getStyle.default)(elem, margins[0]), 10) + parseInt((0, _getStyle.default)(elem, margins[1]), 10);
 }
 function getScrollDimensionValue(elem, dimension) {
-  var value = (0, _get2.default)(elem, "scroll" + (0, _capitalize.default)(dimension));
-  return value + "px";
+  const value = (0, _get2.default)(elem, `scroll${(0, _capitalize.default)(dimension)}`);
+  return `${value}px`;
 }
 
 /**
  * A Collapse animation component.
  * @see https://rsuitejs.com/components/animation/#collapse
  */
-var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Collapse', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var className = propsWithDefaults.className,
-    _propsWithDefaults$ti = propsWithDefaults.timeout,
-    timeout = _propsWithDefaults$ti === void 0 ? 300 : _propsWithDefaults$ti,
-    _propsWithDefaults$di = propsWithDefaults.dimension,
-    dimensionProp = _propsWithDefaults$di === void 0 ? DIMENSION.HEIGHT : _propsWithDefaults$di,
-    exitedClassName = propsWithDefaults.exitedClassName,
-    exitingClassName = propsWithDefaults.exitingClassName,
-    enteredClassName = propsWithDefaults.enteredClassName,
-    enteringClassName = propsWithDefaults.enteringClassName,
-    _propsWithDefaults$ge = propsWithDefaults.getDimensionValue,
-    getDimensionValue = _propsWithDefaults$ge === void 0 ? defaultGetDimensionValue : _propsWithDefaults$ge,
-    onEnter = propsWithDefaults.onEnter,
-    onEntering = propsWithDefaults.onEntering,
-    onEntered = propsWithDefaults.onEntered,
-    onExit = propsWithDefaults.onExit,
-    onExiting = propsWithDefaults.onExiting,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)('anim'),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var dimension = typeof dimensionProp === 'function' ? dimensionProp() : dimensionProp;
-  var handleEnter = (0, _react.useCallback)(function (elem) {
+const Collapse = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Collapse', props);
+  const {
+    className,
+    timeout = 300,
+    dimension: dimensionProp = DIMENSION.HEIGHT,
+    exitedClassName,
+    exitingClassName,
+    enteredClassName,
+    enteringClassName,
+    getDimensionValue = defaultGetDimensionValue,
+    onEnter,
+    onEntering,
+    onEntered,
+    onExit,
+    onExiting,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    prefix,
+    merge
+  } = (0, _hooks.useClassNames)('anim');
+  const dimension = typeof dimensionProp === 'function' ? dimensionProp() : dimensionProp;
+  const handleEnter = (0, _react.useCallback)(elem => {
     (0, _addStyle.default)(elem, dimension, 0);
   }, [dimension]);
-  var handleEntering = (0, _react.useCallback)(function (elem) {
+  const handleEntering = (0, _react.useCallback)(elem => {
     (0, _addStyle.default)(elem, dimension, getScrollDimensionValue(elem, dimension));
   }, [dimension]);
-  var handleEntered = (0, _react.useCallback)(function (elem) {
+  const handleEntered = (0, _react.useCallback)(elem => {
     (0, _addStyle.default)(elem, dimension, 'auto');
   }, [dimension]);
-  var handleExit = (0, _react.useCallback)(function (elem) {
-    var value = getDimensionValue ? getDimensionValue(dimension, elem) : 0;
-    (0, _addStyle.default)(elem, dimension, value + "px");
+  const handleExit = (0, _react.useCallback)(elem => {
+    const value = getDimensionValue ? getDimensionValue(dimension, elem) : 0;
+    (0, _addStyle.default)(elem, dimension, `${value}px`);
   }, [dimension, getDimensionValue]);
-  var handleExiting = (0, _react.useCallback)(function (elem) {
+  const handleExiting = (0, _react.useCallback)(elem => {
     triggerBrowserReflow(elem);
     (0, _addStyle.default)(elem, dimension, 0);
   }, [dimension]);
@@ -105,8 +101,4 @@ var Collapse = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
 });
 Collapse.displayName = 'Collapse';
-Collapse.propTypes = (0, _extends2.default)({}, _Transition.transitionPropTypes, {
-  dimension: _propTypes.default.any,
-  getDimensionValue: _propTypes.default.func
-});
 var _default = exports.default = Collapse;

package/cjs/Animation/Fade.js

@@ -5,26 +5,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["timeout", "className"];
 /**
  * Fade animation component
  * @see https://rsuitejs.com/components/animation/#fade
  */
-var Fade = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-    className = _ref.className,
-    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)('anim'),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var _useCustom = (0, _CustomProvider.useCustom)('Fade', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
+const Fade = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    timeout = 300,
+    className,
+    ...props
+  } = _ref;
+  const {
+    prefix,
+    merge
+  } = (0, _hooks.useClassNames)('anim');
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Fade', props);
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     timeout: timeout,

package/cjs/Animation/Slide.js

@@ -5,28 +5,28 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _Transition = _interopRequireDefault(require("./Transition"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["timeout", "placement"];
 /**
  * Slide animation component
  * @see https://rsuitejs.com/components/animation/#slide
  */
-var Slide = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
-    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var _useCustom = (0, _CustomProvider.useCustom)('Slide', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _useClassNames = (0, _hooks.useClassNames)('anim'),
-    prefix = _useClassNames.prefix;
-  var enterClassName = prefix('slide-in', placement);
-  var exitClassName = prefix('slide-out', placement);
+const Slide = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    timeout = 300,
+    placement = 'right',
+    ...props
+  } = _ref;
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Slide', props);
+  const {
+    prefix
+  } = (0, _hooks.useClassNames)('anim');
+  const enterClassName = prefix('slide-in', placement);
+  const exitClassName = prefix('slide-out', placement);
   return /*#__PURE__*/_react.default.createElement(_Transition.default, (0, _extends2.default)({}, propsWithDefaults, {
     ref: ref,
     animation: true,

package/cjs/Animation/Transition.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { AnimationEventProps } from '../internals/types';
 export declare enum STATUS {
     UNMOUNTED = 0,
@@ -34,25 +33,6 @@ export interface TransitionProps extends AnimationEventProps {
 interface TransitionState {
     status?: number;
 }
-export declare const transitionPropTypes: {
-    animation: PropTypes.Requireable<boolean>;
-    children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-    className: PropTypes.Requireable<string>;
-    in: PropTypes.Requireable<boolean>;
-    unmountOnExit: PropTypes.Requireable<boolean>;
-    transitionAppear: PropTypes.Requireable<boolean>;
-    timeout: PropTypes.Requireable<number>;
-    exitedClassName: PropTypes.Requireable<string>;
-    exitingClassName: PropTypes.Requireable<string>;
-    enteredClassName: PropTypes.Requireable<string>;
-    enteringClassName: PropTypes.Requireable<string>;
-    onEnter: PropTypes.Requireable<(...args: any[]) => any>;
-    onEntering: PropTypes.Requireable<(...args: any[]) => any>;
-    onEntered: PropTypes.Requireable<(...args: any[]) => any>;
-    onExit: PropTypes.Requireable<(...args: any[]) => any>;
-    onExiting: PropTypes.Requireable<(...args: any[]) => any>;
-    onExited: PropTypes.Requireable<(...args: any[]) => any>;
-};
 type EventToken = {
     off: () => void;
 };
@@ -61,25 +41,6 @@ type EventToken = {
  * @see https://rsuitejs.com/components/animation/#transition
  */
 declare class Transition extends React.Component<TransitionProps, TransitionState> {
-    static propTypes: {
-        animation: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-        in: PropTypes.Requireable<boolean>;
-        unmountOnExit: PropTypes.Requireable<boolean>;
-        transitionAppear: PropTypes.Requireable<boolean>;
-        timeout: PropTypes.Requireable<number>;
-        exitedClassName: PropTypes.Requireable<string>;
-        exitingClassName: PropTypes.Requireable<string>;
-        enteredClassName: PropTypes.Requireable<string>;
-        enteringClassName: PropTypes.Requireable<string>;
-        onEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onEntering: PropTypes.Requireable<(...args: any[]) => any>;
-        onEntered: PropTypes.Requireable<(...args: any[]) => any>;
-        onExit: PropTypes.Requireable<(...args: any[]) => any>;
-        onExiting: PropTypes.Requireable<(...args: any[]) => any>;
-        onExited: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static displayName: string;
     static defaultProps: {
         timeout: number;
@@ -110,6 +71,6 @@ declare class Transition extends React.Component<TransitionProps, TransitionStat
     performExit(props: TransitionProps): void;
     cancelNextCallback(): void;
     safeSetState(nextState: TransitionState, callback: (event?: React.AnimationEvent) => void): void;
-    render(): any;
+    render(): React.ReactNode;
 }
 export default Transition;