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.
Files changed (60) hide show
  1. package/Breadcrumb/styles/index.css +2 -3
  2. package/CHANGELOG.md +204 -393
  3. package/cjs/AutoComplete/utils.js +0 -0
  4. package/cjs/Breadcrumb/Breadcrumb.js +1 -1
  5. package/cjs/Cascader/Cascader.js +1 -1
  6. package/cjs/CheckPicker/CheckPicker.js +1 -1
  7. package/cjs/CheckTreePicker/CheckTreePicker.js +1 -1
  8. package/cjs/DOMHelper/isElement.js +0 -0
  9. package/cjs/DatePicker/DatePicker.js +1 -1
  10. package/cjs/DatePicker/Toolbar.js +4 -1
  11. package/cjs/DateRangePicker/DateRangePicker.js +1 -1
  12. package/cjs/Dropdown/DropdownState.js +0 -0
  13. package/cjs/InputPicker/InputPicker.js +1 -1
  14. package/cjs/List/ListContext.js +0 -0
  15. package/cjs/List/helper/AutoScroller.js +0 -0
  16. package/cjs/List/helper/useManager.js +0 -0
  17. package/cjs/MaskedInput/adjustCaretPosition.js +0 -0
  18. package/cjs/MaskedInput/types.js +0 -0
  19. package/cjs/MaskedInput/utilities.js +0 -0
  20. package/cjs/MultiCascader/MultiCascader.js +1 -1
  21. package/cjs/Panel/PanelHeader.d.ts +1 -1
  22. package/cjs/Panel/PanelHeader.js +4 -5
  23. package/cjs/SelectPicker/SelectPicker.js +1 -1
  24. package/cjs/Sidenav/Node.js +0 -0
  25. package/cjs/TreePicker/TreePicker.js +1 -1
  26. package/cjs/internals/Picker/PickerToggleTrigger.d.ts +2 -0
  27. package/cjs/internals/Picker/PickerToggleTrigger.js +3 -1
  28. package/dist/rsuite-no-reset.css +1 -1
  29. package/dist/rsuite-no-reset.min.css +1 -1
  30. package/dist/rsuite.css +1 -1
  31. package/dist/rsuite.js +268 -268
  32. package/dist/rsuite.min.css +1 -1
  33. package/dist/rsuite.min.js +1 -1
  34. package/dist/rsuite.min.js.map +1 -1
  35. package/esm/AutoComplete/utils.js +0 -0
  36. package/esm/Breadcrumb/Breadcrumb.js +1 -1
  37. package/esm/Cascader/Cascader.js +1 -1
  38. package/esm/CheckPicker/CheckPicker.js +1 -1
  39. package/esm/CheckTreePicker/CheckTreePicker.js +1 -1
  40. package/esm/DOMHelper/isElement.js +0 -0
  41. package/esm/DatePicker/DatePicker.js +1 -1
  42. package/esm/DatePicker/Toolbar.js +4 -1
  43. package/esm/DateRangePicker/DateRangePicker.js +1 -1
  44. package/esm/Dropdown/DropdownState.js +0 -0
  45. package/esm/InputPicker/InputPicker.js +1 -1
  46. package/esm/List/ListContext.js +0 -0
  47. package/esm/List/helper/AutoScroller.js +0 -0
  48. package/esm/List/helper/useManager.js +0 -0
  49. package/esm/MaskedInput/adjustCaretPosition.js +0 -0
  50. package/esm/MaskedInput/types.js +0 -0
  51. package/esm/MaskedInput/utilities.js +0 -0
  52. package/esm/MultiCascader/MultiCascader.js +1 -1
  53. package/esm/Panel/PanelHeader.d.ts +1 -1
  54. package/esm/Panel/PanelHeader.js +4 -5
  55. package/esm/SelectPicker/SelectPicker.js +1 -1
  56. package/esm/Sidenav/Node.js +0 -0
  57. package/esm/TreePicker/TreePicker.js +1 -1
  58. package/esm/internals/Picker/PickerToggleTrigger.d.ts +2 -0
  59. package/esm/internals/Picker/PickerToggleTrigger.js +3 -1
  60. package/package.json +1 -1
File without changes
@@ -36,7 +36,7 @@ const Breadcrumb = (0, _utils.forwardRef)((props, ref) => {
36
36
  ellipsis = '...',
37
37
  maxItems = 5,
38
38
  separator = '/',
39
- size = 'md',
39
+ size,
40
40
  locale,
41
41
  onExpand,
42
42
  ...rest
@@ -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
- name: "cascader",
355
+ pickerType: "cascader",
356
356
  block: block,
357
357
  disabled: disabled,
358
358
  appearance: appearance,
@@ -287,7 +287,7 @@ const CheckPicker = (0, _utils2.forwardRef)((props, ref) => {
287
287
  as: as,
288
288
  id: id,
289
289
  multiple: true,
290
- name: "check",
290
+ pickerType: "check",
291
291
  block: block,
292
292
  disabled: disabled,
293
293
  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
- name: "check-tree",
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
- name: "date",
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: "space-between",
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
- name: "date-range",
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
- name: multi ? 'tag' : 'input',
599
+ pickerType: multi ? 'tag' : 'input',
600
600
  block: block,
601
601
  disabled: disabled,
602
602
  appearance: appearance,
File without changes
File without changes
File without changes
File without changes
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
- name: "multi-cascader",
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;
@@ -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 = _Heading.default,
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("span", {
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
- name: "select",
253
+ pickerType: "select",
254
254
  block: block,
255
255
  disabled: disabled,
256
256
  appearance: appearance,
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
- name: "tree",
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
- "data-picker": name,
85
+ name: name,
86
+ "data-picker": pickerType,
85
87
  "data-appearance": appearance,
86
88
  "data-size": size,
87
89
  "data-disabled": disabled || undefined,
@@ -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-sm);
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
  }