rsuite 5.40.0 → 5.42.0

package/cjs/Drawer/Drawer.js

@@ -1,26 +1,17 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Slide = _interopRequireDefault(require("../Animation/Slide"));
-
 var _Modal = _interopRequireDefault(require("../Modal"));
-
 var _utils = require("../utils");
-
 var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
-
 var DrawerBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Body, (0, _extends2.default)({
     classPrefix: "drawer-body"
@@ -28,7 +19,6 @@ var DrawerBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: ref
   }));
 });
-
 var DrawerHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Header, (0, _extends2.default)({
     classPrefix: "drawer-header"
@@ -36,7 +26,6 @@ var DrawerHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: ref
   }));
 });
-
 var DrawerActions = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Footer, (0, _extends2.default)({
     classPrefix: "drawer-actions"
@@ -44,7 +33,6 @@ var DrawerActions = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: ref
   }));
 });
-
 var DrawerFooter = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Footer, (0, _extends2.default)({
     classPrefix: "drawer-footer"
@@ -52,7 +40,6 @@ var DrawerFooter = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: ref
   }));
 });
-
 var DrawerTitle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Title, (0, _extends2.default)({
     classPrefix: "drawer-title"
@@ -60,21 +47,18 @@ var DrawerTitle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: ref
   }));
 });
-
 var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'right' : _props$placement,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
-      _props$animation = props.animation,
-      animation = _props$animation === void 0 ? _Slide.default : _props$animation,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "placement", "classPrefix", "animation"]);
-
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? _Slide.default : _props$animation,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "placement", "classPrefix", "animation"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, prefix(placement));
   var animationProps = {
     placement: placement
@@ -88,7 +72,6 @@ var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     animationProps: animationProps
   }));
 });
-
 DrawerBody.displayName = 'DrawerBody';
 DrawerHeader.displayName = 'DrawerHeader';
 DrawerActions.displayName = 'DrawerActions';

package/cjs/Drawer/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Drawer = _interopRequireDefault(require("./Drawer"));
-
 var _default = _Drawer.default;
 exports.default = _default;

package/cjs/Dropdown/Dropdown.js

@@ -1,50 +1,29 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _pick = _interopRequireDefault(require("lodash/pick"));
-
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
-
 var _utils = require("../utils");
-
 var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
-
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
-
 var _Menu = _interopRequireDefault(require("../Menu/Menu"));
-
 var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
-
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 var _DropdownState = require("./DropdownState");
-
 var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
-
 var _Nav = _interopRequireDefault(require("../Nav"));
-
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
-
 /**
  * The <Dropdown> API
  * When used inside <Sidenav>, renders a <TreeviewRootItem>;
@@ -52,64 +31,56 @@ var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
  */
 var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var activeKey = props.activeKey,
-      onSelect = props.onSelect,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["activeKey", "onSelect"]);
+    onSelect = props.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["activeKey", "onSelect"]);
   var _rest$as = rest.as,
-      Component = _rest$as === void 0 ? 'div' : _rest$as,
-      title = rest.title,
-      onClose = rest.onClose,
-      onOpen = rest.onOpen,
-      onToggle = rest.onToggle,
-      _rest$trigger = rest.trigger,
-      trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
-      _rest$placement = rest.placement,
-      placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
-      toggleAs = rest.toggleAs,
-      toggleClassName = rest.toggleClassName,
-      open = rest.open,
-      defaultOpen = rest.defaultOpen,
-      _rest$classPrefix = rest.classPrefix,
-      classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
-      className = rest.className,
-      disabled = rest.disabled,
-      children = rest.children,
-      menuStyle = rest.menuStyle,
-      style = rest.style,
-      toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
+    Component = _rest$as === void 0 ? 'div' : _rest$as,
+    title = rest.title,
+    onClose = rest.onClose,
+    onOpen = rest.onOpen,
+    onToggle = rest.onToggle,
+    _rest$trigger = rest.trigger,
+    trigger = _rest$trigger === void 0 ? 'click' : _rest$trigger,
+    _rest$placement = rest.placement,
+    placement = _rest$placement === void 0 ? 'bottomStart' : _rest$placement,
+    toggleAs = rest.toggleAs,
+    toggleClassName = rest.toggleClassName,
+    open = rest.open,
+    defaultOpen = rest.defaultOpen,
+    _rest$classPrefix = rest.classPrefix,
+    classPrefix = _rest$classPrefix === void 0 ? 'dropdown' : _rest$classPrefix,
+    className = rest.className,
+    disabled = rest.disabled,
+    children = rest.children,
+    menuStyle = rest.menuStyle,
+    style = rest.style,
+    toggleProps = (0, _objectWithoutPropertiesLoose2.default)(rest, ["as", "title", "onClose", "onOpen", "onToggle", "trigger", "placement", "toggleAs", "toggleClassName", "open", "defaultOpen", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
   var nav = (0, _react.useContext)(_NavContext.default);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var _useClassNames2 = (0, _utils.useClassNames)('dropdown-menu'),
-      withMenuClassPrefix = _useClassNames2.withClassPrefix,
-      mergeMenuClassName = _useClassNames2.merge;
-
+    withMenuClassPrefix = _useClassNames2.withClassPrefix,
+    mergeMenuClassName = _useClassNames2.merge;
   var menuButtonTriggers = (0, _react.useMemo)(function () {
     if (!trigger) {
       return undefined;
     }
-
     var triggerMap = {
       hover: 'mouseover',
       click: 'click',
       contextMenu: 'contextmenu'
     };
-
     if (!Array.isArray(trigger)) {
       return [triggerMap[trigger]];
     }
-
     return trigger.map(function (t) {
       return triggerMap[t];
     });
   }, [trigger]);
-
   var _useReducer = (0, _react.useReducer)(_DropdownState.reducer, _DropdownState.initialState),
-      items = _useReducer[0].items,
-      dispatch = _useReducer[1];
-
+    items = _useReducer[0].items,
+    dispatch = _useReducer[1];
   var hasSelectedItem = (0, _react.useMemo)(function () {
     return items.some(function (item) {
       return item.props.selected;
@@ -122,16 +93,16 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       hasSelectedItem: hasSelectedItem,
       dispatch: dispatch
     };
-  }, [activeKey, onSelect, hasSelectedItem, dispatch]); // Deprecate <Dropdown> within <Nav> usage
-  // in favor of <Nav.Menu> API
+  }, [activeKey, onSelect, hasSelectedItem, dispatch]);
 
+  // Deprecate <Dropdown> within <Nav> usage
+  // in favor of <Nav.Menu> API
   if (nav) {
     (0, _warnOnce.default)('Usage of <Dropdown> within <Nav> is deprecated. Replace with <Nav.Menu>');
     return /*#__PURE__*/_react.default.createElement(_Nav.default.Menu, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   var renderMenuButton = function renderMenuButton(menuButtonProps, menuButtonRef) {
     return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({
       ref: menuButtonRef,
@@ -141,7 +112,6 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       disabled: disabled
     }, (0, _omit.default)(menuButtonProps, ['open']), (0, _omit.default)(toggleProps, ['data-testid'])), title);
   };
-
   return /*#__PURE__*/_react.default.createElement(_DropdownContext.default.Provider, {
     value: dropdownContextValue
   }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
@@ -153,7 +123,7 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     openMenuOn: menuButtonTriggers,
     renderMenuPopup: function renderMenuPopup(_ref, popupRef) {
       var open = _ref.open,
-          popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
+        popupProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["open"]);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
         ref: popupRef,
@@ -164,7 +134,6 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     },
     onToggleMenu: function onToggleMenu(open) {
       onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
-
       if (open) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -173,9 +142,8 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, function (_ref2, menuContainerRef) {
     var _withClassPrefix;
-
     var open = _ref2.open,
-        menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["open"]);
+      menuContainer = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["open"]);
     var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuContainerRef),
@@ -185,7 +153,6 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }));
   }));
 });
-
 Dropdown.Item = _DropdownItem.default;
 Dropdown.Menu = _DropdownMenu.default;
 Dropdown.Separator = _DropdownSeparator.default;

package/cjs/Dropdown/DropdownContext.js

@@ -1,14 +1,11 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var DropdownContext = /*#__PURE__*/_react.default.createContext(null);
-
 DropdownContext.displayName = 'DropdownContext';
 var _default = DropdownContext;
 exports.default = _default;

package/cjs/Dropdown/DropdownItem.js

@@ -1,46 +1,27 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _deprecatePropType = _interopRequireWildcard(require("../utils/deprecatePropType"));
-
 var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
-
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _utils = require("../utils");
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-
 var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
-
 var _DropdownState = require("./DropdownState");
-
 var _useRenderDropdownItem = require("./useRenderDropdownItem");
-
 var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
-
 var _Nav = _interopRequireDefault(require("../Nav"));
-
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
-
 /**
  * The <Dropdown.Item> API
  * When used inside <Sidenav>, renders a <TreeviewItem>
@@ -48,31 +29,28 @@ var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
  */
 var DropdownItem = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var internalId = (0, _useInternalId.default)('DropdownItem');
   var nav = (0, _react.useContext)(_NavContext.default);
   var dropdown = (0, _react.useContext)(_DropdownContext.default);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var handleSelectItem = (0, _react.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]);
@@ -99,20 +77,19 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       };
     }
   }, [internalId, selected, dispatch]);
-  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component); // If using <Dropdown.Item> within <Nav>
-  // Suggest <Nav.Item>
+  var renderDropdownItem = (0, _useRenderDropdownItem.useRenderDropdownItem)(Component);
 
+  // If using <Dropdown.Item> within <Nav>
+  // Suggest <Nav.Item>
   if (nav) {
     (0, _warnOnce.default)('Usage of <Dropdown.Item> within <Nav> is deprecated. Replace with <Nav.Item> within <Nav.Menu>.');
     return /*#__PURE__*/_react.default.createElement(_Nav.default.Item, (0, _extends2.default)({
       ref: ref
     }, props));
   }
-
   if (divider) {
     return /*#__PURE__*/_react.default.createElement(_DropdownSeparator.default, (0, _pick2.default)(props, ['data-testid']));
   }
-
   if (panel) {
     return renderDropdownItem((0, _extends2.default)({
       ref: ref,
@@ -120,15 +97,14 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       children: children
     }, restProps));
   }
-
   return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
     selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
   }, function (_ref, menuitemRef) {
     var selected = _ref.selected,
-        active = _ref.active,
-        menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["selected", "active"]);
+      active = _ref.active,
+      menuitem = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["selected", "active"]);
     var classes = merge(className, withClassPrefix({
       'with-icon': icon,
       active: selected,
@@ -140,11 +116,9 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     var dataAttributes = {
       'data-event-key': eventKey
     };
-
     if (!(0, _isNil.default)(eventKey) && typeof eventKey !== 'string') {
       dataAttributes['data-event-key-type'] = typeof eventKey;
     }
-
     return renderDropdownItem((0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, menuitemRef),
       className: classes
@@ -155,7 +129,6 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }));
   });
 });
-
 DropdownItem.displayName = 'Dropdown.Item';
 DropdownItem.propTypes = {
   as: _propTypes.default.elementType,