rsuite 5.40.0 → 5.42.0

package/esm/Navbar/NavbarDropdown.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, { useContext } from 'react';
@@ -12,52 +13,45 @@ import Disclosure from '../Disclosure/Disclosure';
 import NavDropdownItem from '../Nav/NavDropdownItem';
 import NavDropdownMenu from '../Nav/NavDropdownMenu';
 import NavbarDropdownToggle from './NavbarDropdownToggle';
-
 /**
  * @private
  */
 var NavbarDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var navbar = useContext(NavbarContext);
-
   if (!navbar) {
     throw new Error('<Navbar.Dropdown> should be used within a <Navbar> component.');
   }
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      title = props.title,
-      onClose = props.onClose,
-      onOpen = props.onOpen,
-      _onToggle = props.onToggle,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      toggleAs = props.toggleAs,
-      toggleClassName = props.toggleClassName,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
-      className = props.className,
-      disabled = props.disabled,
-      children = props.children,
-      menuStyle = props.menuStyle,
-      style = props.style,
-      toggleProps = _objectWithoutPropertiesLoose(props, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    title = props.title,
+    onClose = props.onClose,
+    onOpen = props.onOpen,
+    _onToggle = props.onToggle,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    toggleAs = props.toggleAs,
+    toggleClassName = props.toggleClassName,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+    className = props.className,
+    disabled = props.disabled,
+    children = props.children,
+    menuStyle = props.menuStyle,
+    style = props.style,
+    toggleProps = _objectWithoutPropertiesLoose(props, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useClassNames2 = useClassNames('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   return /*#__PURE__*/React.createElement(Disclosure, {
     trigger: castArray(trigger),
     hideOnClickOutside: true,
     onToggle: function onToggle(open) {
       _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(open);
-
       if (open) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -66,10 +60,8 @@ var NavbarDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, function (_ref, containerRef) {
     var _withClassPrefix;
-
     var open = _ref.open,
-        props = _objectWithoutPropertiesLoose(_ref, ["open"]);
-
+      props = _objectWithoutPropertiesLoose(_ref, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, containerRef),

package/esm/Navbar/NavbarDropdownItem.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, useContext } from 'react';
@@ -9,49 +10,41 @@ import { NavbarContext } from './Navbar';
 import DisclosureContext, { DisclosureActionTypes } from '../Disclosure/DisclosureContext';
 import { useRenderDropdownItem } from '../Dropdown/useRenderDropdownItem';
 import NavContext from '../Nav/NavContext';
-
 /**
  * @private
  */
 var NavbarDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var navbar = useContext(NavbarContext);
   var nav = useContext(NavContext);
-
   if (!navbar || !nav) {
     throw new Error('<Navbar.Dropdown.Item> must be rendered within a <Nav> component within a <Navbar> component.');
   }
-
   var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
-      className = props.className,
-      activeProp = props.active,
-      eventKey = props.eventKey,
-      onSelect = props.onSelect,
-      icon = props.icon,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      divider = props.divider,
-      panel = props.panel,
-      children = props.children,
-      disabled = props.disabled,
-      restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
-
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
+    className = props.className,
+    activeProp = props.active,
+    eventKey = props.eventKey,
+    onSelect = props.onSelect,
+    icon = props.icon,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    divider = props.divider,
+    panel = props.panel,
+    children = props.children,
+    disabled = props.disabled,
+    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var handleSelectItem = useCallback(function (event) {
     var _nav$onSelect;
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 ? void 0 : _nav$onSelect.call(nav, eventKey, event);
   }, [onSelect, eventKey, nav]);
   var disclosure = useContext(DisclosureContext);
-
   var _ref = disclosure !== null && disclosure !== void 0 ? disclosure : [],
-      dispatchDisclosure = _ref[1];
-
+    dispatchDisclosure = _ref[1];
   var handleClickNavbarDropdownItem = useCallback(function (event) {
     dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({
       type: DisclosureActionTypes.Hide,
@@ -61,7 +54,6 @@ var NavbarDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [dispatchDisclosure, handleSelectItem]);
   var selected = activeProp || !isNil(eventKey) && shallowEqual(nav.activeKey, eventKey);
   var renderDropdownItem = useRenderDropdownItem(Component);
-
   if (divider) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -69,7 +61,6 @@ var NavbarDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: merge(prefix('divider'), className)
     }, restProps));
   }
-
   if (panel) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -77,7 +68,6 @@ var NavbarDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children: children
     }, restProps));
   }
-
   var classes = merge(className, withClassPrefix({
     'with-icon': icon,
     disabled: disabled,
@@ -88,11 +78,9 @@ var NavbarDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var dataAttributes = {
     'data-event-key': eventKey
   };
-
   if (!isNil(eventKey) && typeof eventKey !== 'string') {
     dataAttributes['data-event-key-type'] = typeof eventKey;
   }
-
   return renderDropdownItem(_extends({
     ref: ref,
     className: classes,

package/esm/Navbar/NavbarDropdownMenu.js

@@ -1,9 +1,8 @@
+'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;
-
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
@@ -15,7 +14,6 @@ import { NavbarContext } from '.';
 import Disclosure from '../Disclosure';
 import NavContext from '../Nav/NavContext';
 import deprecatePropType from '../utils/deprecatePropType';
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Navbar>
@@ -32,44 +30,35 @@ import deprecatePropType from '../utils/deprecatePropType';
 var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var navbar = useContext(NavbarContext);
   var nav = useContext(NavContext);
-
   if (!navbar || !nav) {
     throw new Error('<Navbar.Dropdown.Menu> must be rendered within a <Nav> within a <Navbar> component.');
   }
-
   var _onToggle = props.onToggle,
-      eventKey = props.eventKey,
-      title = props.title,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-      children = props.children,
-      _props$openDirection = props.openDirection,
-      openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
-      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
-
+    eventKey = props.eventKey,
+    title = props.title,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    children = props.children,
+    _props$openDirection = props.openDirection,
+    openDirection = _props$openDirection === void 0 ? 'end' : _props$openDirection,
+    rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "classPrefix", "children", "openDirection"]);
   var _useCustom = useCustom('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix;
-
+    prefix = _useClassNames.prefix;
   var _useClassNames2 = useClassNames('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var _useClassNames3 = useClassNames('dropdown-item'),
-      mergeItemClassNames = _useClassNames3.merge,
-      withItemClassPrefix = _useClassNames3.withClassPrefix,
-      prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.
+    mergeItemClassNames = _useClassNames3.merge,
+    withItemClassPrefix = _useClassNames3.withClassPrefix,
+    prefixItemClassName = _useClassNames3.prefix; // Parent menu exists. This is a submenu.
   // Should render a `menuitem` that controls this submenu.
-
-
   var _omit = omit(rest, ['trigger']),
-      icon = _omit.icon,
-      className = _omit.className,
-      disabled = _omit.disabled,
-      menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "className", "disabled"]);
-
+    icon = _omit.icon,
+    className = _omit.className,
+    disabled = _omit.disabled,
+    menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "className", "disabled"]);
   var Icon = rtl ? AngleLeft : AngleRight;
   return /*#__PURE__*/React.createElement(Disclosure, {
     hideOnClickOutside: true,
@@ -79,8 +68,7 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, function (_ref, containerRef) {
     var open = _ref.open,
-        props = _objectWithoutPropertiesLoose(_ref, ["open"]);
-
+      props = _objectWithoutPropertiesLoose(_ref, ["open"]);
     var classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled: disabled,
       open: open,
@@ -91,8 +79,7 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classes
     }, props), /*#__PURE__*/React.createElement(Disclosure.Button, null, function (_ref2, buttonRef) {
       var open = _ref2.open,
-          buttonProps = _objectWithoutPropertiesLoose(_ref2, ["open"]);
-
+        buttonProps = _objectWithoutPropertiesLoose(_ref2, ["open"]);
       var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["toggle"]))), withItemClassPrefix({
         'with-icon': icon,
         open: open,
@@ -101,11 +88,9 @@ var NavbarDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var dataAttributes = {
         'data-event-key': eventKey
       };
-
       if (!isNil(eventKey) && typeof eventKey !== 'string') {
         dataAttributes['data-event-key-type'] = typeof eventKey;
       }
-
       return /*#__PURE__*/React.createElement("div", _extends({
         ref: mergeRefs(buttonRef, buttonRef),
         className: classes

package/esm/Navbar/NavbarDropdownToggle.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,7 +6,6 @@ import PropTypes from 'prop-types';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import { useClassNames } from '../utils';
 import NavbarItem from './NavbarItem';
-
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -17,20 +17,18 @@ import NavbarItem from './NavbarItem';
  */
 var NavbarDropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? NavbarItem : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,
-      renderToggle = props.renderToggle,
-      children = props.children,
-      noCaret = props.noCaret,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"]);
-
+    Component = _props$as === void 0 ? NavbarItem : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,
+    renderToggle = props.renderToggle,
+    children = props.children,
+    noCaret = props.noCaret,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "noCaret"]);
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
     'no-caret': noCaret
   }));

package/esm/Navbar/NavbarHeader.js

@@ -1,3 +1,4 @@
+'use client';
 import createComponent from '../utils/createComponent';
 import deprecateComponent from '../utils/deprecateComponent';
 var NavbarHeader = createComponent({

package/esm/Navbar/NavbarItem.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, useContext } from 'react';
@@ -7,41 +8,36 @@ import Ripple from '../Ripple';
 import SafeAnchor from '../SafeAnchor';
 import { shallowEqual, useClassNames } from '../utils';
 import NavContext from '../Nav/NavContext';
-
 /**
  * @private
  */
 var NavbarItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? SafeAnchor : _props$as,
-      activeProp = props.active,
-      disabled = props.disabled,
-      eventKey = props.eventKey,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,
-      style = props.style,
-      children = props.children,
-      icon = props.icon,
-      onClick = props.onClick,
-      onSelectProp = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"]);
-
+    Component = _props$as === void 0 ? SafeAnchor : _props$as,
+    activeProp = props.active,
+    disabled = props.disabled,
+    eventKey = props.eventKey,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'navbar-item' : _props$classPrefix,
+    style = props.style,
+    children = props.children,
+    icon = props.icon,
+    onClick = props.onClick,
+    onSelectProp = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"]);
   var _ref = useContext(NavContext),
-      activeKey = _ref.activeKey,
-      onSelectFromNav = _ref.onSelect;
-
+    activeKey = _ref.activeKey,
+    onSelectFromNav = _ref.onSelect;
   var active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
   var emitSelect = useCallback(function (event) {
     onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
-
   var _useClassNames = useClassNames(classPrefix),
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix({
     active: active,
     disabled: disabled

package/esm/Navbar/index.js

@@ -1,3 +1,4 @@
+'use client';
 import Navbar from './Navbar';
 export { NavbarContext } from './Navbar';
 export default Navbar;

package/esm/Notification/Notification.js

@@ -1,9 +1,8 @@
+'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;
-
 import React, { useCallback, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useTimeout, MESSAGE_STATUS_ICONS, useIsMounted } from '../utils';
@@ -11,38 +10,30 @@ import CloseButton from '../CloseButton';
 import ToastContext from '../toaster/ToastContext';
 var Notification = /*#__PURE__*/React.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 ? 'notification' : _props$classPrefix,
-      closable = props.closable,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 4500 : _props$duration,
-      className = props.className,
-      type = props.type,
-      header = props.header,
-      children = props.children,
-      onClose = props.onClose,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'notification' : _props$classPrefix,
+    closable = props.closable,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 4500 : _props$duration,
+    className = props.className,
+    type = props.type,
+    header = props.header,
+    children = props.children,
+    onClose = props.onClose,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"]);
   var _useState = useState('show'),
-      display = _useState[0],
-      setDisplay = _useState[1];
-
+    display = _useState[0],
+    setDisplay = _useState[1];
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var isMounted = useIsMounted();
-
   var _useContext = useContext(ToastContext),
-      usedToaster = _useContext.usedToaster; // Timed close message
-
-
+    usedToaster = _useContext.usedToaster; // Timed close message
   var _useTimeout = useTimeout(onClose, duration, usedToaster && duration > 0),
-      clear = _useTimeout.clear; // Click to trigger to close the message
-
-
+    clear = _useTimeout.clear; // Click to trigger to close the message
   var handleClose = useCallback(function (event) {
     setDisplay('hiding');
     onClose === null || onClose === void 0 ? void 0 : onClose(event);
@@ -57,7 +48,6 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!header) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: prefix('title')
     }, type ? /*#__PURE__*/React.createElement("div", {
@@ -66,11 +56,9 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: prefix('title')
     }, header));
   }, [header, type, prefix]);
-
   if (display === 'hide') {
     return null;
   }
-
   var classes = merge(className, withClassPrefix(type, display, {
     closable: closable
   }));

package/esm/Notification/index.js

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