rsuite 5.40.0 → 5.42.0

package/esm/Modal/ModalBody.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';
@@ -8,21 +9,18 @@ import IconButton from '../IconButton';
 import Close from '@rsuite/icons/Close';
 var ModalBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _context$getBodyStyle;
-
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'modal-body' : _props$classPrefix,
-      className = props.className,
-      style = props.style,
-      children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "style", "children"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'modal-body' : _props$classPrefix,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "style", "children"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   var context = useContext(ModalContext);
   var bodyStyles = context === null || context === void 0 ? void 0 : (_context$getBodyStyle = context.getBodyStyles) === null || _context$getBodyStyle === void 0 ? void 0 : _context$getBodyStyle.call(context);

package/esm/Modal/ModalContext.js

@@ -1,2 +1,3 @@
+'use client';
 import React from 'react';
 export var ModalContext = /*#__PURE__*/React.createContext(null);

package/esm/Modal/ModalDialog.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;
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, SIZE } from '../utils';
@@ -18,26 +17,23 @@ export var modalDialogPropTypes = {
 };
 var ModalDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      style = props.style,
-      children = props.children,
-      dialogClassName = props.dialogClassName,
-      dialogStyle = props.dialogStyle,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
-      className = props.className,
-      size = props.size,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    style = props.style,
+    children = props.children,
+    dialogClassName = props.dialogClassName,
+    dialogStyle = props.dialogStyle,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
+    className = props.className,
+    size = props.size,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"]);
   var modalStyle = _extends({
     display: 'block'
   }, style);
-
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix(size));
   var dialogClasses = merge(dialogClassName, prefix('dialog'));
   return /*#__PURE__*/React.createElement(Component, _extends({

package/esm/Modal/ModalFooter.js

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

package/esm/Modal/ModalHeader.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';
@@ -9,21 +10,19 @@ import Close from '@rsuite/icons/Close';
 import IconButton from '../IconButton';
 var ModalHeader = /*#__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 ? 'modal-header' : _props$classPrefix,
-      className = props.className,
-      _props$closeButton = props.closeButton,
-      closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
-      children = props.children,
-      onClose = props.onClose,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "closeButton", "children", "onClose"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'modal-header' : _props$classPrefix,
+    className = props.className,
+    _props$closeButton = props.closeButton,
+    closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
+    children = props.children,
+    onClose = props.onClose,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "closeButton", "children", "onClose"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix());
   var context = useContext(ModalContext);
   var buttonElement = !(context !== null && context !== void 0 && context.isDrawer) ? /*#__PURE__*/React.createElement(CloseButton, {
@@ -47,7 +46,6 @@ ModalHeader.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   closeButton: PropTypes.bool,
-  children: PropTypes.node,
-  onHide: PropTypes.func
+  children: PropTypes.node
 };
 export default ModalHeader;

package/esm/Modal/ModalTitle.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';
@@ -6,17 +7,15 @@ import { useClassNames } from '../utils';
 import { ModalContext } from './ModalContext';
 var ModalTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'h4' : _props$as,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'modal-title' : _props$classPrefix,
-      className = props.className,
-      role = props.role,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "role"]);
-
+    Component = _props$as === void 0 ? 'h4' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'modal-title' : _props$classPrefix,
+    className = props.className,
+    role = props.role,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "role"]);
   var _useClassNames = useClassNames(classPrefix),
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   var context = useContext(ModalContext);
   return /*#__PURE__*/React.createElement(Component, _extends({

package/esm/Modal/index.js

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

package/esm/Modal/utils.js

@@ -1,15 +1,15 @@
+'use client';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import getHeight from 'dom-lib/getHeight';
 import on from 'dom-lib/on';
 import { ResizeObserver } from '@juggle/resize-observer';
 export var useBodyStyles = function useBodyStyles(ref, options) {
   var _useState = useState({}),
-      bodyStyles = _useState[0],
-      setBodyStyles = _useState[1];
-
+    bodyStyles = _useState[0],
+    setBodyStyles = _useState[1];
   var overflow = options.overflow,
-      drawer = options.drawer,
-      prefix = options.prefix;
+    drawer = options.drawer,
+    prefix = options.prefix;
   var windowResizeListener = useRef();
   var contentElement = useRef(null);
   var contentElementResizeObserver = useRef();
@@ -19,7 +19,6 @@ export var useBodyStyles = function useBodyStyles(ref, options) {
     var styles = {
       overflow: 'auto'
     };
-
     if (dialog) {
       // default margin
       var headerHeight = 46;
@@ -28,21 +27,19 @@ export var useBodyStyles = function useBodyStyles(ref, options) {
       var footerDOM = dialog.querySelector("." + prefix('footer'));
       headerHeight = headerDOM ? getHeight(headerDOM) + headerHeight : headerHeight;
       footerHeight = footerDOM ? getHeight(footerDOM) + footerHeight : footerHeight;
+
       /**
        * Header height + Footer height + Dialog margin
        */
-
       var excludeHeight = headerHeight + footerHeight + (entering ? 70 : 60);
       var bodyHeight = getHeight(window) - excludeHeight;
       var maxHeight = scrollHeight >= bodyHeight ? bodyHeight : scrollHeight;
       styles.maxHeight = maxHeight;
     }
-
     setBodyStyles(styles);
   }, [prefix, ref]);
   var onDestroyEvents = useCallback(function () {
     var _windowResizeListener, _windowResizeListener2, _contentElementResize;
-
     (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 ? void 0 : (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 ? void 0 : _windowResizeListener2.call(_windowResizeListener);
     (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 ? void 0 : _contentElementResize.disconnect();
     windowResizeListener.current = null;
@@ -52,11 +49,9 @@ export var useBodyStyles = function useBodyStyles(ref, options) {
     if (overflow && !drawer && ref.current) {
       updateBodyStyles(undefined, entering);
       contentElement.current = ref.current.querySelector("." + prefix('content'));
-
       if (!windowResizeListener.current) {
         windowResizeListener.current = on(window, 'resize', updateBodyStyles);
       }
-
       if (contentElement.current && !contentElementResizeObserver.current) {
         contentElementResizeObserver.current = new ResizeObserver(function () {
           return updateBodyStyles();
@@ -66,7 +61,8 @@ export var useBodyStyles = function useBodyStyles(ref, options) {
     }
   }, [drawer, overflow, prefix, ref, updateBodyStyles]);
   useEffect(function () {
-    return onDestroyEvents; // eslint-disable-next-line react-hooks/exhaustive-deps
+    return onDestroyEvents;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return [overflow ? bodyStyles : {}, onChangeBodyStyles, onDestroyEvents];
 };

package/esm/MultiCascader/DropdownMenu.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,60 +10,54 @@ import { useClassNames, shallowEqual, useCustom } from '../utils';
 import { DropdownMenuCheckItem } from '../Picker';
 import { isSomeParentChecked, isSomeChildChecked } from './utils';
 var emptyArray = [];
+
 /**
  * TODO: reuse Menu from Cascader for consistent behavior
  */
-
 var DropdownMenu = /*#__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 ? 'menu' : _props$classPrefix,
-      className = props.className,
-      cascade = props.cascade,
-      _props$cascadeData = props.cascadeData,
-      cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
-      _props$cascadePaths = props.cascadePaths,
-      cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
-      _props$childrenKey = props.childrenKey,
-      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-      _props$disabledItemVa = props.disabledItemValues,
-      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-      _props$menuWidth = props.menuWidth,
-      menuWidth = _props$menuWidth === void 0 ? 156 : _props$menuWidth,
-      _props$menuHeight = props.menuHeight,
-      menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
-      _props$uncheckableIte = props.uncheckableItemValues,
-      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-      value = props.value,
-      _props$valueKey = props.valueKey,
-      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-      _props$labelKey = props.labelKey,
-      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-      renderMenuItem = props.renderMenuItem,
-      renderMenu = props.renderMenu,
-      _onCheck = props.onCheck,
-      onSelect = props.onSelect,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "renderMenuItem", "renderMenu", "onCheck", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'menu' : _props$classPrefix,
+    className = props.className,
+    cascade = props.cascade,
+    _props$cascadeData = props.cascadeData,
+    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
+    _props$cascadePaths = props.cascadePaths,
+    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    _props$disabledItemVa = props.disabledItemValues,
+    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+    _props$menuWidth = props.menuWidth,
+    menuWidth = _props$menuWidth === void 0 ? 156 : _props$menuWidth,
+    _props$menuHeight = props.menuHeight,
+    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
+    _props$uncheckableIte = props.uncheckableItemValues,
+    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
+    value = props.value,
+    _props$valueKey = props.valueKey,
+    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+    _props$labelKey = props.labelKey,
+    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    renderMenuItem = props.renderMenuItem,
+    renderMenu = props.renderMenu,
+    _onCheck = props.onCheck,
+    onSelect = props.onSelect,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "renderMenuItem", "renderMenu", "onCheck", "onSelect"]);
   var _useClassNames = useClassNames(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('items'));
-
   var _useCustom = useCustom('DropdownMenu'),
-      rtl = _useCustom.rtl;
-
+    rtl = _useCustom.rtl;
   var getCascadePaths = useCallback(function (layer, node) {
     var paths = [];
-
     for (var i = 0; i < cascadeData.length && i < layer; i += 1) {
       if (i < layer - 1 && cascadePaths) {
         paths.push(cascadePaths[i]);
       }
     }
-
     paths.push(node);
     return paths;
   }, [cascadeData, cascadePaths]);
@@ -70,33 +65,32 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var cascadePaths = getCascadePaths(layer + 1, node);
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, event);
   }, [getCascadePaths, onSelect]);
-
   var renderCascadeNode = function renderCascadeNode(node, index, layer, focus, uncheckable) {
     var children = node[childrenKey];
     var nodeValue = node[valueKey];
     var nodeLabel = node[labelKey];
     var disabled = disabledItemValues.some(function (disabledValue) {
       return shallowEqual(disabledValue, nodeValue);
-    }); // Use `value` in keys when If `value` is string or number
+    });
 
+    // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
     var Icon = node.loading ? SpinnerIcon : rtl ? AngleLeftIcon : AngleRightIcon;
     var active = value.some(function (v) {
       return v === nodeValue;
     });
-
     if (cascade) {
       active = active || isSomeParentChecked(node, value, {
         valueKey: valueKey
       });
     }
-
     return /*#__PURE__*/React.createElement(DropdownMenuCheckItem, {
       as: "li",
       key: layer + "-" + onlyKey,
       disabled: disabled,
       active: active,
-      focus: focus // Pass the node as a value to Item, and use it in event callbacks.
+      focus: focus
+      // Pass the node as a value to Item, and use it in event callbacks.
       ,
       value: nodeValue,
       className: children ? prefix('has-children') : undefined,
@@ -116,7 +110,6 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       spin: node.loading
     }) : null);
   };
-
   var renderCascade = function renderCascade() {
     var styles = {
       width: cascadeData.length * menuWidth
@@ -134,11 +127,9 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var uncheckable = uncheckableItemValues.some(function (uncheckableValue) {
           return shallowEqual(uncheckableValue, item[valueKey]);
         });
-
         if (uncheckable) {
           uncheckableCount++;
         }
-
         return renderCascadeNode(item, index, layer, cascadePaths[layer] && shallowEqual(cascadePaths[layer][valueKey], item[valueKey]), uncheckable);
       }));
       var parentNode = cascadePaths[layer - 1];
@@ -156,7 +147,6 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: styles
     }, cascadeNodes);
   };
-
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes