rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/Navbar/NavbarItem.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
@@ -15,44 +13,45 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * @private
  */
-var NavbarItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _SafeAnchor.default : _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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _ref = (0, _react.useContext)(_NavContext.default),
-    activeKey = _ref.activeKey,
-    onSelectFromNav = _ref.onSelect;
-  var active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);
-  var emitSelect = (0, _react.useCallback)(function (event) {
+const NavbarItem = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = _SafeAnchor.default,
+    active: activeProp,
+    disabled,
+    eventKey,
+    className,
+    classPrefix = 'navbar-item',
+    style,
+    children,
+    icon,
+    onClick,
+    onSelect: onSelectProp,
+    ...rest
+  } = props;
+  const {
+    activeKey,
+    onSelect: onSelectFromNav
+  } = (0, _react.useContext)(_NavContext.default);
+  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);
+  const emitSelect = (0, _react.useCallback)(event => {
     onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);
     onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix({
-    active: active,
-    disabled: disabled
+  const {
+    prefix,
+    withClassPrefix,
+    merge
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active,
+    disabled
   }));
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const handleClick = (0, _react.useCallback)(event => {
     if (!disabled) {
       emitSelect(event);
       onClick === null || onClick === void 0 || onClick(event);
@@ -70,17 +69,4 @@ var NavbarItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
 NavbarItem.displayName = 'Navbar.Item';
-NavbarItem.propTypes = {
-  as: _propTypes.default.elementType,
-  active: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  onClick: _propTypes.default.func,
-  style: _propTypes.default.object,
-  icon: _propTypes.default.node,
-  onSelect: _propTypes.default.func,
-  children: _propTypes.default.node,
-  eventKey: _propTypes.default.any
-};
 var _default = exports.default = NavbarItem;

package/cjs/Navbar/index.js

@@ -5,6 +5,6 @@ exports.__esModule = true;
 exports.default = exports.NavbarContext = void 0;
 var _Navbar = _interopRequireWildcard(require("./Navbar"));
 exports.NavbarContext = _Navbar.NavbarContext;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var _default = exports.default = _Navbar.default;

package/cjs/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/cjs/Notification/Notification.js

@@ -5,79 +5,73 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useDelayedClosure2 = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
+var _useDelayedClosure = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
-var _propTypes2 = require("../internals/propTypes");
 var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
-var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "closable", "duration", "className", "type", "header", "children", "onClose"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * The `Notification` component is used to display global messages and notifications.
  *
  * @see https://rsuitejs.com/components/notification
  */
-var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useState = (0, _react.useState)('show'),
-    display = _useState[0],
-    setDisplay = _useState[1];
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var isMounted = (0, _hooks.useIsMounted)();
-  var targetRef = _react.default.useRef(null);
+const Notification = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Notification', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'notification',
+    closable,
+    duration = 4500,
+    className,
+    type,
+    header,
+    children,
+    onClose,
+    ...rest
+  } = propsWithDefaults;
+  const [display, setDisplay] = (0, _react.useState)('show');
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const isMounted = (0, _hooks.useIsMounted)();
+  const targetRef = _react.default.useRef(null);
 
   // Timed close message
-  var _useDelayedClosure = (0, _useDelayedClosure2.default)({
-      targetRef: targetRef,
-      onClose: onClose,
-      duration: duration
-    }),
-    clear = _useDelayedClosure.clear;
+  const {
+    clear
+  } = (0, _useDelayedClosure.default)({
+    targetRef,
+    onClose,
+    duration
+  });
 
   // Click to trigger to close the message
-  var handleClose = (0, _hooks.useEventCallback)(function (event) {
+  const handleClose = (0, _hooks.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.default.createElement("div", {
       className: prefix('title')
     }, type ? /*#__PURE__*/_react.default.createElement("div", {
-      className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["title-with-icon"])))
+      className: prefix`title-with-icon`
     }, _statusIcons.MESSAGE_STATUS_ICONS[type], header) : /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('title')
     }, header));
@@ -85,8 +79,8 @@ var Notification = /*#__PURE__*/_react.default.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.default.createElement(Component, (0, _extends2.default)({
     role: "alert"
@@ -94,7 +88,7 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: (0, _utils.mergeRefs)(targetRef, ref),
     className: classes
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["content"])))
+    className: prefix`content`
   }, renderHeader(), /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('description')
   }, typeof children === 'function' ? children() : children)), closable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
@@ -102,14 +96,4 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }));
 });
 Notification.displayName = 'Notification';
-Notification.propTypes = {
-  as: _propTypes.default.elementType,
-  duration: _propTypes.default.number,
-  header: _propTypes.default.node,
-  closable: _propTypes.default.bool,
-  classPrefix: _propTypes.default.string,
-  className: _propTypes.default.string,
-  type: (0, _propTypes2.oneOf)(['info', 'success', 'warning', 'error']),
-  onClose: _propTypes.default.func
-};
 var _default = exports.default = Notification;

package/cjs/Pagination/LimitPicker.js

@@ -5,25 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _SelectPicker = _interopRequireDefault(require("../SelectPicker"));
 var _utils = require("../internals/utils");
-var _excluded = ["disabled", "limitOptions", "locale", "limit", "onChangeLimit", "size", "prefix"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var containerRef = (0, _react.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 = (0, _react.useRef)(null);
+  const disabledPicker = typeof disabled === 'function' ? disabled('picker') : Boolean(disabled);
+  const formatlimitOptions = limitOptions.map(item => {
     return {
       value: item,
       label: locale.limit && (0, _utils.tplTransform)(locale.limit, item)
@@ -44,9 +44,7 @@ var LimitPicker = function LimitPicker(props) {
       minWidth: 'auto'
     },
     disabled: disabledPicker,
-    container: function container() {
-      return containerRef.current;
-    }
+    container: () => containerRef.current
   })));
 };
 var _default = exports.default = LimitPicker;

package/cjs/Pagination/Pagination.js

@@ -4,11 +4,8 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 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 = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _More = _interopRequireDefault(require("@rsuite/icons/More"));
 var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
 var _PageTop = _interopRequireDefault(require("@rsuite/icons/PageTop"));
@@ -17,10 +14,7 @@ var _PageEnd = _interopRequireDefault(require("@rsuite/icons/PageEnd"));
 var _PaginationButton = _interopRequireDefault(require("./PaginationButton"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
-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"];
-var PAGINATION_ICONS = {
+const PAGINATION_ICONS = {
   more: /*#__PURE__*/_react.default.createElement(_More.default, null),
   prev: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, null),
   next: /*#__PURE__*/_react.default.createElement(_PageNext.default, null),
@@ -32,58 +26,59 @@ var PAGINATION_ICONS = {
  *
  * @see https://rsuitejs.com/components/pagination
  */
-var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useClassNames = (0, _hooks.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 = (0, _objectWithoutPropertiesLoose2.default)(itemProps, _excluded2);
-    var disabledButton = disabled;
+const Pagination = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.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
+  } = (0, _hooks.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.default.createElement(_PaginationButton.default, (0, _extends2.default)({
       "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;
     }
@@ -91,11 +86,11 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       eventKey: 1,
       disabled: activePage === 1,
       children: /*#__PURE__*/_react.default.createElement("span", {
-        className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["symbol"])))
+        className: prefix`symbol`
       }, first === true ? PAGINATION_ICONS.first : first)
     });
   };
-  var renderPrev = function renderPrev() {
+  const renderPrev = () => {
     if (!prev) {
       return null;
     }
@@ -103,17 +98,17 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       eventKey: activePage - 1,
       disabled: activePage === 1,
       children: /*#__PURE__*/_react.default.createElement("span", {
-        className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["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) {
@@ -129,7 +124,7 @@ var Pagination = /*#__PURE__*/_react.default.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,
@@ -141,7 +136,7 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         eventKey: 'ellipsisFirst',
         disabled: true,
         children: /*#__PURE__*/_react.default.createElement("span", {
-          className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["symbol"])))
+          className: prefix`symbol`
         }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)
       }));
       pageButtons.unshift(renderItem(1, {
@@ -154,7 +149,7 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         eventKey: 'ellipsis',
         disabled: true,
         children: /*#__PURE__*/_react.default.createElement("span", {
-          className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["symbol"])))
+          className: prefix`symbol`
         }, ellipsis === true ? PAGINATION_ICONS.more : ellipsis)
       }));
       if (boundaryLinks && endPage !== pages) {
@@ -167,7 +162,7 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return pageButtons;
   };
-  var renderNext = function renderNext() {
+  const renderNext = () => {
     if (!next) {
       return null;
     }
@@ -175,11 +170,11 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       eventKey: activePage + 1,
       disabled: activePage >= pages,
       children: /*#__PURE__*/_react.default.createElement("span", {
-        className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["symbol"])))
+        className: prefix`symbol`
       }, next === true ? PAGINATION_ICONS.next : next)
     });
   };
-  var renderLast = function renderLast() {
+  const renderLast = () => {
     if (!last) {
       return null;
     }
@@ -187,33 +182,15 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       eventKey: pages,
       disabled: activePage >= pages,
       children: /*#__PURE__*/_react.default.createElement("span", {
-        className: prefix(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["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.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,
-  activePage: _propTypes.default.number,
-  pages: _propTypes.default.number,
-  maxButtons: _propTypes.default.number,
-  boundaryLinks: _propTypes.default.bool,
-  ellipsis: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-  first: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-  last: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-  prev: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-  next: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
-  linkAs: _propTypes.default.elementType,
-  linkProps: _propTypes.default.object,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  locale: _propTypes.default.any,
-  disabled: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func])
-};
 var _default = exports.default = Pagination;