rsuite 5.40.0 → 5.41.0

package/cjs/Overlay/positionUtils.js

@@ -1,30 +1,19 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.AutoPlacement = void 0;
-
 var _maxBy = _interopRequireDefault(require("lodash/maxBy"));
-
 var _minBy = _interopRequireDefault(require("lodash/minBy"));
-
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-
 var _ownerDocument = _interopRequireDefault(require("dom-lib/ownerDocument"));
-
 var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
-
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
-
 var _scrollLeft = _interopRequireDefault(require("dom-lib/scrollLeft"));
-
 var _getPosition2 = _interopRequireDefault(require("dom-lib/getPosition"));
-
 var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
-
 var _nodeName = _interopRequireDefault(require("dom-lib/nodeName"));
-
 var AutoPlacement = {
   left: 'Start',
   right: 'End',
@@ -32,7 +21,6 @@ var AutoPlacement = {
   bottom: 'End'
 };
 exports.AutoPlacement = AutoPlacement;
-
 /**
  * Get the external dimensions of the container
  * @param containerNode
@@ -42,7 +30,6 @@ function getContainerDimensions(containerNode) {
   var height;
   var scrollX;
   var scrollY;
-
   if (containerNode.tagName === 'BODY') {
     width = window.innerWidth;
     height = window.innerHeight;
@@ -50,13 +37,11 @@ function getContainerDimensions(containerNode) {
     scrollX = (0, _scrollLeft.default)((0, _ownerDocument.default)(containerNode).documentElement) || (0, _scrollLeft.default)(containerNode);
   } else {
     var _ref = (0, _getOffset.default)(containerNode);
-
     width = _ref.width;
     height = _ref.height;
     scrollY = (0, _scrollTop.default)(containerNode);
     scrollX = (0, _scrollLeft.default)(containerNode);
   }
-
   return {
     width: width,
     height: height,
@@ -64,87 +49,70 @@ function getContainerDimensions(containerNode) {
     scrollY: scrollY
   };
 }
-
 var _default = function _default(props) {
   var placement = props.placement,
-      preventOverflow = props.preventOverflow,
-      padding = props.padding;
-
+    preventOverflow = props.preventOverflow,
+    padding = props.padding;
   function getTopDelta(top, overlayHeight, container) {
     if (!preventOverflow) {
       return 0;
     }
-
     var containerDimensions = getContainerDimensions(container);
     var containerHeight = containerDimensions.height,
-        scrollY = containerDimensions.scrollY;
+      scrollY = containerDimensions.scrollY;
     var topEdgeOffset = top - padding - scrollY;
     var bottomEdgeOffset = top + padding + overlayHeight - scrollY;
-
     if (topEdgeOffset < 0) {
       return -topEdgeOffset;
     } else if (bottomEdgeOffset > containerHeight) {
       return containerHeight - bottomEdgeOffset;
     }
-
     return 0;
   }
-
   function getLeftDelta(left, overlayWidth, container) {
     if (!preventOverflow) {
       return 0;
     }
-
     var containerDimensions = getContainerDimensions(container);
     var scrollX = containerDimensions.scrollX,
-        containerWidth = containerDimensions.width;
+      containerWidth = containerDimensions.width;
     var leftEdgeOffset = left - padding - scrollX;
     var rightEdgeOffset = left + padding + overlayWidth - scrollX;
-
     if (leftEdgeOffset < 0) {
       return -leftEdgeOffset;
     } else if (rightEdgeOffset > containerWidth) {
       return containerWidth - rightEdgeOffset;
     }
-
     return 0;
   }
-
   function getPositionTop(container, overlayHeight, top) {
     if (!preventOverflow) {
       return top;
     }
-
     var _getContainerDimensio = getContainerDimensions(container),
-        scrollY = _getContainerDimensio.scrollY,
-        containerHeight = _getContainerDimensio.height; // 判断 overlay 底部是否溢出，设置 top
-
-
+      scrollY = _getContainerDimensio.scrollY,
+      containerHeight = _getContainerDimensio.height; // 判断 overlay 底部是否溢出，设置 top
     if (overlayHeight + top > containerHeight + scrollY) {
       return containerHeight - overlayHeight + scrollY;
-    } // top 的最小值不能少于纵向滚动条 y 的值
-
+    }
 
+    // top 的最小值不能少于纵向滚动条 y 的值
     return Math.max(scrollY, top);
   }
-
   function getPositionLeft(container, overlayWidth, left) {
     if (!preventOverflow) {
       return left;
     }
-
     var _getContainerDimensio2 = getContainerDimensions(container),
-        scrollX = _getContainerDimensio2.scrollX,
-        containerWidth = _getContainerDimensio2.width;
-
+      scrollX = _getContainerDimensio2.scrollX,
+      containerWidth = _getContainerDimensio2.width;
     if (overlayWidth + left > containerWidth + scrollX) {
       return containerWidth - overlayWidth + scrollX;
-    } // left 的最小值不能少于横向滚动条 x 的值
-
+    }
 
+    // left 的最小值不能少于横向滚动条 x 的值
     return Math.max(scrollX, left);
   }
-
   return {
     getPosition: function getPosition(target, container) {
       var offset = container.tagName === 'BODY' ? (0, _getOffset.default)(target) : (0, _getPosition2.default)(target, container, false);
@@ -152,40 +120,34 @@ var _default = function _default(props) {
     },
     getCursorOffsetPosition: function getCursorOffsetPosition(target, container, cursorPosition) {
       var left = cursorPosition.left,
-          top = cursorPosition.top,
-          clientLeft = cursorPosition.clientLeft,
-          clientTop = cursorPosition.clientTop;
+        top = cursorPosition.top,
+        clientLeft = cursorPosition.clientLeft,
+        clientTop = cursorPosition.clientTop;
       var offset = {
         left: left,
         top: top,
         width: 10,
         height: 10
       };
-
       if ((0, _getStyle.default)(target, 'position') === 'fixed') {
         offset.left = clientLeft;
         offset.top = clientTop;
         return offset;
       }
-
       if (container.tagName === 'BODY') {
         return offset;
       }
-
       var containerOffset = {
         top: 0,
         left: 0
       };
-
       if ((0, _nodeName.default)(container) !== 'html') {
         var nextParentOffset = (0, _getOffset.default)(container);
-
         if (nextParentOffset) {
           containerOffset.top = nextParentOffset.top;
           containerOffset.left = nextParentOffset.left;
         }
       }
-
       containerOffset.top += parseInt((0, _getStyle.default)(container, 'borderTopWidth'), 10) - (0, _scrollTop.default)(container) || 0;
       containerOffset.left += parseInt((0, _getStyle.default)(container, 'borderLeftWidth'), 10) - (0, _scrollLeft.default)(container) || 0;
       offset.left = left - containerOffset.left;
@@ -194,11 +156,10 @@ var _default = function _default(props) {
     },
     calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {
       var _getContainerDimensio3 = getContainerDimensions(container),
-          width = _getContainerDimensio3.width,
-          height = _getContainerDimensio3.height,
-          scrollX = _getContainerDimensio3.scrollX,
-          scrollY = _getContainerDimensio3.scrollY;
-
+        width = _getContainerDimensio3.width,
+        height = _getContainerDimensio3.height,
+        scrollX = _getContainerDimensio3.scrollX,
+        scrollY = _getContainerDimensio3.scrollY;
       var left = targetOffset.left - scrollX - overlay.width;
       var top = targetOffset.top - scrollY - overlay.height;
       var right = width - targetOffset.left - targetOffset.width + scrollX - overlay.width;
@@ -221,7 +182,6 @@ var _default = function _default(props) {
       var AH = 'autoHorizontal';
       var direction;
       var align;
-
       if (placement.indexOf(AV) !== -1) {
         direction = (0, _maxBy.default)(vertical, function (o) {
           return o.value;
@@ -233,16 +193,14 @@ var _default = function _default(props) {
         });
         return placement === AH ? direction.key : "" + direction.key + placement.replace(AH, '');
       }
+
       /**
        * Precedence Vertical
        * [...vertical, ...horizontal]
        */
-
-
       direction = (0, _maxBy.default)([].concat(vertical, horizontal), function (o) {
         return o.value;
       });
-
       if (direction.key === 'left' || direction.key === 'right') {
         align = (0, _minBy.default)(vertical, function (o) {
           return o.value;
@@ -252,33 +210,27 @@ var _default = function _default(props) {
           return o.value;
         });
       }
-
       return "" + direction.key + AutoPlacement[align.key];
     },
     // Calculate the position of the overlay
     calcOverlayPosition: function calcOverlayPosition(overlayNode, target, container, cursorPosition) {
       var childOffset = cursorPosition ? this.getCursorOffsetPosition(target, container, cursorPosition) : this.getPosition(target, container);
-
       var _ref2 = (0, _getOffset.default)(overlayNode),
-          overlayHeight = _ref2.height,
-          overlayWidth = _ref2.width;
-
+        overlayHeight = _ref2.height,
+        overlayWidth = _ref2.width;
       var top = childOffset.top,
-          left = childOffset.left;
+        left = childOffset.left;
       var nextPlacement = placement;
-
       if (placement && placement.indexOf('auto') >= 0) {
         nextPlacement = this.calcAutoPlacement(childOffset, container, {
           height: overlayHeight,
           width: overlayWidth
         });
       }
-
       var positionLeft;
       var positionTop;
       var arrowOffsetLeft;
       var arrowOffsetTop;
-
       if (nextPlacement === 'left' || nextPlacement === 'right') {
         positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;
         var topDelta = getTopDelta(positionTop, overlayHeight, container);
@@ -292,23 +244,18 @@ var _default = function _default(props) {
         arrowOffsetLeft = 50 * (1 - 2 * leftDelta / overlayWidth) + "%";
         arrowOffsetTop = undefined;
       }
-
       if (nextPlacement === 'top' || nextPlacement === 'topStart' || nextPlacement === 'topEnd') {
         positionTop = getPositionTop(container, overlayHeight, childOffset.top - overlayHeight);
       }
-
       if (nextPlacement === 'bottom' || nextPlacement === 'bottomStart' || nextPlacement === 'bottomEnd') {
         positionTop = getPositionTop(container, overlayHeight, childOffset.top + childOffset.height);
       }
-
       if (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd') {
         positionLeft = getPositionLeft(container, overlayWidth, childOffset.left - overlayWidth);
       }
-
       if (nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd') {
         positionLeft = getPositionLeft(container, overlayWidth, childOffset.left + childOffset.width);
       }
-
       if (document.dir === 'rtl' && (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd' || nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd')) {
         /**
          * When laying out in rtl, if the width of the container
@@ -316,13 +263,11 @@ var _default = function _default(props) {
          * you need to recalculate the left value.
          */
         var _getContainerDimensio4 = getContainerDimensions(container),
-            containerWidth = _getContainerDimensio4.width;
-
+          containerWidth = _getContainerDimensio4.width;
         if (container.scrollWidth > containerWidth) {
           positionLeft = containerWidth + positionLeft - container.scrollWidth;
         }
       }
-
       if (nextPlacement === 'topStart' || nextPlacement === 'bottomStart') {
         if (document.dir === 'rtl') {
           var nextLeft = left + (childOffset.width - overlayWidth);
@@ -331,26 +276,21 @@ var _default = function _default(props) {
           positionLeft = left + getLeftDelta(left, overlayWidth, container);
         }
       }
-
       if (nextPlacement === 'topEnd' || nextPlacement === 'bottomEnd') {
         if (document.dir === 'rtl') {
           positionLeft = left + getLeftDelta(left, overlayWidth, container);
         } else {
           var _nextLeft = left + (childOffset.width - overlayWidth);
-
           positionLeft = _nextLeft + getLeftDelta(_nextLeft, overlayWidth, container);
         }
       }
-
       if (nextPlacement === 'leftStart' || nextPlacement === 'rightStart') {
         positionTop = top + getTopDelta(top, overlayHeight, container);
       }
-
       if (nextPlacement === 'leftEnd' || nextPlacement === 'rightEnd') {
         var nextTop = top + (childOffset.height - overlayHeight);
         positionTop = nextTop + getTopDelta(nextTop, overlayHeight, container);
       }
-
       return {
         positionLeft: positionLeft,
         positionTop: positionTop,
@@ -361,5 +301,4 @@ var _default = function _default(props) {
     }
   };
 };
-
 exports.default = _default;

package/cjs/Pagination/Pagination.js

@@ -1,38 +1,23 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 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 _More = _interopRequireDefault(require("@rsuite/icons/legacy/More"));
-
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/legacy/PagePrevious"));
-
 var _PageNext = _interopRequireDefault(require("@rsuite/icons/legacy/PageNext"));
-
 var _PageTop = _interopRequireDefault(require("@rsuite/icons/legacy/PageTop"));
-
 var _PageEnd = _interopRequireDefault(require("@rsuite/icons/legacy/PageEnd"));
-
 var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
-
 var _utils = require("../utils");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 var PAGINATION_ICONS = {
   more: /*#__PURE__*/_react.default.createElement(_More.default, null),
   prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, null),
@@ -40,51 +25,45 @@ var PAGINATION_ICONS = {
   first: /*#__PURE__*/_react.default.createElement(_PageTop.default, null),
   last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, null)
 };
-
 var Pagination = /*#__PURE__*/_react.default.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 ? 'pagination' : _props$classPrefix,
-      disabledProp = props.disabled,
-      overrideLocale = props.locale,
-      _props$activePage = props.activePage,
-      activePage = _props$activePage === void 0 ? 1 : _props$activePage,
-      maxButtons = props.maxButtons,
-      _props$pages = props.pages,
-      pages = _props$pages === void 0 ? 1 : _props$pages,
-      ellipsis = props.ellipsis,
-      boundaryLinks = props.boundaryLinks,
-      first = props.first,
-      prev = props.prev,
-      next = props.next,
-      last = props.last,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'xs' : _props$size,
-      linkAs = props.linkAs,
-      linkProps = props.linkProps,
-      onSelect = props.onSelect,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
+    disabledProp = props.disabled,
+    overrideLocale = props.locale,
+    _props$activePage = props.activePage,
+    activePage = _props$activePage === void 0 ? 1 : _props$activePage,
+    maxButtons = props.maxButtons,
+    _props$pages = props.pages,
+    pages = _props$pages === void 0 ? 1 : _props$pages,
+    ellipsis = props.ellipsis,
+    boundaryLinks = props.boundaryLinks,
+    first = props.first,
+    prev = props.prev,
+    next = props.next,
+    last = props.last,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'xs' : _props$size,
+    linkAs = props.linkAs,
+    linkProps = props.linkProps,
+    onSelect = props.onSelect,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabled", "locale", "activePage", "maxButtons", "pages", "ellipsis", "boundaryLinks", "first", "prev", "next", "last", "size", "linkAs", "linkProps", "onSelect"]);
   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 _useCustom = (0, _utils.useCustom)('Pagination', overrideLocale),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var renderItem = (0, _react.useCallback)(function (key, itemProps) {
     var eventKey = itemProps.eventKey,
-        disabled = itemProps.disabled,
-        itemRest = (0, _objectWithoutPropertiesLoose2.default)(itemProps, ["eventKey", "disabled"]);
+      disabled = itemProps.disabled,
+      itemRest = (0, _objectWithoutPropertiesLoose2.default)(itemProps, ["eventKey", "disabled"]);
     var disabledItem = disabled;
-
     if (typeof disabledProp !== 'undefined') {
       disabledItem = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;
     }
-
     var title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;
     return /*#__PURE__*/_react.default.createElement(_PaginationButton.default, (0, _extends2.default)({
       "aria-label": title,
@@ -97,12 +76,10 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onSelect: disabledItem ? undefined : onSelect
     }));
   }, [disabledProp, linkAs, linkProps, locale, onSelect]);
-
   var renderFirst = function renderFirst() {
     if (!first) {
       return null;
     }
-
     return renderItem('first', {
       eventKey: 1,
       disabled: activePage === 1,
@@ -111,12 +88,10 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, first === true ? PAGINATION_ICONS.first : first)
     });
   };
-
   var renderPrev = function renderPrev() {
     if (!prev) {
       return null;
     }
-
     return renderItem('prev', {
       eventKey: activePage - 1,
       disabled: activePage === 1,
@@ -125,22 +100,18 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, prev === true ? PAGINATION_ICONS.prev : prev)
     });
   };
-
   var renderPageButtons = function renderPageButtons() {
     var pageButtons = [];
     var startPage;
     var endPage;
     var hasHiddenPagesAfter;
-
     if (maxButtons) {
       var hiddenPagesBefore = activePage - Math.floor(maxButtons / 2);
       startPage = hiddenPagesBefore > 1 ? hiddenPagesBefore : 1;
       hasHiddenPagesAfter = startPage + maxButtons <= pages;
-
       if (!hasHiddenPagesAfter) {
         endPage = pages;
         startPage = pages - maxButtons + 1;
-
         if (startPage < 1) {
           startPage = 1;
         }
@@ -151,7 +122,6 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       startPage = 1;
       endPage = pages;
     }
-
     for (var pagenumber = startPage; pagenumber <= endPage; pagenumber += 1) {
       pageButtons.push(renderItem(pagenumber, {
         eventKey: pagenumber,
@@ -159,7 +129,6 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         children: pagenumber
       }));
     }
-
     if (boundaryLinks && ellipsis && startPage !== 1) {
       pageButtons.unshift(renderItem('more', {
         eventKey: 'ellipsisFirst',
@@ -173,7 +142,6 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         children: 1
       }));
     }
-
     if (maxButtons && hasHiddenPagesAfter && ellipsis) {
       pageButtons.push(renderItem('more', {
         eventKey: 'ellipsis',
@@ -182,7 +150,6 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["symbol"])))
         }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)
       }));
-
       if (boundaryLinks && endPage !== pages) {
         pageButtons.push(renderItem(pages, {
           eventKey: pages,
@@ -191,15 +158,12 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         }));
       }
     }
-
     return pageButtons;
   };
-
   var renderNext = function renderNext() {
     if (!next) {
       return null;
     }
-
     return renderItem('next', {
       eventKey: activePage + 1,
       disabled: activePage >= pages,
@@ -208,12 +172,10 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, next === true ? PAGINATION_ICONS.next : next)
     });
   };
-
   var renderLast = function renderLast() {
     if (!last) {
       return null;
     }
-
     return renderItem('last', {
       eventKey: pages,
       disabled: activePage >= pages,
@@ -222,14 +184,12 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, last === true ? PAGINATION_ICONS.last : last)
     });
   };
-
   var classes = merge(className, withClassPrefix(size));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());
 });
-
 Pagination.displayName = 'Pagination';
 Pagination.propTypes = {
   onSelect: _propTypes.default.func,

package/cjs/Pagination/PaginationButton.js

@@ -1,43 +1,33 @@
+'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 _Ripple = _interopRequireDefault(require("../Ripple"));
-
 var _utils = require("../utils");
-
 var PaginationButton = /*#__PURE__*/_react.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"]);
-
+    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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     active: active,
     disabled: disabled
@@ -46,16 +36,13 @@ var PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, r
     if (disabled) {
       return;
     }
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
   }, [disabled, eventKey, onSelect]);
   var asProps = {};
-
   if (typeof Component !== 'string') {
     asProps.eventKey = eventKey;
     asProps.active = active;
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, asProps, {
     disabled: disabled,
     onClick: (0, _utils.createChainedFunction)(onClick, handleClick),
@@ -64,7 +51,6 @@ var PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, r
     style: style
   }), children, !disabled ? /*#__PURE__*/_react.default.createElement(_Ripple.default, null) : null);
 });
-
 PaginationButton.displayName = 'PaginationButton';
 PaginationButton.propTypes = {
   classPrefix: _propTypes.default.string,