rsuite 5.39.0 → 5.41.0

package/esm/@types/common.js

@@ -0,0 +1 @@
+'use client';

package/esm/@types/utils.js

@@ -1,7 +1,19 @@
+'use client';
 export var tuple = function tuple() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return args;
-};
+};
+
+/**
+ * Prepend arguments to function
+ * Useful for prepend `newValue` arg to native `onChange` callbacks
+ *
+ * @see https://stackoverflow.com/a/69668215
+ * @example
+ *
+ * type SomeFunc = (a: string, b: number, c: someCustomType) => number;
+ * type SomeFuncAltered = PrependParameters<SomeFunc, [d: number]>;
+ * // SomeFuncAltered = (d: number, a:string, b:number, c:someCustomType) => number;
+ */

package/esm/Affix/Affix.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
@@ -5,115 +6,107 @@ import PropTypes from 'prop-types';
 import debounce from 'lodash/debounce';
 import getOffset from 'dom-lib/getOffset';
 import { mergeRefs, useClassNames, useElementResize, useEventListener, useMount } from '../utils';
-
 /**
  * Get the layout size and offset of the mount element
  */
 function useOffset(mountRef, onOffsetChange) {
   var _useState = useState(null),
-      offset = _useState[0],
-      setOffset = _useState[1];
-
+    offset = _useState[0],
+    setOffset = _useState[1];
   var updateOffset = useCallback(function () {
     if (!mountRef.current) {
       return;
     }
-
     var newOffset = getOffset(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) {
         onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(newOffset);
       }
     }
-  }, [mountRef, offset, onOffsetChange]); // Update after the element size changes
+  }, [mountRef, offset, onOffsetChange]);
 
+  // Update after the element size changes
   useElementResize(function () {
     return mountRef.current;
-  }, updateOffset); // Initialize after the first render
+  }, updateOffset);
 
-  useMount(updateOffset); // Update after window size changes
+  // Initialize after the first render
+  useMount(updateOffset);
 
-  useEventListener(window, 'resize', updateOffset, false); // Update after window scroll
+  // Update after window size changes
+  useEventListener(window, 'resize', updateOffset, false);
 
+  // Update after window scroll
   useEventListener(window, 'scroll', debounce(updateOffset, 100), false);
   return offset;
 }
+
 /**
  * Get the layout size and offset of the container element
  * @param container
  */
-
-
 function useContainerOffset(container) {
   var _useState2 = useState(null),
-      offset = _useState2[0],
-      setOffset = _useState2[1];
-
+    offset = _useState2[0],
+    setOffset = _useState2[1];
   useEffect(function () {
     var node = typeof container === 'function' ? container() : container;
     setOffset(node ? getOffset(node) : null);
   }, [container]);
   return offset;
 }
+
 /**
  * Check whether the current element should be in a fixed state.
  * @param offset
  * @param containerOffset
  * @param props
  */
-
-
 function useFixed(offset, containerOffset, props) {
   var top = props.top,
-      onChange = props.onChange;
-
+    onChange = props.onChange;
   var _useState3 = useState(false),
-      fixed = _useState3[0],
-      setFixed = _useState3[1];
-
+    fixed = _useState3[0],
+    setFixed = _useState3[1];
   var handleScroll = useCallback(function () {
     if (!offset) {
       return;
     }
+    var scrollY = window.scrollY || window.pageYOffset;
 
-    var scrollY = window.scrollY || window.pageYOffset; // When the scroll distance exceeds the element's top value, it is fixed.
+    // 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;
 
-    var nextFixed = scrollY - (Number(offset === null || offset === void 0 ? void 0 : offset.top) - Number(top)) >= 0; // If the current element is specified in the container,
+    // If the current element is specified in the container,
     // add to determine whether the current container is in the window range.
-
     if (containerOffset) {
       nextFixed = nextFixed && scrollY < Number(containerOffset.top) + Number(containerOffset.height);
     }
-
     if (nextFixed !== fixed) {
       setFixed(nextFixed);
       onChange === null || onChange === void 0 ? void 0 : onChange(nextFixed);
     }
-  }, [offset, top, containerOffset, fixed, onChange]); // Add scroll event to window
+  }, [offset, top, containerOffset, fixed, onChange]);
 
+  // Add scroll event to window
   useEventListener(window, 'scroll', handleScroll, false);
   return fixed;
 }
-
 var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _merge;
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'affix' : _props$classPrefix,
-      className = props.className,
-      children = props.children,
-      container = props.container,
-      _props$top = props.top,
-      top = _props$top === void 0 ? 0 : _props$top,
-      onChange = props.onChange,
-      onOffsetChange = props.onOffsetChange,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'affix' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    container = props.container,
+    _props$top = props.top,
+    top = _props$top === void 0 ? 0 : _props$top,
+    onChange = props.onChange,
+    onOffsetChange = props.onOffsetChange,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "container", "top", "onChange", "onOffsetChange"]);
   var mountRef = useRef(null);
   var offset = useOffset(mountRef, onOffsetChange);
   var containerOffset = useContainerOffset(container);
@@ -121,17 +114,13 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
     top: top,
     onChange: onChange
   });
-
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, (_merge = {}, _merge[withClassPrefix()] = fixed, _merge));
-
   var _ref = offset || {},
-      width = _ref.width,
-      height = _ref.height;
-
+    width = _ref.width,
+    height = _ref.height;
   var placeholderStyles = fixed ? {
     width: width,
     height: height

package/esm/Affix/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Affix from './Affix';
 export default Affix;

package/esm/Animation/Bounce.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,12 +6,10 @@ import Transition from './Transition';
 import { useClassNames } from '../utils';
 var Bounce = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-      props = _objectWithoutPropertiesLoose(_ref, ["timeout"]);
-
+    timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
+    props = _objectWithoutPropertiesLoose(_ref, ["timeout"]);
   var _useClassNames = useClassNames('anim'),
-      prefix = _useClassNames.prefix;
-
+    prefix = _useClassNames.prefix;
   return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {
     ref: ref,
     animation: true,

package/esm/Animation/Collapse.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
@@ -9,55 +10,47 @@ import capitalize from 'lodash/capitalize';
 import Transition, { transitionPropTypes } from './Transition';
 import { useClassNames, createChainedFunction } from '../utils';
 export var DIMENSION;
-
 (function (DIMENSION) {
   DIMENSION["HEIGHT"] = "height";
   DIMENSION["WIDTH"] = "width";
 })(DIMENSION || (DIMENSION = {}));
-
 var triggerBrowserReflow = function triggerBrowserReflow(node) {
   return get(node, 'offsetHeight');
 };
-
 var MARGINS = {
   height: ['marginTop', 'marginBottom'],
   width: ['marginLeft', 'marginRight']
 };
-
 function defaultGetDimensionValue(dimension, elem) {
   var value = get(elem, "offset" + capitalize(dimension));
   var margins = MARGINS[dimension];
   return value + parseInt(getStyle(elem, margins[0]), 10) + parseInt(getStyle(elem, margins[1]), 10);
 }
-
 function getScrollDimensionValue(elem, dimension) {
   var value = get(elem, "scroll" + capitalize(dimension));
   return value + "px";
 }
-
 var Collapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? 300 : _props$timeout,
-      _props$dimension = props.dimension,
-      dimensionProp = _props$dimension === void 0 ? DIMENSION.HEIGHT : _props$dimension,
-      exitedClassName = props.exitedClassName,
-      exitingClassName = props.exitingClassName,
-      enteredClassName = props.enteredClassName,
-      enteringClassName = props.enteringClassName,
-      _props$getDimensionVa = props.getDimensionValue,
-      getDimensionValue = _props$getDimensionVa === void 0 ? defaultGetDimensionValue : _props$getDimensionVa,
-      onEnter = props.onEnter,
-      onEntering = props.onEntering,
-      onEntered = props.onEntered,
-      onExit = props.onExit,
-      onExiting = props.onExiting,
-      rest = _objectWithoutPropertiesLoose(props, ["className", "timeout", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"]);
-
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? 300 : _props$timeout,
+    _props$dimension = props.dimension,
+    dimensionProp = _props$dimension === void 0 ? DIMENSION.HEIGHT : _props$dimension,
+    exitedClassName = props.exitedClassName,
+    exitingClassName = props.exitingClassName,
+    enteredClassName = props.enteredClassName,
+    enteringClassName = props.enteringClassName,
+    _props$getDimensionVa = props.getDimensionValue,
+    getDimensionValue = _props$getDimensionVa === void 0 ? defaultGetDimensionValue : _props$getDimensionVa,
+    onEnter = props.onEnter,
+    onEntering = props.onEntering,
+    onEntered = props.onEntered,
+    onExit = props.onExit,
+    onExiting = props.onExiting,
+    rest = _objectWithoutPropertiesLoose(props, ["className", "timeout", "dimension", "exitedClassName", "exitingClassName", "enteredClassName", "enteringClassName", "getDimensionValue", "onEnter", "onEntering", "onEntered", "onExit", "onExiting"]);
   var _useClassNames = useClassNames('anim'),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var dimension = typeof dimensionProp === 'function' ? dimensionProp() : dimensionProp;
   var handleEnter = useCallback(function (elem) {
     addStyle(elem, dimension, 0);

package/esm/Animation/Fade.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,14 +6,12 @@ import Transition from './Transition';
 import { useClassNames } from '../utils';
 var Fade = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["timeout", "className"]);
-
+    timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
+    className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, ["timeout", "className"]);
   var _useClassNames = useClassNames('anim'),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {
     ref: ref,
     timeout: timeout,

package/esm/Animation/Slide.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,14 +6,12 @@ import Transition from './Transition';
 import { useClassNames } from '../utils';
 var Slide = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(_ref, ["timeout", "placement"]);
-
+    timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
+    props = _objectWithoutPropertiesLoose(_ref, ["timeout", "placement"]);
   var _useClassNames = useClassNames('anim'),
-      prefix = _useClassNames.prefix;
-
+    prefix = _useClassNames.prefix;
   var enterClassName = prefix('slide-in', placement);
   var exitClassName = prefix('slide-out', placement);
   return /*#__PURE__*/React.createElement(Transition, _extends({}, props, {

package/esm/Animation/Transition.js

@@ -1,3 +1,4 @@
+'use client';
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
@@ -11,7 +12,6 @@ import omit from 'lodash/omit';
 import { getDOMNode } from '../utils';
 import { getAnimationEnd, animationPropTypes } from './utils';
 export var STATUS;
-
 (function (STATUS) {
   STATUS[STATUS["UNMOUNTED"] = 0] = "UNMOUNTED";
   STATUS[STATUS["EXITED"] = 1] = "EXITED";
@@ -19,7 +19,6 @@ export var STATUS;
   STATUS[STATUS["ENTERED"] = 3] = "ENTERED";
   STATUS[STATUS["EXITING"] = 4] = "EXITING";
 })(STATUS || (STATUS = {}));
-
 export var transitionPropTypes = _extends({}, animationPropTypes, {
   animation: PropTypes.bool,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
@@ -33,13 +32,10 @@ export var transitionPropTypes = _extends({}, animationPropTypes, {
   enteredClassName: PropTypes.string,
   enteringClassName: PropTypes.string
 });
-
 var Transition = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Transition, _React$Component);
-
   function Transition(props) {
     var _this;
-
     _this = _React$Component.call(this, props) || this;
     _this.animationEventListener = null;
     _this.instanceElement = null;
@@ -47,13 +43,11 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     _this.needsUpdate = null;
     _this.childRef = void 0;
     var initialStatus;
-
     if (props.in) {
       initialStatus = props.transitionAppear ? STATUS.EXITED : STATUS.ENTERED;
     } else {
       initialStatus = props.unmountOnExit ? STATUS.UNMOUNTED : STATUS.EXITED;
     }
-
     _this.state = {
       status: initialStatus
     };
@@ -61,7 +55,6 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     _this.childRef = /*#__PURE__*/React.createRef();
     return _this;
   }
-
   Transition.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
     if (nextProps.in && nextProps.unmountOnExit) {
       if (prevState.status === STATUS.UNMOUNTED) {
@@ -71,30 +64,23 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         };
       }
     }
-
     return null;
   };
-
   var _proto = Transition.prototype;
-
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate() {
     if (!this.props.in || !this.props.unmountOnExit) {
       this.needsUpdate = true;
     }
-
     return null;
   };
-
   _proto.componentDidMount = function componentDidMount() {
     if (this.props.transitionAppear && this.props.in) {
       this.performEnter(this.props);
     }
   };
-
   _proto.componentDidUpdate = function componentDidUpdate() {
     var status = this.state.status;
     var unmountOnExit = this.props.unmountOnExit;
-
     if (unmountOnExit && status === STATUS.EXITED) {
       if (this.props.in) {
         this.performEnter(this.props);
@@ -105,13 +91,10 @@ var Transition = /*#__PURE__*/function (_React$Component) {
           });
         }
       }
-
       return;
     }
-
     if (this.needsUpdate) {
       this.needsUpdate = false;
-
       if (this.props.in) {
         if (status === STATUS.EXITING || status === STATUS.EXITED) {
           this.performEnter(this.props);
@@ -121,28 +104,22 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       }
     }
   };
-
   _proto.componentWillUnmount = function componentWillUnmount() {
     this.cancelNextCallback();
     this.instanceElement = null;
   };
-
   _proto.onTransitionEnd = function onTransitionEnd(node, handler) {
     var _this$animationEventL;
-
     this.setNextCallback(handler);
     (_this$animationEventL = this.animationEventListener) === null || _this$animationEventL === void 0 ? void 0 : _this$animationEventL.off();
-
     if (!this.nextCallback) {
       return;
     }
-
     if (node) {
       var _this$props = this.props,
-          timeout = _this$props.timeout,
-          animation = _this$props.animation;
+        timeout = _this$props.timeout,
+        animation = _this$props.animation;
       this.animationEventListener = on(node, animation ? getAnimationEnd() : getTransitionEnd(), this.nextCallback);
-
       if (timeout !== null) {
         setTimeout(this.nextCallback, timeout);
       }
@@ -150,57 +127,44 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       setTimeout(this.nextCallback, 0);
     }
   };
-
   _proto.setNextCallback = function setNextCallback(callback) {
     var _this2 = this;
-
     var active = true;
-
     this.nextCallback = function (event) {
       if (!active) {
         return;
       }
-
       if (event) {
         if (_this2.instanceElement === event.target) {
           callback(event);
           active = false;
           _this2.nextCallback = null;
         }
-
         return;
       }
-
       callback(event);
       active = false;
       _this2.nextCallback = null;
     };
-
     if (this.nextCallback) {
       this.nextCallback.cancel = function () {
         active = false;
       };
     }
-
     return this.nextCallback;
   };
-
   _proto.getChildElement = function getChildElement() {
     if (this.childRef.current) {
       return getDOMNode(this.childRef.current);
     }
-
     return getDOMNode(this);
   };
-
   _proto.performEnter = function performEnter(props) {
     var _this3 = this;
-
     var _ref = props || this.props,
-        onEnter = _ref.onEnter,
-        onEntering = _ref.onEntering,
-        onEntered = _ref.onEntered;
-
+      onEnter = _ref.onEnter,
+      onEntering = _ref.onEntering,
+      onEntered = _ref.onEntered;
     this.cancelNextCallback();
     var node = this.getChildElement();
     this.instanceElement = node;
@@ -209,7 +173,6 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       status: STATUS.ENTERING
     }, function () {
       onEntering === null || onEntering === void 0 ? void 0 : onEntering(node);
-
       _this3.onTransitionEnd(node, function () {
         _this3.safeSetState({
           status: STATUS.ENTERED
@@ -219,15 +182,12 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       });
     });
   };
-
   _proto.performExit = function performExit(props) {
     var _this4 = this;
-
     var _ref2 = props || this.props,
-        onExit = _ref2.onExit,
-        onExiting = _ref2.onExiting,
-        onExited = _ref2.onExited;
-
+      onExit = _ref2.onExit,
+      onExiting = _ref2.onExiting,
+      onExited = _ref2.onExited;
     this.cancelNextCallback();
     var node = this.getChildElement();
     this.instanceElement = node;
@@ -236,7 +196,6 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       status: STATUS.EXITING
     }, function () {
       onExiting === null || onExiting === void 0 ? void 0 : onExiting(node);
-
       _this4.onTransitionEnd(node, function () {
         _this4.safeSetState({
           status: STATUS.EXITED
@@ -246,14 +205,12 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       });
     });
   };
-
   _proto.cancelNextCallback = function cancelNextCallback() {
     if (this.nextCallback !== null) {
       this.nextCallback.cancel();
       this.nextCallback = null;
     }
   };
-
   _proto.safeSetState = function safeSetState(nextState, callback) {
     if (this.instanceElement) {
       var nextCallback = this.setNextCallback(callback);
@@ -262,28 +219,22 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.render = function render() {
     var _child$props;
-
     var status = this.state.status;
-
     if (status === STATUS.UNMOUNTED) {
       return null;
     }
-
     var _this$props2 = this.props,
-        children = _this$props2.children,
-        className = _this$props2.className,
-        exitedClassName = _this$props2.exitedClassName,
-        enteringClassName = _this$props2.enteringClassName,
-        enteredClassName = _this$props2.enteredClassName,
-        exitingClassName = _this$props2.exitingClassName,
-        rest = _objectWithoutPropertiesLoose(_this$props2, ["children", "className", "exitedClassName", "enteringClassName", "enteredClassName", "exitingClassName"]);
-
+      children = _this$props2.children,
+      className = _this$props2.className,
+      exitedClassName = _this$props2.exitedClassName,
+      enteringClassName = _this$props2.enteringClassName,
+      enteredClassName = _this$props2.enteredClassName,
+      exitingClassName = _this$props2.exitingClassName,
+      rest = _objectWithoutPropertiesLoose(_this$props2, ["children", "className", "exitedClassName", "enteringClassName", "enteredClassName", "exitingClassName"]);
     var childProps = omit(rest, Object.keys(transitionPropTypes));
     var transitionClassName;
-
     if (status === STATUS.EXITED) {
       transitionClassName = exitedClassName;
     } else if (status === STATUS.ENTERING) {
@@ -293,22 +244,18 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     } else if (status === STATUS.EXITING) {
       transitionClassName = exitingClassName;
     }
-
     if (isFunction(children)) {
       childProps.className = classNames(className, transitionClassName);
       return children(childProps, this.childRef);
     }
-
     var child = React.Children.only(children);
     return /*#__PURE__*/React.cloneElement(child, _extends({}, childProps, {
       ref: this.childRef,
       className: classNames(className, (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.className, transitionClassName)
     }));
   };
-
   return Transition;
 }(React.Component);
-
 Transition.propTypes = transitionPropTypes;
 Transition.displayName = 'Transition';
 Transition.defaultProps = {

package/esm/Animation/index.js

@@ -1,3 +1,4 @@
+'use client';
 import Transition from './Transition';
 import Slide from './Slide';
 import Collapse from './Collapse';

package/esm/Animation/utils.js

@@ -1,11 +1,10 @@
+'use client';
 import PropTypes from 'prop-types';
 export function getAnimationEnd() {
   var style = document.createElement('div').style;
-
   if ('webkitAnimation' in style) {
     return 'webkitAnimationEnd';
   }
-
   return 'animationend';
 }
 export var animationPropTypes = {