rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/Pagination/PaginationButton.js

@@ -5,40 +5,39 @@ 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 = _interopRequireDefault(require("react"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _excluded = ["as", "active", "disabled", "className", "classPrefix", "children", "eventKey", "style", "onSelect", "onClick"];
-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, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var classes = merge(className, withClassPrefix({
-    active: active,
-    disabled: disabled
+const PaginationButton = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'button',
+    active,
+    disabled,
+    className,
+    classPrefix = 'pagination-btn',
+    children,
+    eventKey,
+    style,
+    onSelect,
+    onClick,
+    ...rest
+  } = props;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, withClassPrefix({
+    active,
+    disabled
   }));
-  var handleClick = (0, _hooks.useEventCallback)(function (event) {
+  const handleClick = (0, _hooks.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;

package/cjs/Pagination/PaginationGroup.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 = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Pagination = _interopRequireDefault(require("./Pagination"));
 var _Divider = _interopRequireDefault(require("../Divider"));
@@ -16,72 +14,67 @@ var _LimitPicker = _interopRequireDefault(require("./LimitPicker"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "activePage", "classPrefix", "className", "disabled", "size", "style", "total", "prev", "next", "first", "last", "limitOptions", "limit", "locale", "layout", "maxButtons", "onChangePage", "onChangeLimit"];
 /**
  * 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.default.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var _useControlled = (0, _hooks.useControlled)(limitProp, 30),
-    limit = _useControlled[0],
-    setLimit = _useControlled[1];
-  var _useControlled2 = (0, _hooks.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 = (0, _CustomProvider.useCustom)(),
-    getLocale = _useCustom.getLocale;
-  var locale = getLocale('Pagination', localeProp);
-  var handleInputBlur = (0, _hooks.useEventCallback)(function (event) {
-    var value = parseInt(event.target.value);
+const PaginationGroup = /*#__PURE__*/_react.default.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
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const [limit, setLimit] = (0, _hooks.useControlled)(limitProp, 30);
+  const [activePage, setActivePage] = (0, _hooks.useControlled)(activePageProp, 1);
+  const pages = Math.floor(total / limit) + (total % limit ? 1 : 0);
+  const classes = merge(className, withClassPrefix(size));
+  const {
+    getLocale
+  } = (0, _CustomProvider.useCustom)();
+  const locale = getLocale('Pagination', localeProp);
+  const handleInputBlur = (0, _hooks.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 = (0, _hooks.useEventCallback)(function (event) {
+  const handleInputPressEnter = (0, _hooks.useEventCallback)(event => {
     var _event$target;
     (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();
   });
-  var handleChangeLimit = (0, _hooks.useEventCallback)(function (value) {
+  const handleChangeLimit = (0, _hooks.useEventCallback)(value => {
     setLimit(value);
     onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);
   });
@@ -89,8 +82,8 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
     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.default.createElement("div", {
@@ -148,13 +141,4 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }));
 });
 PaginationGroup.displayName = 'PaginationGroup';
-PaginationGroup.propTypes = (0, _extends2.default)({}, _Pagination.default.propTypes, {
-  locale: _propTypes.default.any,
-  layout: _propTypes.default.array,
-  limitOptions: _propTypes.default.array,
-  limit: _propTypes.default.number,
-  total: _propTypes.default.number,
-  onChangePage: _propTypes.default.func,
-  onChangeLimit: _propTypes.default.func
-});
 var _default = exports.default = PaginationGroup;

package/cjs/Panel/AccordionButton.js

@@ -5,29 +5,26 @@ 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 = _interopRequireDefault(require("react"));
 var _Icon = _interopRequireDefault(require("@rsuite/icons/Icon"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _hooks = require("../internals/hooks");
-var _templateObject;
-var _excluded = ["classPrefix", "expanded", "id", "className", "controlId", "children", "disabled", "caretAs"];
-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 ? _ArrowDownLine.default : _props$caretAs,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
+const AccordionButton = props => {
+  const {
+    classPrefix = 'panel-btn',
+    expanded,
+    id,
+    className,
+    controlId,
+    children,
+    disabled,
+    caretAs = _ArrowDownLine.default,
+    ...rest
+  } = props;
+  const {
+    prefix,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
   return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
     id: id,
     type: "button",
@@ -39,7 +36,7 @@ var AccordionButton = function AccordionButton(props) {
   }, rest), children, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     as: caretAs,
     "aria-hidden": "true",
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["icon"]))),
+    className: prefix`icon`,
     rotate: expanded ? 180 : 0,
     "data-testid": "caret icon"
   }));

package/cjs/Panel/Panel.js

@@ -5,82 +5,78 @@ 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 _PanelHeader = _interopRequireDefault(require("./PanelHeader"));
 var _PanelBody = _interopRequireDefault(require("./PanelBody"));
-var _useExpanded2 = _interopRequireDefault(require("./hooks/useExpanded"));
+var _useExpanded = _interopRequireDefault(require("./hooks/useExpanded"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
 var _PanelGroup = require("../PanelGroup");
-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"];
-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 `Panel` component is used to display content that can be collapsed.
  * @see https://rsuitejs.com/components/panel
  */
-var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.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 = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var id = (0, _hooks.useUniqueId)('rs-', idProp);
-  var bodyId = id + "-panel";
-  var buttonId = id + "-btn";
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var _ref = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {},
-    onGroupSelect = _ref.onGroupSelect;
-  var _useExpanded = (0, _useExpanded2.default)({
-      expanded: expandedProp,
-      defaultExpanded: defaultExpanded,
-      eventKey: eventKey,
-      collapsible: collapsibleProp
-    }),
-    expanded = _useExpanded[0],
-    setExpanded = _useExpanded[1],
-    collapsible = _useExpanded[2];
-  var handleSelect = (0, _hooks.useEventCallback)(function (event) {
+const Panel = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.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 = (0, _hooks.useUniqueId)('rs-', idProp);
+  const bodyId = `${id}-panel`;
+  const buttonId = `${id}-btn`;
+  const {
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const {
+    onGroupSelect
+  } = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {};
+  const [expanded, setExpanded, collapsible] = (0, _useExpanded.default)({
+    expanded: expandedProp,
+    defaultExpanded,
+    eventKey,
+    collapsible: collapsibleProp
+  });
+  const handleSelect = (0, _hooks.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.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
@@ -112,25 +108,4 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, bodyProps), children));
 });
 Panel.displayName = 'Panel';
-Panel.propTypes = {
-  collapsible: _propTypes.default.bool,
-  bordered: _propTypes.default.bool,
-  shaded: _propTypes.default.bool,
-  bodyFill: _propTypes.default.bool,
-  header: _propTypes.default.any,
-  defaultExpanded: _propTypes.default.bool,
-  expanded: _propTypes.default.bool,
-  eventKey: _propTypes.default.any,
-  panelRole: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  children: _propTypes.default.node,
-  onSelect: _propTypes.default.func,
-  onEnter: _propTypes.default.func,
-  onEntering: _propTypes.default.func,
-  onEntered: _propTypes.default.func,
-  onExit: _propTypes.default.func,
-  onExiting: _propTypes.default.func,
-  onExited: _propTypes.default.func,
-  className: _propTypes.default.string
-};
 var _default = exports.default = Panel;

package/cjs/Panel/PanelBody.js

@@ -5,41 +5,40 @@ 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 = _interopRequireDefault(require("react"));
 var _Collapse = _interopRequireDefault(require("../Animation/Collapse"));
 var _hooks = require("../internals/hooks");
 var _ScrollView = _interopRequireDefault(require("../internals/ScrollView"));
-var _excluded = ["classPrefix", "children", "collapsible", "expanded", "bodyFill", "role", "id", "labelId", "scrollShadow", "className", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "onScroll"],
-  _excluded2 = ["className"];
-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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.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
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const bodyClasses = merge(className, withClassPrefix({
     fill: bodyFill
   }));
-  var renderBody = function renderBody(bodyProps) {
+  const renderBody = bodyProps => {
     return /*#__PURE__*/_react.default.createElement(_ScrollView.default, (0, _extends2.default)({}, rest, bodyProps, {
       customScrollbar: true,
       className: bodyClasses,
@@ -55,15 +54,17 @@ var PanelBody = function PanelBody(props) {
     onExit: onExit,
     onExiting: onExiting,
     onExited: onExited
-  }, function (transitionProps, ref) {
-    var className = transitionProps.className,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);
+  }, (transitionProps, ref) => {
+    const {
+      className,
+      ...rest
+    } = transitionProps;
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
       className: merge(className, prefix('collapse')),
       ref: ref
     }), renderBody({
-      role: role,
-      id: id,
+      role,
+      id,
       'aria-labelledby': labelId
     }));
   }) : renderBody();

package/cjs/Panel/PanelHeader.js

@@ -5,43 +5,42 @@ 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 _get = _interopRequireDefault(require("lodash/get"));
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _AccordionButton = _interopRequireDefault(require("./AccordionButton"));
 var _hooks = require("../internals/hooks");
-var _excluded = ["as", "classPrefix", "className", "children", "collapsible", "caretAs", "disabled", "expanded", "role", "bodyId", "buttonId", "onClickButton"];
-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 PanelHeader = function PanelHeader(props) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? _Heading.default : _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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var headerElement;
+const PanelHeader = props => {
+  const {
+    as: Component = _Heading.default,
+    classPrefix = 'panel',
+    className,
+    children,
+    collapsible,
+    caretAs,
+    disabled,
+    expanded,
+    role,
+    bodyId,
+    buttonId,
+    onClickButton,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  let headerElement;
   if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children)) {
     headerElement = /*#__PURE__*/_react.default.createElement("span", {
       className: prefix('title')
     }, children);
   } else {
-    var _className = merge(prefix('title'), (0, _get.default)(children, 'props.className'));
+    const className = merge(prefix('title'), (0, _get.default)(children, 'props.className'));
     headerElement = /*#__PURE__*/(0, _react.cloneElement)(children, {
-      className: _className
+      className
     });
   }
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({

package/cjs/Panel/hooks/useExpanded.js

@@ -7,18 +7,19 @@ var _react = require("react");
 var _PanelGroup = require("../../PanelGroup");
 var _hooks = require("../../internals/hooks");
 function useExpanded(props) {
-  var expandedProp = props.expanded,
-    defaultExpanded = props.defaultExpanded,
-    eventKey = props.eventKey,
-    collapsibleProp = props.collapsible;
-  var _ref = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {},
-    accordion = _ref.accordion,
-    activeKey = _ref.activeKey;
-  var _useControlled = (0, _hooks.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
+  } = (0, _react.useContext)(_PanelGroup.PanelGroupContext) || {};
+  const [expandedState, setExpanded] = (0, _hooks.useControlled)(expandedProp, defaultExpanded || typeof activeKey !== 'undefined' && activeKey === eventKey);
+  let collapsible = collapsibleProp;
+  let expanded = expandedState;
   if (accordion) {
     collapsible = true;
   }
@@ -27,7 +28,7 @@ function useExpanded(props) {
       expanded = false;
     }
   }
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (accordion && typeof activeKey !== 'undefined') {
       setExpanded(activeKey === eventKey);
     }