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/cjs/Cascader/Cascader.js
CHANGED
|
@@ -352,7 +352,7 @@ const Cascader = (0, _utils3.forwardRef)((props, ref) => {
|
|
|
352
352
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
353
353
|
as: as,
|
|
354
354
|
id: id,
|
|
355
|
-
|
|
355
|
+
pickerType: "cascader",
|
|
356
356
|
block: block,
|
|
357
357
|
disabled: disabled,
|
|
358
358
|
appearance: appearance,
|
|
@@ -288,7 +288,7 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
|
|
|
288
288
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
289
289
|
as: as,
|
|
290
290
|
id: id,
|
|
291
|
-
|
|
291
|
+
pickerType: "check-tree",
|
|
292
292
|
block: block,
|
|
293
293
|
disabled: disabled,
|
|
294
294
|
appearance: appearance,
|
|
File without changes
|
|
@@ -455,7 +455,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
|
|
|
455
455
|
};
|
|
456
456
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
457
457
|
as: as,
|
|
458
|
-
|
|
458
|
+
pickerType: "date",
|
|
459
459
|
classPrefix: classPrefix,
|
|
460
460
|
className: merge(className, {
|
|
461
461
|
[prefix('error')]: invalidValue
|
|
@@ -51,10 +51,13 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
|
51
51
|
return null;
|
|
52
52
|
}
|
|
53
53
|
const classes = merge(className, withPrefix());
|
|
54
|
+
|
|
55
|
+
// If there are no ranges, the ok button should be aligned to the right
|
|
56
|
+
const justify = (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0 ? 'flex-end' : 'space-between';
|
|
54
57
|
return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({
|
|
55
58
|
ref: ref,
|
|
56
59
|
className: classes,
|
|
57
|
-
justify:
|
|
60
|
+
justify: justify,
|
|
58
61
|
align: "flex-start"
|
|
59
62
|
}, rest), /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {
|
|
60
63
|
wrap: true,
|
|
@@ -756,7 +756,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
|
|
|
756
756
|
};
|
|
757
757
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
758
758
|
as: as,
|
|
759
|
-
|
|
759
|
+
pickerType: "date-range",
|
|
760
760
|
classPrefix: classPrefix,
|
|
761
761
|
className: merge(className, {
|
|
762
762
|
[prefix('error')]: invalidValue
|
|
File without changes
|
|
@@ -596,7 +596,7 @@ const InputPicker = (0, _utils3.forwardRef)((props, ref) => {
|
|
|
596
596
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, (0, _extends2.default)({
|
|
597
597
|
id: id,
|
|
598
598
|
multiple: multi,
|
|
599
|
-
|
|
599
|
+
pickerType: multi ? 'tag' : 'input',
|
|
600
600
|
block: block,
|
|
601
601
|
disabled: disabled,
|
|
602
602
|
appearance: appearance,
|
package/cjs/List/ListContext.js
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/cjs/MaskedInput/types.js
CHANGED
|
File without changes
|
|
File without changes
|
|
@@ -301,7 +301,7 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
|
|
|
301
301
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
302
302
|
as: as,
|
|
303
303
|
id: id,
|
|
304
|
-
|
|
304
|
+
pickerType: "multi-cascader",
|
|
305
305
|
block: block,
|
|
306
306
|
disabled: disabled,
|
|
307
307
|
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/cjs/Panel/PanelHeader.js
CHANGED
|
@@ -7,14 +7,14 @@ exports.default = void 0;
|
|
|
7
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _get = _interopRequireDefault(require("lodash/get"));
|
|
10
|
-
var _Heading = _interopRequireDefault(require("../Heading"));
|
|
11
10
|
var _AccordionButton = _interopRequireDefault(require("./AccordionButton"));
|
|
12
11
|
var _Box = _interopRequireDefault(require("../internals/Box"));
|
|
13
12
|
var _hooks = require("../internals/hooks");
|
|
13
|
+
var _utils = require("../internals/utils");
|
|
14
14
|
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); }
|
|
15
15
|
const PanelHeader = props => {
|
|
16
16
|
const {
|
|
17
|
-
as =
|
|
17
|
+
as = 'div',
|
|
18
18
|
classPrefix = 'panel',
|
|
19
19
|
className,
|
|
20
20
|
children,
|
|
@@ -33,8 +33,8 @@ const PanelHeader = props => {
|
|
|
33
33
|
prefix
|
|
34
34
|
} = (0, _hooks.useStyles)(classPrefix);
|
|
35
35
|
let headerElement;
|
|
36
|
-
if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children)) {
|
|
37
|
-
headerElement = /*#__PURE__*/_react.default.createElement("
|
|
36
|
+
if (! /*#__PURE__*/(0, _react.isValidElement)(children) || Array.isArray(children) || (0, _utils.isFragment)(children)) {
|
|
37
|
+
headerElement = /*#__PURE__*/_react.default.createElement("div", {
|
|
38
38
|
className: prefix('title')
|
|
39
39
|
}, children);
|
|
40
40
|
} else {
|
|
@@ -45,7 +45,6 @@ const PanelHeader = props => {
|
|
|
45
45
|
}
|
|
46
46
|
return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
|
|
47
47
|
as: as,
|
|
48
|
-
level: 2,
|
|
49
48
|
className: merge(className, prefix('header'))
|
|
50
49
|
}, rest), collapsible ? /*#__PURE__*/_react.default.createElement(_AccordionButton.default, {
|
|
51
50
|
id: buttonId,
|
|
@@ -250,7 +250,7 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
|
|
|
250
250
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
251
251
|
as: as,
|
|
252
252
|
id: id,
|
|
253
|
-
|
|
253
|
+
pickerType: "select",
|
|
254
254
|
block: block,
|
|
255
255
|
disabled: disabled,
|
|
256
256
|
appearance: appearance,
|
package/cjs/Sidenav/Node.js
CHANGED
|
File without changes
|
|
@@ -261,7 +261,7 @@ const TreePicker = (0, _utils.forwardRef)((props, ref) => {
|
|
|
261
261
|
return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
|
|
262
262
|
as: as,
|
|
263
263
|
id: id,
|
|
264
|
-
|
|
264
|
+
pickerType: "tree",
|
|
265
265
|
block: block,
|
|
266
266
|
disabled: disabled,
|
|
267
267
|
appearance: appearance,
|
|
@@ -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 */
|
|
@@ -32,6 +32,7 @@ const PickerToggleTrigger = exports.PickerToggleTrigger = /*#__PURE__*/_react.de
|
|
|
32
32
|
id,
|
|
33
33
|
multiple,
|
|
34
34
|
name,
|
|
35
|
+
pickerType,
|
|
35
36
|
triggerProps,
|
|
36
37
|
placement,
|
|
37
38
|
popupType = 'listbox',
|
|
@@ -81,7 +82,8 @@ const PickerToggleTrigger = exports.PickerToggleTrigger = /*#__PURE__*/_react.de
|
|
|
81
82
|
className: classes,
|
|
82
83
|
style: style,
|
|
83
84
|
ref: rootRef,
|
|
84
|
-
|
|
85
|
+
name: name,
|
|
86
|
+
"data-picker": pickerType,
|
|
85
87
|
"data-appearance": appearance,
|
|
86
88
|
"data-size": size,
|
|
87
89
|
"data-disabled": disabled || undefined,
|
package/dist/rsuite-no-reset.css
CHANGED
|
@@ -3869,7 +3869,7 @@ tbody.rs-anim-collapse.rs-anim-in{
|
|
|
3869
3869
|
--rs-breadcrumb-size-sm:var(--rs-font-size-xs);
|
|
3870
3870
|
--rs-breadcrumb-size-md:var(--rs-font-size-sm);
|
|
3871
3871
|
--rs-breadcrumb-size-lg:var(--rs-font-size-md);
|
|
3872
|
-
--rs-breadcrumb-size:var(--rs-breadcrumb-size-
|
|
3872
|
+
--rs-breadcrumb-size:var(--rs-breadcrumb-size-md);
|
|
3873
3873
|
font-size:var(--rs-breadcrumb-size);
|
|
3874
3874
|
color:var(--rs-text-secondary);
|
|
3875
3875
|
}
|