rsuite 6.0.0 → 6.0.1

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [6.0.1](https://github.com/rsuite/rsuite/compare/v6.0.0...v6.0.1) (2025-12-07)
+
+
+### Bug Fixes
+
+* **Panel:** change PanelHeader default element from Heading to div for better semantics ([#4453](https://github.com/rsuite/rsuite/issues/4453)) ([a0726d6](https://github.com/rsuite/rsuite/commit/a0726d6937a8029d5dd8c02b4b022ae25068d05d))
+* **panel:** handle fragment header children safely ([#4454](https://github.com/rsuite/rsuite/issues/4454)) ([3c6f491](https://github.com/rsuite/rsuite/commit/3c6f49139565d2d6303b4d3e8f92200234ef7105))
+* **picker:** separate pickerType from name prop to fix data-picker attribute ([#4452](https://github.com/rsuite/rsuite/issues/4452)) ([fcfd229](https://github.com/rsuite/rsuite/commit/fcfd22903229e98341e8844953f1cd218b6e27a6)), closes [#4440](https://github.com/rsuite/rsuite/issues/4440) [#4440](https://github.com/rsuite/rsuite/issues/4440)
+
+
+
 # [6.0.0](https://github.com/rsuite/rsuite/compare/v5.83.3...v6.0.0) (2025-11-21)
 
 ## Features

package/cjs/Cascader/Cascader.js

@@ -352,7 +352,7 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
     id: id,
-    name: "cascader",
+    pickerType: "cascader",
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/CheckPicker/CheckPicker.js

@@ -287,7 +287,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
     as: as,
     id: id,
     multiple: true,
-    name: "check",
+    pickerType: "check",
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -288,7 +288,7 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
     id: id,
-    name: "check-tree",
+    pickerType: "check-tree",
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/DatePicker/DatePicker.js

@@ -455,7 +455,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
   };
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
-    name: "date",
+    pickerType: "date",
     classPrefix: classPrefix,
     className: merge(className, {
       [prefix('error')]: invalidValue

package/cjs/DateRangePicker/DateRangePicker.js

@@ -756,7 +756,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   };
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
-    name: "date-range",
+    pickerType: "date-range",
     classPrefix: classPrefix,
     className: merge(className, {
       [prefix('error')]: invalidValue

package/cjs/InputPicker/InputPicker.js

@@ -596,7 +596,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, (0, _extends2.default)({
     id: id,
     multiple: multi,
-    name: multi ? 'tag' : 'input',
+    pickerType: multi ? 'tag' : 'input',
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/MultiCascader/MultiCascader.js

@@ -301,7 +301,7 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
     id: id,
-    name: "multi-cascader",
+    pickerType: "multi-cascader",
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/Panel/PanelHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BoxProps } from '../internals/Box';
-export interface PanelHeaderProps extends BoxProps, Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'> {
+export interface PanelHeaderProps extends BoxProps, Omit<React.HTMLAttributes<HTMLDivElement | HTMLHeadingElement>, 'color'> {
     caretAs?: React.ElementType;
     collapsible?: boolean;
     disabled?: boolean;

package/cjs/Panel/PanelHeader.js

@@ -7,14 +7,14 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _Heading = _interopRequireDefault(require("../Heading"));
 var _AccordionButton = _interopRequireDefault(require("./AccordionButton"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
+var _utils = require("../internals/utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PanelHeader = props => {
   const {
-    as = _Heading.default,
+    as = 'div',
     classPrefix = 'panel',
     className,
     children,
@@ -33,8 +33,8 @@ const PanelHeader = props => {
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
   let headerElement;
-  if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children)) {
-    headerElement = /*#__PURE__*/_react.default.createElement("span", {
+  if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children) || (0, _utils.isFragment)(children)) {
+    headerElement = /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('title')
     }, children);
   } else {
@@ -45,7 +45,6 @@ const PanelHeader = props => {
   }
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,
-    level: 2,
     className: merge(className, prefix('header'))
   }, rest), collapsible ? /*#__PURE__*/_react.default.createElement(_AccordionButton.default, {
     id: buttonId,

package/cjs/SelectPicker/SelectPicker.js

@@ -250,7 +250,7 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
     id: id,
-    name: "select",
+    pickerType: "select",
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/TreePicker/TreePicker.js

@@ -261,7 +261,7 @@ const TreePicker = (0, _utils.forwardRef)((props, ref) => {
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     as: as,
     id: id,
-    name: "tree",
+    pickerType: "tree",
     block: block,
     disabled: disabled,
     appearance: appearance,

package/cjs/internals/Picker/PickerToggleTrigger.d.ts

@@ -29,6 +29,8 @@ export interface PickerToggleTriggerProps
     name?: string;
     /** Controls the open state of the picker */
     open?: boolean;
+    /** Picker type identifier for data-picker attribute */
+    pickerType?: string;
     /** Additional properties for the picker */
     triggerProps: any;
     /** Placement of the component */

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -32,6 +32,7 @@ const PickerToggleTrigger = exports.PickerToggleTrigger = /*#__PURE__*/_react.de
     id,
     multiple,
     name,
+    pickerType,
     triggerProps,
     placement,
     popupType = 'listbox',
@@ -81,7 +82,8 @@ const PickerToggleTrigger = exports.PickerToggleTrigger = /*#__PURE__*/_react.de
     className: classes,
     style: style,
     ref: rootRef,
-    "data-picker": name,
+    name: name,
+    "data-picker": pickerType,
     "data-appearance": appearance,
     "data-size": size,
     "data-disabled": disabled || undefined,