rsuite 6.0.0-canary-20251031 → 6.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Breadcrumb/styles/index.css +2 -3
- package/CHANGELOG.md +204 -393
- package/cjs/AutoComplete/utils.js +0 -0
- package/cjs/Breadcrumb/Breadcrumb.js +1 -1
- package/cjs/Cascader/Cascader.js +1 -1
- package/cjs/CheckPicker/CheckPicker.js +1 -1
- package/cjs/CheckTreePicker/CheckTreePicker.js +1 -1
- package/cjs/DOMHelper/isElement.js +0 -0
- package/cjs/DatePicker/DatePicker.js +1 -1
- package/cjs/DatePicker/Toolbar.js +4 -1
- package/cjs/DateRangePicker/DateRangePicker.js +1 -1
- package/cjs/Dropdown/DropdownState.js +0 -0
- package/cjs/InputPicker/InputPicker.js +1 -1
- package/cjs/List/ListContext.js +0 -0
- package/cjs/List/helper/AutoScroller.js +0 -0
- package/cjs/List/helper/useManager.js +0 -0
- package/cjs/MaskedInput/adjustCaretPosition.js +0 -0
- package/cjs/MaskedInput/types.js +0 -0
- package/cjs/MaskedInput/utilities.js +0 -0
- package/cjs/MultiCascader/MultiCascader.js +1 -1
- package/cjs/Panel/PanelHeader.d.ts +1 -1
- package/cjs/Panel/PanelHeader.js +4 -5
- package/cjs/SelectPicker/SelectPicker.js +1 -1
- package/cjs/Sidenav/Node.js +0 -0
- package/cjs/TreePicker/TreePicker.js +1 -1
- package/cjs/internals/Picker/PickerToggleTrigger.d.ts +2 -0
- package/cjs/internals/Picker/PickerToggleTrigger.js +3 -1
- package/dist/rsuite-no-reset.css +1 -1
- package/dist/rsuite-no-reset.min.css +1 -1
- package/dist/rsuite.css +1 -1
- package/dist/rsuite.js +268 -268
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/AutoComplete/utils.js +0 -0
- package/esm/Breadcrumb/Breadcrumb.js +1 -1
- package/esm/Cascader/Cascader.js +1 -1
- package/esm/CheckPicker/CheckPicker.js +1 -1
- package/esm/CheckTreePicker/CheckTreePicker.js +1 -1
- package/esm/DOMHelper/isElement.js +0 -0
- package/esm/DatePicker/DatePicker.js +1 -1
- package/esm/DatePicker/Toolbar.js +4 -1
- package/esm/DateRangePicker/DateRangePicker.js +1 -1
- package/esm/Dropdown/DropdownState.js +0 -0
- package/esm/InputPicker/InputPicker.js +1 -1
- package/esm/List/ListContext.js +0 -0
- package/esm/List/helper/AutoScroller.js +0 -0
- package/esm/List/helper/useManager.js +0 -0
- package/esm/MaskedInput/adjustCaretPosition.js +0 -0
- package/esm/MaskedInput/types.js +0 -0
- package/esm/MaskedInput/utilities.js +0 -0
- package/esm/MultiCascader/MultiCascader.js +1 -1
- package/esm/Panel/PanelHeader.d.ts +1 -1
- package/esm/Panel/PanelHeader.js +4 -5
- package/esm/SelectPicker/SelectPicker.js +1 -1
- package/esm/Sidenav/Node.js +0 -0
- package/esm/TreePicker/TreePicker.js +1 -1
- package/esm/internals/Picker/PickerToggleTrigger.d.ts +2 -0
- package/esm/internals/Picker/PickerToggleTrigger.js +3 -1
- package/package.json +1 -1
|
File without changes
|
package/esm/Cascader/Cascader.js
CHANGED
|
@@ -346,7 +346,7 @@ const Cascader = forwardRef((props, ref) => {
|
|
|
346
346
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
|
|
347
347
|
as: as,
|
|
348
348
|
id: id,
|
|
349
|
-
|
|
349
|
+
pickerType: "cascader",
|
|
350
350
|
block: block,
|
|
351
351
|
disabled: disabled,
|
|
352
352
|
appearance: appearance,
|
|
@@ -282,7 +282,7 @@ const CheckTreePicker = forwardRef((props, ref) => {
|
|
|
282
282
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
|
|
283
283
|
as: as,
|
|
284
284
|
id: id,
|
|
285
|
-
|
|
285
|
+
pickerType: "check-tree",
|
|
286
286
|
block: block,
|
|
287
287
|
disabled: disabled,
|
|
288
288
|
appearance: appearance,
|
|
File without changes
|
|
@@ -450,7 +450,7 @@ const DatePicker = forwardRef((props, ref) => {
|
|
|
450
450
|
};
|
|
451
451
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
|
|
452
452
|
as: as,
|
|
453
|
-
|
|
453
|
+
pickerType: "date",
|
|
454
454
|
classPrefix: classPrefix,
|
|
455
455
|
className: merge(className, {
|
|
456
456
|
[prefix('error')]: invalidValue
|
|
@@ -46,10 +46,13 @@ const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
46
46
|
return null;
|
|
47
47
|
}
|
|
48
48
|
const classes = merge(className, withPrefix());
|
|
49
|
+
|
|
50
|
+
// If there are no ranges, the ok button should be aligned to the right
|
|
51
|
+
const justify = (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0 ? 'flex-end' : 'space-between';
|
|
49
52
|
return /*#__PURE__*/React.createElement(Stack, _extends({
|
|
50
53
|
ref: ref,
|
|
51
54
|
className: classes,
|
|
52
|
-
justify:
|
|
55
|
+
justify: justify,
|
|
53
56
|
align: "flex-start"
|
|
54
57
|
}, rest), /*#__PURE__*/React.createElement(PredefinedRanges, {
|
|
55
58
|
wrap: true,
|
|
@@ -750,7 +750,7 @@ const DateRangePicker = forwardRef((props, ref) => {
|
|
|
750
750
|
};
|
|
751
751
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
|
|
752
752
|
as: as,
|
|
753
|
-
|
|
753
|
+
pickerType: "date-range",
|
|
754
754
|
classPrefix: classPrefix,
|
|
755
755
|
className: merge(className, {
|
|
756
756
|
[prefix('error')]: invalidValue
|
|
File without changes
|
|
@@ -590,7 +590,7 @@ const InputPicker = forwardRef((props, ref) => {
|
|
|
590
590
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, _extends({
|
|
591
591
|
id: id,
|
|
592
592
|
multiple: multi,
|
|
593
|
-
|
|
593
|
+
pickerType: multi ? 'tag' : 'input',
|
|
594
594
|
block: block,
|
|
595
595
|
disabled: disabled,
|
|
596
596
|
appearance: appearance,
|
package/esm/List/ListContext.js
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/esm/MaskedInput/types.js
CHANGED
|
File without changes
|
|
File without changes
|
|
@@ -295,7 +295,7 @@ const MultiCascader = forwardRef((props, ref) => {
|
|
|
295
295
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
|
|
296
296
|
as: as,
|
|
297
297
|
id: id,
|
|
298
|
-
|
|
298
|
+
pickerType: "multi-cascader",
|
|
299
299
|
block: block,
|
|
300
300
|
disabled: disabled,
|
|
301
301
|
appearance: appearance,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BoxProps } from '../internals/Box';
|
|
3
|
-
export interface PanelHeaderProps extends BoxProps, Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'> {
|
|
3
|
+
export interface PanelHeaderProps extends BoxProps, Omit<React.HTMLAttributes<HTMLDivElement | HTMLHeadingElement>, 'color'> {
|
|
4
4
|
caretAs?: React.ElementType;
|
|
5
5
|
collapsible?: boolean;
|
|
6
6
|
disabled?: boolean;
|
package/esm/Panel/PanelHeader.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import React, { isValidElement, cloneElement } from 'react';
|
|
4
4
|
import get from 'lodash/get';
|
|
5
|
-
import Heading from "../Heading/index.js";
|
|
6
5
|
import AccordionButton from "./AccordionButton.js";
|
|
7
6
|
import Box from "../internals/Box/index.js";
|
|
8
7
|
import { useStyles } from "../internals/hooks/index.js";
|
|
8
|
+
import { isFragment } from "../internals/utils/index.js";
|
|
9
9
|
const PanelHeader = props => {
|
|
10
10
|
const {
|
|
11
|
-
as =
|
|
11
|
+
as = 'div',
|
|
12
12
|
classPrefix = 'panel',
|
|
13
13
|
className,
|
|
14
14
|
children,
|
|
@@ -27,8 +27,8 @@ const PanelHeader = props => {
|
|
|
27
27
|
prefix
|
|
28
28
|
} = useStyles(classPrefix);
|
|
29
29
|
let headerElement;
|
|
30
|
-
if (! /*#__PURE__*/isValidElement(children) || Array.isArray(children)) {
|
|
31
|
-
headerElement = /*#__PURE__*/React.createElement("
|
|
30
|
+
if (! /*#__PURE__*/isValidElement(children) || Array.isArray(children) || isFragment(children)) {
|
|
31
|
+
headerElement = /*#__PURE__*/React.createElement("div", {
|
|
32
32
|
className: prefix('title')
|
|
33
33
|
}, children);
|
|
34
34
|
} else {
|
|
@@ -39,7 +39,6 @@ const PanelHeader = props => {
|
|
|
39
39
|
}
|
|
40
40
|
return /*#__PURE__*/React.createElement(Box, _extends({
|
|
41
41
|
as: as,
|
|
42
|
-
level: 2,
|
|
43
42
|
className: merge(className, prefix('header'))
|
|
44
43
|
}, rest), collapsible ? /*#__PURE__*/React.createElement(AccordionButton, {
|
|
45
44
|
id: buttonId,
|
|
@@ -244,7 +244,7 @@ const SelectPicker = forwardRef((props, ref) => {
|
|
|
244
244
|
return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
|
|
245
245
|
as: as,
|
|
246
246
|
id: id,
|
|
247
|
-
|
|
247
|
+
pickerType: "select",
|
|
248
248
|
block: block,
|
|
249
249
|
disabled: disabled,
|
|
250
250
|
appearance: appearance,
|
package/esm/Sidenav/Node.js
CHANGED
|
File without changes
|
|
@@ -29,6 +29,8 @@ export interface PickerToggleTriggerProps
|
|
|
29
29
|
name?: string;
|
|
30
30
|
/** Controls the open state of the picker */
|
|
31
31
|
open?: boolean;
|
|
32
|
+
/** Picker type identifier for data-picker attribute */
|
|
33
|
+
pickerType?: string;
|
|
32
34
|
/** Additional properties for the picker */
|
|
33
35
|
triggerProps: any;
|
|
34
36
|
/** Placement of the component */
|
|
@@ -27,6 +27,7 @@ export const PickerToggleTrigger = /*#__PURE__*/React.forwardRef((props, ref) =>
|
|
|
27
27
|
id,
|
|
28
28
|
multiple,
|
|
29
29
|
name,
|
|
30
|
+
pickerType,
|
|
30
31
|
triggerProps,
|
|
31
32
|
placement,
|
|
32
33
|
popupType = 'listbox',
|
|
@@ -76,7 +77,8 @@ export const PickerToggleTrigger = /*#__PURE__*/React.forwardRef((props, ref) =>
|
|
|
76
77
|
className: classes,
|
|
77
78
|
style: style,
|
|
78
79
|
ref: rootRef,
|
|
79
|
-
|
|
80
|
+
name: name,
|
|
81
|
+
"data-picker": pickerType,
|
|
80
82
|
"data-appearance": appearance,
|
|
81
83
|
"data-size": size,
|
|
82
84
|
"data-disabled": disabled || undefined,
|