rsuite 5.40.0 → 5.42.0

package/esm/Dropdown/DropdownItem.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _pick from "lodash/pick";
@@ -15,7 +16,6 @@ import { useRenderDropdownItem } from './useRenderDropdownItem';
 import warnOnce from '../utils/warnOnce';
 import Nav from '../Nav';
 import DropdownSeparator from './DropdownSeparator';
-
 /**
  * The <Dropdown.Item> API
  * When used inside <Sidenav>, renders a <TreeviewItem>
@@ -23,32 +23,28 @@ import DropdownSeparator from './DropdownSeparator';
  */
 var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   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 internalId = useInternalId('DropdownItem');
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
-
   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 _dropdown$onSelect;
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
     dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);
   }, [onSelect, eventKey, dropdown]);
@@ -75,20 +71,19 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
     }
   }, [internalId, selected, dispatch]);
-  var renderDropdownItem = useRenderDropdownItem(Component); // If using <Dropdown.Item> within <Nav>
-  // Suggest <Nav.Item>
+  var renderDropdownItem = useRenderDropdownItem(Component);
 
+  // If using <Dropdown.Item> within <Nav>
+  // Suggest <Nav.Item>
   if (nav) {
     warnOnce('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');
     return /*#__PURE__*/React.createElement(Nav.Item, _extends({
       ref: ref
     }, props));
   }
-
   if (divider) {
     return /*#__PURE__*/React.createElement(DropdownSeparator, _pick(props, ['data-testid']));
   }
-
   if (panel) {
     return renderDropdownItem(_extends({
       ref: ref,
@@ -96,16 +91,14 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children: children
     }, restProps));
   }
-
   return /*#__PURE__*/React.createElement(MenuItem, {
     selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref, menuitemRef) {
     var selected = _ref.selected,
-        active = _ref.active,
-        menuitem = _objectWithoutPropertiesLoose(_ref, ["selected", "active"]);
-
+      active = _ref.active,
+      menuitem = _objectWithoutPropertiesLoose(_ref, ["selected", "active"]);
     var classes = merge(className, withClassPrefix({
       'with-icon': icon,
       active: selected,
@@ -117,11 +110,9 @@ var DropdownItem = /*#__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: mergeRefs(ref, menuitemRef),
       className: classes

package/esm/Dropdown/DropdownMenu.js

@@ -1,9 +1,8 @@
+'use client';
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-
 var _templateObject, _templateObject2;
-
 import React, { useCallback, useContext, useMemo } from 'react';
 import omit from 'lodash/omit';
 import Menu from '../Menu/Menu';
@@ -18,7 +17,6 @@ import Menubar from '../Menu/Menubar';
 import Nav from '../Nav';
 import NavContext from '../Nav/NavContext';
 import warnOnce from '../utils/warnOnce';
-
 /**
  * The <Dropdown.Menu> API
  *
@@ -39,57 +37,51 @@ import warnOnce from '../utils/warnOnce';
  */
 var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onToggle = props.onToggle,
-      eventKey = props.eventKey,
-      title = props.title,
-      activeKey = props.activeKey,
-      onSelect = props.onSelect,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
-      className = props.className,
-      children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"]);
-
+    eventKey = props.eventKey,
+    title = props.title,
+    activeKey = props.activeKey,
+    onSelect = props.onSelect,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "className", "children"]);
   var nav = useContext(NavContext);
   var dropdown = useContext(DropdownContext);
-
   var _useCustom = useCustom('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var handleToggleSubmenu = useCallback(function (_, event) {
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);
   }, [eventKey, onToggle]);
-
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
   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;
-
+    mergeItemClassNames = _useClassNames3.merge,
+    withItemClassPrefix = _useClassNames3.withClassPrefix,
+    prefixItemClassName = _useClassNames3.prefix;
   var contextValue = useMemo(function () {
     return {
       activeKey: activeKey,
       onSelect: onSelect
     };
-  }, [activeKey, onSelect]); // If rendered within a <Nav>
-  // Suggest <Nav.Menu>
+  }, [activeKey, onSelect]);
 
+  // If rendered within a <Nav>
+  // Suggest <Nav.Menu>
   if (nav) {
     warnOnce('Usage of <Dropdown.Menu> within <Nav> is deprecated. Replace with <Nav.Menu>');
     return /*#__PURE__*/React.createElement(Nav.Menu, _extends({
       ref: ref
     }, props));
-  } // <Dropdown.Menu> is used outside of <Dropdown>
-  // renders a vertical `menubar`
-
+  }
 
+  // <Dropdown.Menu> is used outside of <Dropdown>
+  // renders a vertical `menubar`
   if (!dropdown) {
     var classes = merge(className, withClassPrefix());
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
@@ -102,29 +94,26 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: classes
       }, menubar, rest), children);
     }));
-  } // Parent menu exists. This is a submenu.
-  // Should render a `menuitem` that controls this submenu.
-
+  }
 
+  // Parent menu exists. This is a submenu.
+  // Should render a `menuitem` that controls this submenu.
   var _omit = omit(rest, ['trigger']),
-      icon = _omit.icon,
-      disabled = _omit.disabled,
-      menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "disabled"]);
-
+    icon = _omit.icon,
+    disabled = _omit.disabled,
+    menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "disabled"]);
   var Icon = rtl ? AngleLeft : AngleRight;
   return /*#__PURE__*/React.createElement(Menu, {
     openMenuOn: ['mouseover', 'click'],
     renderMenuButton: function renderMenuButton(_ref, buttonRef) {
       var open = _ref.open,
-          menuButtonProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
-
+        menuButtonProps = _objectWithoutPropertiesLoose(_ref, ["open"]);
       return /*#__PURE__*/React.createElement(MenuItem, {
         disabled: disabled
       }, function (_ref2, menuitemRef) {
         var selected = _ref2.selected,
-            active = _ref2.active,
-            menuitem = _objectWithoutPropertiesLoose(_ref2, ["selected", "active"]);
-
+          active = _ref2.active,
+          menuitem = _objectWithoutPropertiesLoose(_ref2, ["selected", "active"]);
         var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["toggle"]))), withItemClassPrefix({
           'with-icon': icon,
           open: open,
@@ -146,8 +135,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {
       var open = _ref3.open,
-          popupProps = _objectWithoutPropertiesLoose(_ref3, ["open"]);
-
+        popupProps = _objectWithoutPropertiesLoose(_ref3, ["open"]);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -158,8 +146,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onToggleMenu: handleToggleSubmenu
   }, function (_ref4, menuContainerRef) {
     var open = _ref4.open,
-        menuContainer = _objectWithoutPropertiesLoose(_ref4, ["open"]);
-
+      menuContainer = _objectWithoutPropertiesLoose(_ref4, ["open"]);
     var classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled: disabled,
       open: open,

package/esm/Dropdown/DropdownSeparator.js

@@ -1,9 +1,9 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-
 /**
  * The <Dropdown.Separator> API
  *
@@ -12,16 +12,14 @@ import { useClassNames } from '../utils';
  */
 var DropdownSeparator = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item-divider' : _props$classPrefix,
-      className = props.className,
-      _props$as = props.as,
-      Component = _props$as === void 0 ? 'li' : _props$as,
-      restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "as"]);
-
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-item-divider' : _props$classPrefix,
+    className = props.className,
+    _props$as = props.as,
+    Component = _props$as === void 0 ? 'li' : _props$as,
+    restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "as"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     role: "separator",

package/esm/Dropdown/DropdownState.js

@@ -1,20 +1,18 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 export var initialState = {
   items: []
 };
 export var DropdownActionType;
-
 (function (DropdownActionType) {
   DropdownActionType[DropdownActionType["RegisterItem"] = 0] = "RegisterItem";
   DropdownActionType[DropdownActionType["UnregisterItem"] = 1] = "UnregisterItem";
   DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
 })(DropdownActionType || (DropdownActionType = {}));
-
 export function reducer(state, action) {
   if (state === void 0) {
     state = initialState;
   }
-
   switch (action.type) {
     case DropdownActionType.RegisterItem:
       if (state.items.find(function (item) {
@@ -29,26 +27,22 @@ export function reducer(state, action) {
                 })
               });
             }
-
             return item;
           })
         });
       }
-
       return _extends({}, state, {
         items: [].concat(state.items, [{
           id: action.payload.id,
           props: action.payload.props
         }])
       });
-
     case DropdownActionType.UnregisterItem:
       return _extends({}, state, {
         items: state.items.filter(function (item) {
           return item.id !== action.payload.id;
         })
       });
-
     default:
       return state;
   }

package/esm/Dropdown/DropdownToggle.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';
@@ -7,27 +8,26 @@ import { useClassNames } from '../utils';
 import useToggleCaret from '../utils/useToggleCaret';
 var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? Button : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
-      renderToggle = props.renderToggle,
-      children = props.children,
-      icon = props.icon,
-      noCaret = props.noCaret,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "icon", "noCaret", "placement"]);
-
+    Component = _props$as === void 0 ? Button : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-toggle' : _props$classPrefix,
+    renderToggle = props.renderToggle,
+    children = props.children,
+    icon = props.icon,
+    noCaret = props.noCaret,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "icon", "noCaret", "placement"]);
   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
-  })); // Caret icon is down by default, when Dropdown is used in Sidenav.
+  }));
 
+  // Caret icon is down by default, when Dropdown is used in Sidenav.
   var Caret = useToggleCaret(placement);
   var toggle = /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/Dropdown/index.js

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

package/esm/Dropdown/useRenderDropdownItem.js

@@ -1,3 +1,4 @@
+'use client';
 import React, { useCallback } from 'react';
 export function useRenderDropdownItem(Component) {
   return useCallback(function (props, OverrideComponent) {
@@ -7,10 +8,8 @@ export function useRenderDropdownItem(Component) {
           role: "none presentation"
         }, /*#__PURE__*/React.createElement(OverrideComponent, props));
       }
-
       return /*#__PURE__*/React.createElement(Component, props);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       role: "none presentation"
     }, /*#__PURE__*/React.createElement(Component, props));

package/esm/FlexboxGrid/FlexboxGrid.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';
@@ -6,20 +7,18 @@ import { useClassNames } from '../utils';
 import FlexboxGridItem from './FlexboxGridItem';
 var FlexboxGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid' : _props$classPrefix,
-      _props$align = props.align,
-      align = _props$align === void 0 ? 'top' : _props$align,
-      _props$justify = props.justify,
-      justify = _props$justify === void 0 ? 'start' : _props$justify,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "align", "justify"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid' : _props$classPrefix,
+    _props$align = props.align,
+    align = _props$align === void 0 ? 'top' : _props$align,
+    _props$justify = props.justify,
+    justify = _props$justify === void 0 ? 'start' : _props$justify,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "align", "justify"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix(align, justify));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/FlexboxGrid/FlexboxGridItem.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,22 +6,19 @@ import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 var FlexboxGridItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _withClassPrefix;
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid-item' : _props$classPrefix,
-      _props$colspan = props.colspan,
-      colspan = _props$colspan === void 0 ? 0 : _props$colspan,
-      _props$order = props.order,
-      order = _props$order === void 0 ? 0 : _props$order,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "colspan", "order"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'flex-box-grid-item' : _props$classPrefix,
+    _props$colspan = props.colspan,
+    colspan = _props$colspan === void 0 ? 0 : _props$colspan,
+    _props$order = props.order,
+    order = _props$order === void 0 ? 0 : _props$order,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "colspan", "order"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix[colspan] = colspan >= 0, _withClassPrefix["order-" + order] = order, _withClassPrefix)));
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref

package/esm/FlexboxGrid/index.js

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

package/esm/Footer/Footer.js

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

package/esm/Footer/index.js

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