rsuite 5.76.0 → 6.0.0-canary-20241227

package/esm/Navbar/NavbarItem.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", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"];
 import React, { useCallback, useContext } from 'react';
-import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
 import Ripple from "../internals/Ripple/index.js";
 import SafeAnchor from "../SafeAnchor/index.js";
@@ -14,38 +11,40 @@ import classNames from 'classnames';
 /**
  * @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, _excluded);
-  var _ref = useContext(NavContext),
-    activeKey = _ref.activeKey,
-    onSelectFromNav = _ref.onSelect;
-  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
-  var emitSelect = useCallback(function (event) {
+const NavbarItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = SafeAnchor,
+    active: activeProp,
+    disabled,
+    eventKey,
+    className,
+    classPrefix = 'navbar-item',
+    style,
+    children,
+    icon,
+    onClick,
+    onSelect: onSelectProp,
+    ...rest
+  } = props;
+  const {
+    activeKey,
+    onSelect: onSelectFromNav
+  } = useContext(NavContext);
+  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
+  const emitSelect = useCallback(event => {
     onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
-  var _useClassNames = useClassNames(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix({
-    active: active,
-    disabled: disabled
+  const {
+    prefix,
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active,
+    disabled
   }));
-  var handleClick = useCallback(function (event) {
+  const handleClick = useCallback(event => {
     if (!disabled) {
       emitSelect(event);
       onClick === null || onClick === void 0 || onClick(event);
@@ -63,17 +62,4 @@ var NavbarItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children, /*#__PURE__*/React.createElement(Ripple, null));
 });
 NavbarItem.displayName = 'Navbar.Item';
-NavbarItem.propTypes = {
-  as: PropTypes.elementType,
-  active: PropTypes.bool,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  onClick: PropTypes.func,
-  style: PropTypes.object,
-  icon: PropTypes.node,
-  onSelect: PropTypes.func,
-  children: PropTypes.node,
-  eventKey: PropTypes.any
-};
 export default NavbarItem;

package/esm/Notification/Notification.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
-export interface NotificationProps extends WithAsProps {
+import { WithAsPropsWithoutChildren, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+export interface NotificationProps extends WithAsPropsWithoutChildren {
+    children?: React.ReactNode | (() => React.ReactNode);
     /** Title of the message */
     header?: React.ReactNode;
     /**
@@ -31,5 +32,5 @@ export interface NotificationProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/notification
  */
-declare const Notification: RsRefForwardingComponent<'div', NotificationProps>;
+declare const Notification: RsRefForwardingComponent<'div', NotificationProps, true>;
 export default Notification;

package/esm/Notification/Notification.js

@@ -1,16 +1,10 @@
 '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;
-var _excluded = ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"];
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
 import useDelayedClosure from "../toaster/hooks/useDelayedClosure.js";
 import CloseButton from "../internals/CloseButton/index.js";
 import { MESSAGE_STATUS_ICONS } from "../internals/constants/statusIcons.js";
 import { useClassNames, useIsMounted, useEventCallback } from "../internals/hooks/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
@@ -18,59 +12,59 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/notification
  */
-var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Notification', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'notification' : _propsWithDefaults$cl,
-    closable = propsWithDefaults.closable,
-    _propsWithDefaults$du = propsWithDefaults.duration,
-    duration = _propsWithDefaults$du === void 0 ? 4500 : _propsWithDefaults$du,
-    className = propsWithDefaults.className,
-    type = propsWithDefaults.type,
-    header = propsWithDefaults.header,
-    children = propsWithDefaults.children,
-    onClose = propsWithDefaults.onClose,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useState = useState('show'),
-    display = _useState[0],
-    setDisplay = _useState[1];
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var isMounted = useIsMounted();
-  var targetRef = React.useRef(null);
+const Notification = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Notification', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'notification',
+    closable,
+    duration = 4500,
+    className,
+    type,
+    header,
+    children,
+    onClose,
+    ...rest
+  } = propsWithDefaults;
+  const [display, setDisplay] = useState('show');
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = useClassNames(classPrefix);
+  const isMounted = useIsMounted();
+  const targetRef = React.useRef(null);
 
   // Timed close message
-  var _useDelayedClosure = useDelayedClosure({
-      targetRef: targetRef,
-      onClose: onClose,
-      duration: duration
-    }),
-    clear = _useDelayedClosure.clear;
+  const {
+    clear
+  } = useDelayedClosure({
+    targetRef,
+    onClose,
+    duration
+  });
 
   // Click to trigger to close the message
-  var handleClose = useEventCallback(function (event) {
+  const handleClose = useEventCallback(event => {
     setDisplay('hiding');
     onClose === null || onClose === void 0 || onClose(event);
     clear();
-    setTimeout(function () {
+    setTimeout(() => {
       if (isMounted()) {
         setDisplay('hide');
       }
     }, 1000);
   });
-  var renderHeader = function renderHeader() {
+  const renderHeader = () => {
     if (!header) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", {
       className: prefix('title')
     }, type ? /*#__PURE__*/React.createElement("div", {
-      className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["title-with-icon"])))
+      className: prefix`title-with-icon`
     }, MESSAGE_STATUS_ICONS[type], header) : /*#__PURE__*/React.createElement("div", {
       className: prefix('title')
     }, header));
@@ -78,8 +72,8 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
   if (display === 'hide') {
     return null;
   }
-  var classes = merge(className, withClassPrefix(type, display, {
-    closable: closable
+  const classes = merge(className, withClassPrefix(type, display, {
+    closable
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "alert"
@@ -87,7 +81,7 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: mergeRefs(targetRef, ref),
     className: classes
   }), /*#__PURE__*/React.createElement("div", {
-    className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["content"])))
+    className: prefix`content`
   }, renderHeader(), /*#__PURE__*/React.createElement("div", {
     className: prefix('description')
   }, typeof children === 'function' ? children() : children)), closable && /*#__PURE__*/React.createElement(CloseButton, {
@@ -95,14 +89,4 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Notification.displayName = 'Notification';
-Notification.propTypes = {
-  as: PropTypes.elementType,
-  duration: PropTypes.number,
-  header: PropTypes.node,
-  closable: PropTypes.bool,
-  classPrefix: PropTypes.string,
-  className: PropTypes.string,
-  type: oneOf(['info', 'success', 'warning', 'error']),
-  onClose: PropTypes.func
-};
 export default Notification;

package/esm/Pagination/LimitPicker.js

@@ -1,22 +1,22 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["disabled", "limitOptions", "locale", "limit", "onChangeLimit", "size", "prefix"];
 import React, { useRef } from 'react';
 import SelectPicker from "../SelectPicker/index.js";
 import { tplTransform } from "../internals/utils/index.js";
-var LimitPicker = function LimitPicker(props) {
-  var disabled = props.disabled,
-    limitOptions = props.limitOptions,
-    locale = props.locale,
-    limit = props.limit,
-    onChangeLimit = props.onChangeLimit,
-    size = props.size,
-    prefix = props.prefix,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var containerRef = useRef(null);
-  var disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);
-  var formatlimitOptions = limitOptions.map(function (item) {
+const LimitPicker = props => {
+  const {
+    disabled,
+    limitOptions,
+    locale,
+    limit,
+    onChangeLimit,
+    size,
+    prefix,
+    ...rest
+  } = props;
+  const containerRef = useRef(null);
+  const disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);
+  const formatlimitOptions = limitOptions.map(item => {
     return {
       value: item,
       label: locale.limit && tplTransform(locale.limit, item)
@@ -37,9 +37,7 @@ var LimitPicker = function LimitPicker(props) {
       minWidth: 'auto'
     },
     disabled: disabledPicker,
-    container: function container() {
-      return containerRef.current;
-    }
+    container: () => containerRef.current
   })));
 };
 export default LimitPicker;

package/esm/Pagination/Pagination.js

@@ -1,12 +1,6 @@
 '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, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var _excluded = ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"],
-  _excluded2 = ["eventKey", "disabled"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import MoreIcon from '@rsuite/icons/More';
 import PagePreviousIcon from '@rsuite/icons/PagePrevious';
 import PageTopIcon from '@rsuite/icons/PageTop';
@@ -15,7 +9,7 @@ import PageEndIcon from '@rsuite/icons/PageEnd';
 import PaginationButton from "./PaginationButton.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-var PAGINATION_ICONS = {
+const PAGINATION_ICONS = {
   more: /*#__PURE__*/React.createElement(MoreIcon, null),
   prev: /*#__PURE__*/React.createElement(PagePreviousIcon, null),
   next: /*#__PURE__*/React.createElement(PageNextIcon, null),
@@ -27,58 +21,59 @@ var PAGINATION_ICONS = {
  *
  * @see https://rsuitejs.com/components/pagination
  */
-var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Pagination', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'pagination' : _propsWithDefaults$cl,
-    disabledProp = propsWithDefaults.disabled,
-    locale = propsWithDefaults.locale,
-    _propsWithDefaults$ac = propsWithDefaults.activePage,
-    activePage = _propsWithDefaults$ac === void 0 ? 1 : _propsWithDefaults$ac,
-    maxButtons = propsWithDefaults.maxButtons,
-    _propsWithDefaults$pa = propsWithDefaults.pages,
-    pages = _propsWithDefaults$pa === void 0 ? 1 : _propsWithDefaults$pa,
-    ellipsis = propsWithDefaults.ellipsis,
-    boundaryLinks = propsWithDefaults.boundaryLinks,
-    first = propsWithDefaults.first,
-    prev = propsWithDefaults.prev,
-    next = propsWithDefaults.next,
-    last = propsWithDefaults.last,
-    _propsWithDefaults$si = propsWithDefaults.size,
-    size = _propsWithDefaults$si === void 0 ? 'xs' : _propsWithDefaults$si,
-    linkAs = propsWithDefaults.linkAs,
-    linkProps = propsWithDefaults.linkProps,
-    onSelect = propsWithDefaults.onSelect,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix;
-  var renderItem = function renderItem(key, itemProps) {
-    var eventKey = itemProps.eventKey,
-      disabled = itemProps.disabled,
-      itemRest = _objectWithoutPropertiesLoose(itemProps, _excluded2);
-    var disabledButton = disabled;
+const Pagination = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Pagination', props);
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'pagination',
+    disabled: disabledProp,
+    locale,
+    activePage = 1,
+    maxButtons,
+    pages = 1,
+    ellipsis,
+    boundaryLinks,
+    first,
+    prev,
+    next,
+    last,
+    size = 'xs',
+    linkAs,
+    linkProps,
+    onSelect,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    withClassPrefix,
+    prefix
+  } = useClassNames(classPrefix);
+  const renderItem = (key, itemProps) => {
+    const {
+      eventKey,
+      disabled,
+      ...itemRest
+    } = itemProps;
+    let disabledButton = disabled;
     if (typeof disabledProp !== 'undefined') {
       disabledButton = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;
     }
-    var title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;
+    const title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;
     return /*#__PURE__*/React.createElement(PaginationButton, _extends({
       "aria-label": title,
       title: title
     }, itemRest, linkProps, {
-      key: key + "-" + eventKey,
+      key: `${key}-${eventKey}`,
       eventKey: eventKey,
       as: linkAs,
       disabled: disabledButton,
       onSelect: disabledButton ? undefined : onSelect
     }));
   };
-  var renderFirst = function renderFirst() {
+  const renderFirst = () => {
     if (!first) {
       return null;
     }
@@ -86,11 +81,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       eventKey: 1,
       disabled: activePage === 1,
       children: /*#__PURE__*/React.createElement("span", {
-        className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["symbol"])))
+        className: prefix`symbol`
       }, first === true ? PAGINATION_ICONS.first : first)
     });
   };
-  var renderPrev = function renderPrev() {
+  const renderPrev = () => {
     if (!prev) {
       return null;
     }
@@ -98,17 +93,17 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       eventKey: activePage - 1,
       disabled: activePage === 1,
       children: /*#__PURE__*/React.createElement("span", {
-        className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["symbol"])))
+        className: prefix`symbol`
       }, prev === true ? PAGINATION_ICONS.prev : prev)
     });
   };
-  var renderPageButtons = function renderPageButtons() {
-    var pageButtons = [];
-    var startPage;
-    var endPage;
-    var hasHiddenPagesAfter;
+  const renderPageButtons = () => {
+    const pageButtons = [];
+    let startPage;
+    let endPage;
+    let hasHiddenPagesAfter;
     if (maxButtons) {
-      var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);
+      const hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);
       startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;
       hasHiddenPagesAfter = startPage + maxButtons <= pages;
       if (!hasHiddenPagesAfter) {
@@ -124,7 +119,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       startPage = 1;
       endPage = pages;
     }
-    for (var pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {
+    for (let pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {
       pageButtons.push(renderItem(pagenumber, {
         eventKey: pagenumber,
         active: pagenumber === activePage,
@@ -136,7 +131,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         eventKey: 'ellipsisFirst',
         disabled: true,
         children: /*#__PURE__*/React.createElement("span", {
-          className: prefix(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["symbol"])))
+          className: prefix`symbol`
         }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)
       }));
       pageButtons.unshift(renderItem(1, {
@@ -149,7 +144,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
         eventKey: 'ellipsis',
         disabled: true,
         children: /*#__PURE__*/React.createElement("span", {
-          className: prefix(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["symbol"])))
+          className: prefix`symbol`
         }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)
       }));
       if (boundaryLinks && endPage !== pages) {
@@ -162,7 +157,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return pageButtons;
   };
-  var renderNext = function renderNext() {
+  const renderNext = () => {
     if (!next) {
       return null;
     }
@@ -170,11 +165,11 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       eventKey: activePage + 1,
       disabled: activePage >= pages,
       children: /*#__PURE__*/React.createElement("span", {
-        className: prefix(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["symbol"])))
+        className: prefix`symbol`
       }, next === true ? PAGINATION_ICONS.next : next)
     });
   };
-  var renderLast = function renderLast() {
+  const renderLast = () => {
     if (!last) {
       return null;
     }
@@ -182,33 +177,15 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
       eventKey: pages,
       disabled: activePage >= pages,
       children: /*#__PURE__*/React.createElement("span", {
-        className: prefix(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["symbol"])))
+        className: prefix`symbol`
       }, last === true ? PAGINATION_ICONS.last : last)
     });
   };
-  var classes = merge(className, withClassPrefix(size));
+  const classes = merge(className, withClassPrefix(size));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
   }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());
 });
 Pagination.displayName = 'Pagination';
-Pagination.propTypes = {
-  onSelect: PropTypes.func,
-  activePage: PropTypes.number,
-  pages: PropTypes.number,
-  maxButtons: PropTypes.number,
-  boundaryLinks: PropTypes.bool,
-  ellipsis: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  first: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  last: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  prev: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  next: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  linkAs: PropTypes.elementType,
-  linkProps: PropTypes.object,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  locale: PropTypes.any,
-  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func])
-};
 export default Pagination;

package/esm/Pagination/PaginationButton.js

@@ -1,39 +1,38 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"];
 import React from 'react';
 import Ripple from "../internals/Ripple/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { createChainedFunction } from "../internals/utils/index.js";
-var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'button' : _props$as,
-    active = props.active,
-    disabled = props.disabled,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,
-    children = props.children,
-    eventKey = props.eventKey,
-    style = props.style,
-    onSelect = props.onSelect,
-    onClick = props.onClick,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix({
-    active: active,
-    disabled: disabled
+const PaginationButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'button',
+    active,
+    disabled,
+    className,
+    classPrefix = 'pagination-btn',
+    children,
+    eventKey,
+    style,
+    onSelect,
+    onClick,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active,
+    disabled
   }));
-  var handleClick = useEventCallback(function (event) {
+  const handleClick = useEventCallback(event => {
     if (disabled) {
       return;
     }
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
   });
-  var asProps = {};
+  const asProps = {};
   if (typeof Component !== 'string') {
     asProps.eventKey = eventKey;
     asProps.active = active;