rsuite 5.76.0 → 6.0.0-canary-20241227

package/esm/Pagination/PaginationGroup.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "activePage", "classPrefix", "className", "disabled", "size", "style", "total", "prev", "next", "first", "last", "limitOptions", "limit", "locale", "layout", "maxButtons", "onChangePage", "onChangeLimit"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Pagination from "./Pagination.js";
 import Divider from "../Divider/index.js";
@@ -17,67 +14,63 @@ import { useCustom } from "../CustomProvider/index.js";
  * The layout of the paging component.
  */
 
-var defaultLayout = ['pager'];
-var defaultLimitOptions = [30, 50, 100];
+const defaultLayout = ['pager'];
+const defaultLimitOptions = [30, 50, 100];
 
 /**
  * Pagination component for displaying page numbers.
  *
  * @see https://rsuitejs.com/components/pagination
  */
-var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    activePageProp = props.activePage,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'pagination-group' : _props$classPrefix,
-    className = props.className,
-    disabled = props.disabled,
-    size = props.size,
-    style = props.style,
-    total = props.total,
-    prev = props.prev,
-    next = props.next,
-    first = props.first,
-    last = props.last,
-    _props$limitOptions = props.limitOptions,
-    limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,
-    limitProp = props.limit,
-    localeProp = props.locale,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? defaultLayout : _props$layout,
-    maxButtons = props.maxButtons,
-    onChangePage = props.onChangePage,
-    onChangeLimit = props.onChangeLimit,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var _useControlled = useControlled(limitProp, 30),
-    limit = _useControlled[0],
-    setLimit = _useControlled[1];
-  var _useControlled2 = useControlled(activePageProp, 1),
-    activePage = _useControlled2[0],
-    setActivePage = _useControlled2[1];
-  var pages = Math.floor(total / limit) + (total % limit ? 1 : 0);
-  var classes = merge(className, withClassPrefix(size));
-  var _useCustom = useCustom(),
-    getLocale = _useCustom.getLocale;
-  var locale = getLocale('Pagination', localeProp);
-  var handleInputBlur = useEventCallback(function (event) {
-    var value = parseInt(event.target.value);
+const PaginationGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    activePage: activePageProp,
+    classPrefix = 'pagination-group',
+    className,
+    disabled,
+    size,
+    style,
+    total,
+    prev,
+    next,
+    first,
+    last,
+    limitOptions = defaultLimitOptions,
+    limit: limitProp,
+    locale: localeProp,
+    layout = defaultLayout,
+    maxButtons,
+    onChangePage,
+    onChangeLimit,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const [limit, setLimit] = useControlled(limitProp, 30);
+  const [activePage, setActivePage] = useControlled(activePageProp, 1);
+  const pages = Math.floor(total / limit) + (total % limit ? 1 : 0);
+  const classes = merge(className, withClassPrefix(size));
+  const {
+    getLocale
+  } = useCustom();
+  const locale = getLocale('Pagination', localeProp);
+  const handleInputBlur = useEventCallback(event => {
+    const value = parseInt(event.target.value);
     if (value > 0 && value <= pages) {
       onChangePage === null || onChangePage === void 0 || onChangePage(value);
       setActivePage(value);
     }
     event.target.value = '';
   });
-  var handleInputPressEnter = useEventCallback(function (event) {
+  const handleInputPressEnter = useEventCallback(event => {
     var _event$target;
     (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();
   });
-  var handleChangeLimit = useEventCallback(function (value) {
+  const handleChangeLimit = useEventCallback(value => {
     setLimit(value);
     onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);
   });
@@ -85,8 +78,8 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     className: classes,
     style: style
-  }, layout.map(function (key, index) {
-    var onlyKey = "" + key + index;
+  }, layout.map((key, index) => {
+    const onlyKey = `${key}${index}`;
     switch (key) {
       case '-':
         return /*#__PURE__*/React.createElement("div", {
@@ -144,13 +137,4 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 PaginationGroup.displayName = 'PaginationGroup';
-PaginationGroup.propTypes = _extends({}, Pagination.propTypes, {
-  locale: PropTypes.any,
-  layout: PropTypes.array,
-  limitOptions: PropTypes.array,
-  limit: PropTypes.number,
-  total: PropTypes.number,
-  onChangePage: PropTypes.func,
-  onChangeLimit: PropTypes.func
-});
 export default PaginationGroup;

package/esm/Panel/AccordionButton.js

@@ -1,28 +1,25 @@
 '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;
-var _excluded = ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"];
 import React from 'react';
 import Icon from '@rsuite/icons/Icon';
 import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
 import { useClassNames } from "../internals/hooks/index.js";
-var AccordionButton = function AccordionButton(props) {
-  var _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel-btn' : _props$classPrefix,
-    expanded = props.expanded,
-    id = props.id,
-    className = props.className,
-    controlId = props.controlId,
-    children = props.children,
-    disabled = props.disabled,
-    _props$caretAs = props.caretAs,
-    caretAs = _props$caretAs === void 0 ? ArrowDownLineIcon : _props$caretAs,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
+const AccordionButton = props => {
+  const {
+    classPrefix = 'panel-btn',
+    expanded,
+    id,
+    className,
+    controlId,
+    children,
+    disabled,
+    caretAs = ArrowDownLineIcon,
+    ...rest
+  } = props;
+  const {
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
   return /*#__PURE__*/React.createElement("button", _extends({
     id: id,
     type: "button",
@@ -34,7 +31,7 @@ var AccordionButton = function AccordionButton(props) {
   }, rest), children, /*#__PURE__*/React.createElement(Icon, {
     as: caretAs,
     "aria-hidden": "true",
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["icon"]))),
+    className: prefix`icon`,
     rotate: expanded ? 180 : 0,
     "data-testid": "caret icon"
   }));

package/esm/Panel/Panel.js

@@ -1,9 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "bodyFill", "bodyProps", "bordered", "children", "className", "classPrefix", "caretAs", "collapsible", "defaultExpanded", "disabled", "eventKey", "expanded", "header", "headerRole", "panelRole", "shaded", "scrollShadow", "id", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "onSelect"];
 import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
 import PanelHeader from "./PanelHeader.js";
 import PanelBody from "./PanelBody.js";
 import useExpanded from "./hooks/useExpanded.js";
@@ -14,66 +11,65 @@ import { PanelGroupContext } from "../PanelGroup/index.js";
  * The `Panel` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
-var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Panel', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    bodyFill = propsWithDefaults.bodyFill,
-    bodyProps = propsWithDefaults.bodyProps,
-    bordered = propsWithDefaults.bordered,
-    children = propsWithDefaults.children,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'panel' : _propsWithDefaults$cl,
-    caretAs = propsWithDefaults.caretAs,
-    collapsibleProp = propsWithDefaults.collapsible,
-    defaultExpanded = propsWithDefaults.defaultExpanded,
-    disabled = propsWithDefaults.disabled,
-    eventKey = propsWithDefaults.eventKey,
-    expandedProp = propsWithDefaults.expanded,
-    header = propsWithDefaults.header,
-    headerRole = propsWithDefaults.headerRole,
-    _propsWithDefaults$pa = propsWithDefaults.panelRole,
-    panelRole = _propsWithDefaults$pa === void 0 ? 'region' : _propsWithDefaults$pa,
-    shaded = propsWithDefaults.shaded,
-    scrollShadow = propsWithDefaults.scrollShadow,
-    idProp = propsWithDefaults.id,
-    onEnter = propsWithDefaults.onEnter,
-    onEntered = propsWithDefaults.onEntered,
-    onEntering = propsWithDefaults.onEntering,
-    onExit = propsWithDefaults.onExit,
-    onExited = propsWithDefaults.onExited,
-    onExiting = propsWithDefaults.onExiting,
-    onSelect = propsWithDefaults.onSelect,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var id = useUniqueId('rs-', idProp);
-  var bodyId = id + "-panel";
-  var buttonId = id + "-btn";
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var _ref = useContext(PanelGroupContext) || {},
-    onGroupSelect = _ref.onGroupSelect;
-  var _useExpanded = useExpanded({
-      expanded: expandedProp,
-      defaultExpanded: defaultExpanded,
-      eventKey: eventKey,
-      collapsible: collapsibleProp
-    }),
-    expanded = _useExpanded[0],
-    setExpanded = _useExpanded[1],
-    collapsible = _useExpanded[2];
-  var handleSelect = useEventCallback(function (event) {
+const Panel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Panel', props);
+  const {
+    as: Component = 'div',
+    bodyFill,
+    bodyProps,
+    bordered,
+    children,
+    className,
+    classPrefix = 'panel',
+    caretAs,
+    collapsible: collapsibleProp,
+    defaultExpanded,
+    disabled,
+    eventKey,
+    expanded: expandedProp,
+    header,
+    headerRole,
+    panelRole = 'region',
+    shaded,
+    scrollShadow,
+    id: idProp,
+    onEnter,
+    onEntered,
+    onEntering,
+    onExit,
+    onExited,
+    onExiting,
+    onSelect,
+    ...rest
+  } = propsWithDefaults;
+  const id = useUniqueId('rs-', idProp);
+  const bodyId = `${id}-panel`;
+  const buttonId = `${id}-btn`;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const {
+    onGroupSelect
+  } = useContext(PanelGroupContext) || {};
+  const [expanded, setExpanded, collapsible] = useExpanded({
+    expanded: expandedProp,
+    defaultExpanded,
+    eventKey,
+    collapsible: collapsibleProp
+  });
+  const handleSelect = useEventCallback(event => {
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
     onGroupSelect === null || onGroupSelect === void 0 || onGroupSelect(eventKey, event);
     setExpanded(!expanded);
   });
-  var classes = merge(className, withClassPrefix({
+  const classes = merge(className, withClassPrefix({
     in: expanded,
-    collapsible: collapsible,
-    bordered: bordered,
-    shaded: shaded
+    collapsible,
+    bordered,
+    shaded
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
@@ -105,25 +101,4 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, bodyProps), children));
 });
 Panel.displayName = 'Panel';
-Panel.propTypes = {
-  collapsible: PropTypes.bool,
-  bordered: PropTypes.bool,
-  shaded: PropTypes.bool,
-  bodyFill: PropTypes.bool,
-  header: PropTypes.any,
-  defaultExpanded: PropTypes.bool,
-  expanded: PropTypes.bool,
-  eventKey: PropTypes.any,
-  panelRole: PropTypes.string,
-  classPrefix: PropTypes.string,
-  children: PropTypes.node,
-  onSelect: PropTypes.func,
-  onEnter: PropTypes.func,
-  onEntering: PropTypes.func,
-  onEntered: PropTypes.func,
-  onExit: PropTypes.func,
-  onExiting: PropTypes.func,
-  onExited: PropTypes.func,
-  className: PropTypes.string
-};
 export default Panel;

package/esm/Panel/PanelBody.js

@@ -1,40 +1,39 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["classPrefix", "children", "collapsible", "expanded", "bodyFill", "role", "id", "labelId", "scrollShadow", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onScroll"],
-  _excluded2 = ["className"];
 import React from 'react';
 import Collapse from "../Animation/Collapse.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import ScrollView from "../internals/ScrollView/index.js";
-var PanelBody = function PanelBody(props) {
-  var _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel-body' : _props$classPrefix,
-    children = props.children,
-    collapsible = props.collapsible,
-    expanded = props.expanded,
-    bodyFill = props.bodyFill,
-    role = props.role,
-    id = props.id,
-    labelId = props.labelId,
-    scrollShadow = props.scrollShadow,
-    className = props.className,
-    onEnter = props.onEnter,
-    onEntering = props.onEntering,
-    onEntered = props.onEntered,
-    onExit = props.onExit,
-    onExiting = props.onExiting,
-    onExited = props.onExited,
-    onScroll = props.onScroll,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var bodyClasses = merge(className, withClassPrefix({
+const PanelBody = props => {
+  const {
+    classPrefix = 'panel-body',
+    children,
+    collapsible,
+    expanded,
+    bodyFill,
+    role,
+    id,
+    labelId,
+    scrollShadow,
+    className,
+    onEnter,
+    onEntering,
+    onEntered,
+    onExit,
+    onExiting,
+    onExited,
+    onScroll,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const bodyClasses = merge(className, withClassPrefix({
     fill: bodyFill
   }));
-  var renderBody = function renderBody(bodyProps) {
+  const renderBody = bodyProps => {
     return /*#__PURE__*/React.createElement(ScrollView, _extends({}, rest, bodyProps, {
       customScrollbar: true,
       className: bodyClasses,
@@ -50,15 +49,17 @@ var PanelBody = function PanelBody(props) {
     onExit: onExit,
     onExiting: onExiting,
     onExited: onExited
-  }, function (transitionProps, ref) {
-    var className = transitionProps.className,
-      rest = _objectWithoutPropertiesLoose(transitionProps, _excluded2);
+  }, (transitionProps, ref) => {
+    const {
+      className,
+      ...rest
+    } = transitionProps;
     return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
       className: merge(className, prefix('collapse')),
       ref: ref
     }), renderBody({
-      role: role,
-      id: id,
+      role,
+      id,
       'aria-labelledby': labelId
     }));
   }) : renderBody();

package/esm/Panel/PanelHeader.js

@@ -1,40 +1,39 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "children", "collapsible", "caretAs", "disabled", "expanded", "role", "bodyId", "buttonId", "onClickButton"];
 import React, { isValidElement, cloneElement } from 'react';
 import get from 'lodash/get';
 import Heading from "../Heading/index.js";
 import AccordionButton from "./AccordionButton.js";
 import { useClassNames } from "../internals/hooks/index.js";
-var PanelHeader = function PanelHeader(props) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? Heading : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
-    className = props.className,
-    children = props.children,
-    collapsible = props.collapsible,
-    caretAs = props.caretAs,
-    disabled = props.disabled,
-    expanded = props.expanded,
-    role = props.role,
-    bodyId = props.bodyId,
-    buttonId = props.buttonId,
-    onClickButton = props.onClickButton,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var headerElement;
+const PanelHeader = props => {
+  const {
+    as: Component = Heading,
+    classPrefix = 'panel',
+    className,
+    children,
+    collapsible,
+    caretAs,
+    disabled,
+    expanded,
+    role,
+    bodyId,
+    buttonId,
+    onClickButton,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix
+  } = useClassNames(classPrefix);
+  let headerElement;
   if (! /*#__PURE__*/isValidElement(children) || Array.isArray(children)) {
     headerElement = /*#__PURE__*/React.createElement("span", {
       className: prefix('title')
     }, children);
   } else {
-    var _className = merge(prefix('title'), get(children, 'props.className'));
+    const className = merge(prefix('title'), get(children, 'props.className'));
     headerElement = /*#__PURE__*/cloneElement(children, {
-      className: _className
+      className
     });
   }
   return /*#__PURE__*/React.createElement(Component, _extends({

package/esm/Panel/hooks/useExpanded.js

@@ -3,18 +3,19 @@ import { useEffect, useContext } from 'react';
 import { PanelGroupContext } from "../../PanelGroup/index.js";
 import { useControlled } from "../../internals/hooks/index.js";
 function useExpanded(props) {
-  var expandedProp = props.expanded,
-    defaultExpanded = props.defaultExpanded,
-    eventKey = props.eventKey,
-    collapsibleProp = props.collapsible;
-  var _ref = useContext(PanelGroupContext) || {},
-    accordion = _ref.accordion,
-    activeKey = _ref.activeKey;
-  var _useControlled = useControlled(expandedProp, defaultExpanded || typeof activeKey !== 'undefined' && activeKey === eventKey),
-    expandedState = _useControlled[0],
-    setExpanded = _useControlled[1];
-  var collapsible = collapsibleProp;
-  var expanded = expandedState;
+  const {
+    expanded: expandedProp,
+    defaultExpanded,
+    eventKey,
+    collapsible: collapsibleProp
+  } = props;
+  const {
+    accordion,
+    activeKey
+  } = useContext(PanelGroupContext) || {};
+  const [expandedState, setExpanded] = useControlled(expandedProp, defaultExpanded || typeof activeKey !== 'undefined' && activeKey === eventKey);
+  let collapsible = collapsibleProp;
+  let expanded = expandedState;
   if (accordion) {
     collapsible = true;
   }
@@ -23,7 +24,7 @@ function useExpanded(props) {
       expanded = false;
     }
   }
-  useEffect(function () {
+  useEffect(() => {
     if (accordion && typeof activeKey !== 'undefined') {
       setExpanded(activeKey === eventKey);
     }