rsuite 5.66.0 → 5.68.0

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 (115) hide show
  1. package/AutoComplete/styles/index.css +0 -1
  2. package/Button/styles/index.css +0 -1
  3. package/Button/styles/index.less +0 -1
  4. package/CHANGELOG.md +34 -0
  5. package/Calendar/styles/index.css +0 -1
  6. package/Cascader/styles/index.css +0 -1
  7. package/CheckPicker/styles/index.css +0 -1
  8. package/CheckTree/styles/index.css +0 -1
  9. package/CheckTreePicker/styles/index.css +0 -1
  10. package/DatePicker/styles/index.css +0 -1
  11. package/DateRangePicker/styles/index.css +0 -1
  12. package/Dropdown/styles/index.css +0 -1
  13. package/IconButton/styles/index.css +0 -1
  14. package/InputGroup/styles/index.css +0 -1
  15. package/InputNumber/styles/index.css +0 -1
  16. package/InputPicker/styles/index.css +0 -1
  17. package/MultiCascadeTree/styles/index.css +0 -1
  18. package/MultiCascader/styles/index.css +0 -1
  19. package/Nav/styles/index.css +68 -1
  20. package/Nav/styles/index.less +37 -0
  21. package/NavItem/package.json +3 -3
  22. package/Navbar/styles/index.css +0 -1
  23. package/Pagination/styles/index.css +0 -1
  24. package/SelectPicker/styles/index.css +0 -1
  25. package/Tabs/styles/index.css +68 -4
  26. package/Tabs/styles/index.less +0 -4
  27. package/TagInput/styles/index.css +0 -1
  28. package/TagPicker/styles/index.css +0 -1
  29. package/Uploader/styles/index.css +0 -1
  30. package/cjs/DateInput/DateInput.js +18 -2
  31. package/cjs/DateInput/hooks/useDateInputState.d.ts +1 -0
  32. package/cjs/DateInput/hooks/useDateInputState.js +10 -9
  33. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  34. package/cjs/DateRangeInput/DateRangeInput.js +24 -2
  35. package/cjs/Form/Form.js +4 -10
  36. package/cjs/Form/FormContext.d.ts +2 -4
  37. package/cjs/Form/hooks/useFormValidate.d.ts +2 -2
  38. package/cjs/Form/hooks/useFormValidate.js +99 -35
  39. package/cjs/FormControl/FormControl.js +6 -22
  40. package/cjs/Nav/AdaptiveNavItem.d.ts +9 -0
  41. package/cjs/Nav/AdaptiveNavItem.js +89 -0
  42. package/cjs/Nav/Nav.d.ts +28 -9
  43. package/cjs/Nav/Nav.js +4 -74
  44. package/cjs/Nav/NavContext.d.ts +2 -2
  45. package/cjs/Nav/NavItem.d.ts +1 -1
  46. package/cjs/Navbar/NavbarItem.d.ts +1 -1
  47. package/cjs/Sidenav/Sidenav.d.ts +3 -3
  48. package/cjs/Stack/Stack.js +6 -1
  49. package/cjs/Tabs/Tabs.d.ts +20 -17
  50. package/cjs/Tabs/Tabs.js +5 -1
  51. package/cjs/Uploader/Uploader.d.ts +2 -2
  52. package/cjs/Uploader/Uploader.js +11 -9
  53. package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
  54. package/cjs/internals/Overlay/OverlayTrigger.js +17 -8
  55. package/cjs/internals/utils/BrowserDetection.js +6 -0
  56. package/cjs/internals/utils/ReactChildren.d.ts +6 -0
  57. package/cjs/internals/utils/ReactChildren.js +1 -0
  58. package/cjs/locales/ca_ES.d.ts +120 -0
  59. package/cjs/locales/ca_ES.js +87 -0
  60. package/cjs/locales/index.d.ts +1 -0
  61. package/cjs/locales/index.js +3 -1
  62. package/dist/rsuite-no-reset-rtl.css +65 -4
  63. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  64. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  65. package/dist/rsuite-no-reset.css +65 -4
  66. package/dist/rsuite-no-reset.min.css +1 -1
  67. package/dist/rsuite-no-reset.min.css.map +1 -1
  68. package/dist/rsuite-rtl.css +65 -4
  69. package/dist/rsuite-rtl.min.css +1 -1
  70. package/dist/rsuite-rtl.min.css.map +1 -1
  71. package/dist/rsuite.css +65 -4
  72. package/dist/rsuite.js +25 -14
  73. package/dist/rsuite.js.map +1 -1
  74. package/dist/rsuite.min.css +1 -1
  75. package/dist/rsuite.min.css.map +1 -1
  76. package/dist/rsuite.min.js +1 -1
  77. package/dist/rsuite.min.js.map +1 -1
  78. package/esm/DateInput/DateInput.js +18 -2
  79. package/esm/DateInput/hooks/useDateInputState.d.ts +1 -0
  80. package/esm/DateInput/hooks/useDateInputState.js +11 -10
  81. package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  82. package/esm/DateRangeInput/DateRangeInput.js +24 -2
  83. package/esm/Form/Form.js +4 -10
  84. package/esm/Form/FormContext.d.ts +2 -4
  85. package/esm/Form/hooks/useFormValidate.d.ts +2 -2
  86. package/esm/Form/hooks/useFormValidate.js +98 -34
  87. package/esm/FormControl/FormControl.js +6 -22
  88. package/esm/Nav/AdaptiveNavItem.d.ts +9 -0
  89. package/esm/Nav/AdaptiveNavItem.js +83 -0
  90. package/esm/Nav/Nav.d.ts +28 -9
  91. package/esm/Nav/Nav.js +6 -76
  92. package/esm/Nav/NavContext.d.ts +2 -2
  93. package/esm/Nav/NavItem.d.ts +1 -1
  94. package/esm/Navbar/NavbarItem.d.ts +1 -1
  95. package/esm/Sidenav/Sidenav.d.ts +3 -3
  96. package/esm/Stack/Stack.js +6 -1
  97. package/esm/Tabs/Tabs.d.ts +20 -17
  98. package/esm/Tabs/Tabs.js +6 -1
  99. package/esm/Uploader/Uploader.d.ts +2 -2
  100. package/esm/Uploader/Uploader.js +11 -9
  101. package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
  102. package/esm/internals/Overlay/OverlayTrigger.js +18 -9
  103. package/esm/internals/utils/BrowserDetection.js +6 -0
  104. package/esm/internals/utils/ReactChildren.d.ts +6 -0
  105. package/esm/internals/utils/ReactChildren.js +1 -1
  106. package/esm/locales/ca_ES.d.ts +120 -0
  107. package/esm/locales/ca_ES.js +82 -0
  108. package/esm/locales/index.d.ts +1 -0
  109. package/esm/locales/index.js +1 -0
  110. package/locales/ca_ES/package.json +7 -0
  111. package/package.json +1 -1
  112. package/styles/color-modes/dark.less +7 -0
  113. package/styles/color-modes/high-contrast.less +7 -0
  114. package/styles/color-modes/light.less +8 -0
  115. package/styles/plugins/palette.js +34 -6
package/cjs/Nav/Nav.js CHANGED
@@ -8,7 +8,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
8
8
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _NavItem = _interopRequireDefault(require("./NavItem"));
12
11
  var _hooks = require("../internals/hooks");
13
12
  var _Navbar = require("../Navbar/Navbar");
14
13
  var _Sidenav = require("../Sidenav/Sidenav");
@@ -17,13 +16,10 @@ var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
17
16
  var _propTypes2 = require("../internals/propTypes");
18
17
  var _utils = require("../internals/utils");
19
18
  var _NavDropdown = _interopRequireDefault(require("./NavDropdown"));
20
- var _NavMenu = _interopRequireWildcard(require("./NavMenu"));
19
+ var _NavMenu = _interopRequireDefault(require("./NavMenu"));
21
20
  var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
22
21
  var _NavDropdownMenu = _interopRequireDefault(require("./NavDropdownMenu"));
23
- var _NavbarDropdownItem = _interopRequireDefault(require("../Navbar/NavbarDropdownItem"));
24
- var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDropdownItem"));
25
- var _NavbarItem = _interopRequireDefault(require("../Navbar/NavbarItem"));
26
- var _SidenavItem = _interopRequireDefault(require("../Sidenav/SidenavItem"));
22
+ var _AdaptiveNavItem = _interopRequireDefault(require("./AdaptiveNavItem"));
27
23
  var _excluded = ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "defaultActiveKey", "onSelect"];
28
24
  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); }
29
25
  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; }
@@ -121,80 +117,14 @@ var DeprecatedNavDropdown = (0, _utils.deprecateComponent)(_NavDropdown.default,
121
117
  DeprecatedNavDropdown.Menu = (0, _utils.deprecateComponent)(_NavDropdownMenu.default, '<Nav.Dropdown.Menu> is deprecated, use <Nav.Menu> instead');
122
118
  DeprecatedNavDropdown.Item = (0, _utils.deprecateComponent)(_NavDropdownItem.default, '<Nav.Dropdown.Item> is deprecated, use <Nav.Item> instead');
123
119
  Nav.Dropdown = DeprecatedNavDropdown;
124
- /**
125
- * The <Nav.Item> API
126
- * When used as direct child of <Nav>, render the NavItem
127
- * When used within a <Nav.Menu>, render the NavDropdownItem
128
- */
129
- Nav.Item = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
130
- var nav = (0, _react.useContext)(_NavContext.default);
131
- if (!nav) {
132
- throw new Error('<Nav.Item> must be rendered within a <Nav> component.');
133
- }
134
- var parentNavMenu = (0, _react.useContext)(_NavMenu.NavMenuContext);
135
- var navbar = (0, _react.useContext)(_Navbar.NavbarContext);
136
- var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
137
- var _ref2 = parentNavMenu !== null && parentNavMenu !== void 0 ? parentNavMenu : [],
138
- dispatch = _ref2[1];
139
- var _id = (0, _hooks.useInternalId)('Nav.Item');
140
- (0, _react.useEffect)(function () {
141
- if (dispatch) {
142
- var _props$active;
143
- dispatch({
144
- type: _NavMenu.NavMenuActionType.RegisterItem,
145
- payload: {
146
- _id: _id,
147
- eventKey: props.eventKey,
148
- active: (_props$active = props.active) !== null && _props$active !== void 0 ? _props$active : false
149
- }
150
- });
151
- return function () {
152
- dispatch({
153
- type: _NavMenu.NavMenuActionType.UnregisterItem,
154
- payload: {
155
- _id: _id
156
- }
157
- });
158
- };
159
- }
160
- }, [dispatch, _id, props.eventKey, props.active]);
161
- if (parentNavMenu) {
162
- if (navbar) {
163
- return /*#__PURE__*/_react.default.createElement(_NavbarDropdownItem.default, (0, _extends2.default)({
164
- ref: ref
165
- }, props));
166
- }
167
- if (sidenav) {
168
- return /*#__PURE__*/_react.default.createElement(_SidenavDropdownItem.default, (0, _extends2.default)({
169
- ref: ref
170
- }, props));
171
- }
172
- return /*#__PURE__*/_react.default.createElement(_NavDropdownItem.default, (0, _extends2.default)({
173
- ref: ref
174
- }, props));
175
- }
176
- if (navbar) {
177
- return /*#__PURE__*/_react.default.createElement(_NavbarItem.default, (0, _extends2.default)({
178
- ref: ref
179
- }, props));
180
- }
181
- if (sidenav) {
182
- return /*#__PURE__*/_react.default.createElement(_SidenavItem.default, (0, _extends2.default)({
183
- ref: ref
184
- }, props));
185
- }
186
- return /*#__PURE__*/_react.default.createElement(_NavItem.default, (0, _extends2.default)({
187
- ref: ref
188
- }, props));
189
- });
190
- Nav.Item.displayName = 'Nav.Item';
120
+ Nav.Item = _AdaptiveNavItem.default;
191
121
  Nav.Menu = _NavMenu.default;
192
122
  Nav.displayName = 'Nav';
193
123
  Nav.propTypes = {
194
124
  classPrefix: _propTypes.default.string,
195
125
  className: _propTypes.default.string,
196
126
  children: _propTypes.default.node,
197
- appearance: (0, _propTypes2.oneOf)(['default', 'subtle', 'tabs']),
127
+ appearance: (0, _propTypes2.oneOf)(['default', 'subtle', 'tabs', 'pills']),
198
128
  // Reverse Direction of tabs/subtle
199
129
  reversed: _propTypes.default.bool,
200
130
  justified: _propTypes.default.bool,
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  export interface NavContextProps {
3
- activeKey: string | undefined;
4
- onSelect?: (eventKey: string | undefined, event: React.SyntheticEvent) => void;
3
+ activeKey: string | number | undefined;
4
+ onSelect?: (eventKey: string | number | undefined, event: React.SyntheticEvent) => void;
5
5
  }
6
6
  declare const NavContext: React.Context<NavContextProps | null>;
7
7
  export default NavContext;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
3
3
  import { IconProps } from '@rsuite/icons/lib/Icon';
4
- export interface NavItemProps<T = string> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
4
+ export interface NavItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Activation status */
6
6
  active?: boolean;
7
7
  /** Disabled status */
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { IconProps } from '@rsuite/icons/lib/Icon';
3
3
  import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
4
- export interface NavbarItemProps<T = string> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
4
+ export interface NavbarItemProps<T = string | number> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
5
5
  /** Activation status */
6
6
  active?: boolean;
7
7
  /** Disabled status */
@@ -3,7 +3,7 @@ import SidenavBody from './SidenavBody';
3
3
  import SidenavHeader from './SidenavHeader';
4
4
  import SidenavToggle from './SidenavToggle';
5
5
  import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
6
- export interface SidenavProps<T = string> extends WithAsProps {
6
+ export interface SidenavProps<T = string | number> extends WithAsProps {
7
7
  /** Whether to expand the Sidenav */
8
8
  expanded?: boolean;
9
9
  /** Menu style */
@@ -25,8 +25,8 @@ export interface SidenavProps<T = string> extends WithAsProps {
25
25
  */
26
26
  onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
27
27
  }
28
- export declare const SidenavContext: React.Context<SidenavContextType<string> | null>;
29
- export interface SidenavContextType<T = string> {
28
+ export declare const SidenavContext: React.Context<SidenavContextType<string | number> | null>;
29
+ export interface SidenavContextType<T = string | number> {
30
30
  openKeys: T[];
31
31
  /**
32
32
  * @deprecated Use activeKey from NavContext instead
@@ -13,6 +13,11 @@ var _propTypes2 = require("../internals/propTypes");
13
13
  var _hooks = require("../internals/hooks");
14
14
  var _StackItem = _interopRequireDefault(require("./StackItem"));
15
15
  var _excluded = ["as", "alignItems", "classPrefix", "childrenRenderMode", "className", "children", "direction", "justifyContent", "spacing", "divider", "style", "wrap"];
16
+ function isStackItem(child) {
17
+ var _child$type;
18
+ return child.type === _StackItem.default || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'StackItem';
19
+ }
20
+
16
21
  /**
17
22
  * The `Stack` component is a quick layout component through Flexbox,
18
23
  * supporting vertical and horizontal stacking, custom spacing and line wrapping.
@@ -66,7 +71,7 @@ var Stack = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
66
71
  className: classes,
67
72
  style: styles
68
73
  }), _utils.ReactChildren.map(filterChildren, function (child, index) {
69
- var childNode = childrenRenderMode === 'wrap' && child.type !== _StackItem.default ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {
74
+ var childNode = childrenRenderMode === 'wrap' && !isStackItem(child) ? /*#__PURE__*/_react.default.createElement(_StackItem.default, {
70
75
  key: index,
71
76
  className: prefix('item'),
72
77
  style: !isSupportGap ? itemStyles : undefined
@@ -1,41 +1,44 @@
1
1
  import React from 'react';
2
2
  import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
3
3
  import Tab from './Tab';
4
+ /**
5
+ * Props for the Tabs component.
6
+ */
4
7
  export interface TabsProps extends WithAsProps {
5
8
  /**
6
- * The tabs appearance style.
9
+ * The appearance of the tabs.
10
+ * @default 'tabs'
11
+ * @version 'pills' is supported in version 5.68.0
7
12
  */
8
- appearance?: 'tabs' | 'subtle';
13
+ appearance?: 'tabs' | 'subtle' | 'pills';
9
14
  /**
10
- * Mark the Tab with a matching `eventKey` as active.
15
+ * The key of the active tab.
11
16
  */
12
- activeKey?: string;
17
+ activeKey?: string | number;
13
18
  /**
14
- * The default active tabKey.
19
+ * The default key of the active tab.
15
20
  */
16
- defaultActiveKey?: string;
21
+ defaultActiveKey?: string | number;
17
22
  /**
18
- * Reversed display.
19
- * @default false
23
+ * Whether to reverse the order of the tabs.
20
24
  */
21
25
  reversed?: boolean;
22
26
  /**
23
- * Vertical display.
24
- * @default false
27
+ * Whether to display the tabs vertically.
25
28
  */
26
29
  vertical?: boolean;
27
30
  /**
28
- * The HTML id attribute, which should be unique.
29
- * @default use generated id
31
+ * The ID of the tabs.
32
+ * @default A unique ID is automatically generated.
30
33
  */
31
34
  id?: string;
32
35
  /**
33
- * Callback fired when a Tab is selected.
34
- * @param eventKey
35
- * @param event
36
- * @returns
36
+ * Callback function that is called when a tab is selected.
37
+ *
38
+ * @param eventKey - The key of the selected tab.
39
+ * @param event - The event object.
37
40
  */
38
- onSelect?: (eventKey: string | undefined, event: React.SyntheticEvent) => void;
41
+ onSelect?: (eventKey: string | number | undefined, event: React.SyntheticEvent) => void;
39
42
  }
40
43
  interface TabsComponent extends RsRefForwardingComponent<'div', TabsProps> {
41
44
  Tab: typeof Tab;
package/cjs/Tabs/Tabs.js CHANGED
@@ -16,6 +16,10 @@ var _Tab = _interopRequireDefault(require("./Tab"));
16
16
  var _TabPanel = _interopRequireDefault(require("./TabPanel"));
17
17
  var _templateObject;
18
18
  var _excluded = ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"];
19
+ /**
20
+ * Props for the Tabs component.
21
+ */
22
+
19
23
  function getFocusableTabs(tablist) {
20
24
  var tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');
21
25
  return Array.from(tabs).filter(function (tab) {
@@ -208,7 +212,7 @@ var Tabs = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
208
212
  Tabs.Tab = _Tab.default;
209
213
  Tabs.displayName = 'Tabs';
210
214
  Tabs.propTypes = {
211
- appearance: _propTypes.default.oneOf(['tabs', 'subtle']),
215
+ appearance: _propTypes.default.oneOf(['tabs', 'subtle', 'pills']),
212
216
  activeKey: _propTypes.default.any,
213
217
  defaultActiveKey: _propTypes.default.any,
214
218
  reversed: _propTypes.default.bool,
@@ -36,7 +36,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
36
36
  fileList?: FileType[];
37
37
  /** Upload the parameters with */
38
38
  data?: any;
39
- /** Allow multiple file uploads to be selected at a time */
39
+ /** Allow multiple file uploads */
40
40
  multiple?: boolean;
41
41
  /** Disabled upload button */
42
42
  disabled?: boolean;
@@ -80,7 +80,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
80
80
  /** Allow uploading of files. Check function before file upload, return false without uploading */
81
81
  shouldUpload?: (file: FileType) => boolean | Promise<boolean>;
82
82
  /** callback function that the upload queue has changed */
83
- onChange?: (fileList: FileType[]) => void;
83
+ onChange?: (fileList: FileType[], event: React.ChangeEvent | React.MouseEvent) => void;
84
84
  /** The callback function that starts the upload file */
85
85
  onUpload?: (file: FileType, uploadData: any, xhr: XMLHttpRequest) => void;
86
86
  /** In the file list, for uploading failed files, click the callback function to upload */
@@ -307,13 +307,15 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
307
307
  return;
308
308
  }
309
309
  var upload = function upload() {
310
- onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);
311
- dispatch({
312
- type: 'push',
313
- files: newFileList
314
- }, function () {
315
- autoUpload && handleAjaxUpload();
316
- });
310
+ onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, event);
311
+ if (rootRef.current) {
312
+ dispatch({
313
+ type: 'push',
314
+ files: newFileList
315
+ }, function () {
316
+ autoUpload && handleAjaxUpload();
317
+ });
318
+ }
317
319
  };
318
320
  if (checkState instanceof Promise) {
319
321
  checkState.then(function (res) {
@@ -323,7 +325,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
323
325
  }
324
326
  upload();
325
327
  };
326
- var handleRemoveFile = function handleRemoveFile(fileKey) {
328
+ var handleRemoveFile = function handleRemoveFile(fileKey, event) {
327
329
  var _xhrs$current, _xhrs$current$file$fi;
328
330
  var file = (0, _find.default)(fileList.current, function (f) {
329
331
  return f.fileKey === fileKey;
@@ -340,7 +342,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
340
342
  fileKey: fileKey
341
343
  });
342
344
  onRemove === null || onRemove === void 0 ? void 0 : onRemove(file);
343
- onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList);
345
+ onChange === null || onChange === void 0 ? void 0 : onChange(nextFileList, event);
344
346
  cleanInputValue();
345
347
  };
346
348
  var handleReupload = function handleReupload(file) {
@@ -31,7 +31,7 @@ export interface OverlayTriggerProps extends Omit<StandardProps, 'children'>, An
31
31
  /** Whether mouse is allowed to enter the floating layer of popover, whose default value is false. */
32
32
  enterable?: boolean;
33
33
  /** For the monitored component, the event will be bound to this component. */
34
- children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
34
+ children: React.ReactNode | ((props: any, ref: any) => React.ReactElement);
35
35
  /** Whether to allow clicking document to close the overlay */
36
36
  rootClose?: boolean;
37
37
  /** Once disabled, the event cannot be triggered. */
@@ -73,7 +73,7 @@ export declare enum OverlayCloseCause {
73
73
  ImperativeHandle = 1
74
74
  }
75
75
  export interface OverlayTriggerHandle {
76
- root: HTMLElement | undefined;
76
+ root?: HTMLElement | null;
77
77
  updatePosition: () => void;
78
78
  open: (delay?: number) => void;
79
79
  close: (delay?: number) => void;
@@ -14,6 +14,7 @@ var _contains = _interopRequireDefault(require("dom-lib/contains"));
14
14
  var _Overlay = _interopRequireDefault(require("./Overlay"));
15
15
  var _hooks = require("../hooks");
16
16
  var _utils = require("../utils");
17
+ var _ReactChildren = require("../utils/ReactChildren");
17
18
  var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
18
19
  var _excluded = ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"];
19
20
  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); }
@@ -104,7 +105,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
104
105
  }),
105
106
  Portal = _usePortal.Portal,
106
107
  containerElement = _usePortal.target;
107
- var triggerRef = (0, _react.useRef)();
108
+ var triggerRef = (0, _react.useRef)(null);
108
109
  var overlayRef = (0, _react.useRef)();
109
110
  var _useControlled = (0, _hooks.useControlled)(openProp, defaultOpen),
110
111
  open = _useControlled[0],
@@ -367,13 +368,21 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
367
368
  }), ref);
368
369
  } : speaker);
369
370
  };
370
- if (typeof children === 'object' && children.type === _react.default.Fragment || typeof children === 'string') {
371
- console.error('[rsuite] The OverlayTrigger component does not accept strings or Fragments as child.');
372
- }
373
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof children === 'function' ? children(triggerEvents, triggerRef) : /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({
374
- ref: triggerRef,
375
- 'aria-describedby': controlId
376
- }, mergeEvents(triggerEvents, children.props))), /*#__PURE__*/_react.default.createElement(Portal, null, renderOverlay()));
371
+ var triggerElement = (0, _react.useMemo)(function () {
372
+ if (typeof children === 'function') {
373
+ return children(triggerEvents, triggerRef);
374
+ } else if ((0, _ReactChildren.isFragment)(children) || ! /*#__PURE__*/(0, _react.isValidElement)(children)) {
375
+ return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
376
+ ref: triggerRef,
377
+ "aria-describedby": controlId
378
+ }, triggerEvents), children);
379
+ }
380
+ return /*#__PURE__*/(0, _react.cloneElement)(children, (0, _extends2.default)({
381
+ ref: triggerRef,
382
+ 'aria-describedby': controlId
383
+ }, mergeEvents(triggerEvents, children.props)));
384
+ }, [children, controlId, triggerEvents]);
385
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, triggerElement, /*#__PURE__*/_react.default.createElement(Portal, null, renderOverlay()));
377
386
  });
378
387
  OverlayTrigger.displayName = 'OverlayTrigger';
379
388
  var _default = exports.default = OverlayTrigger;
@@ -45,6 +45,12 @@ var getSafariVersion = exports.getSafariVersion = function getSafariVersion() {
45
45
  * @see https://caniuse.com/flexbox-gap
46
46
  */
47
47
  var isSupportFlexGap = exports.isSupportFlexGap = function isSupportFlexGap() {
48
+ // Check if the browser supports the `gap` property
49
+ if (typeof CSS !== 'undefined' && typeof CSS.supports !== 'undefined') {
50
+ return CSS.supports('(gap: 1px)');
51
+ }
52
+
53
+ // IE does not support flex-gap
48
54
  if (isIE()) {
49
55
  return false;
50
56
  }
@@ -1,4 +1,10 @@
1
1
  import React from 'react';
2
+ /**
3
+ * Checks if the given children is a React fragment.
4
+ * @param children - The children to check.
5
+ * @returns True if the children is a React fragment, false otherwise.
6
+ */
7
+ export declare function isFragment(children: React.ReactNode): boolean;
2
8
  /**
3
9
  * Finds the first child that satisfies the given condition.
4
10
  * @param children - The children to search.
@@ -7,6 +7,7 @@ exports.ReactChildren = void 0;
7
7
  exports.count = count;
8
8
  exports.default = void 0;
9
9
  exports.find = find;
10
+ exports.isFragment = isFragment;
10
11
  exports.map = map;
11
12
  exports.mapCloneElement = mapCloneElement;
12
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -0,0 +1,120 @@
1
+ declare const _default: {
2
+ common: {
3
+ loading: string;
4
+ emptyMessage: string;
5
+ remove: string;
6
+ clear: string;
7
+ };
8
+ Plaintext: {
9
+ unfilled: string;
10
+ notSelected: string;
11
+ notUploaded: string;
12
+ };
13
+ Pagination: {
14
+ more: string;
15
+ prev: string;
16
+ next: string;
17
+ first: string;
18
+ last: string;
19
+ limit: string;
20
+ total: string;
21
+ skip: string;
22
+ };
23
+ Calendar: {
24
+ sunday: string;
25
+ monday: string;
26
+ tuesday: string;
27
+ wednesday: string;
28
+ thursday: string;
29
+ friday: string;
30
+ saturday: string;
31
+ ok: string;
32
+ today: string;
33
+ yesterday: string;
34
+ hours: string;
35
+ minutes: string;
36
+ seconds: string;
37
+ /**
38
+ * Format of the string is based on Unicode Technical Standard #35:
39
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
40
+ **/
41
+ formattedMonthPattern: string;
42
+ formattedDayPattern: string;
43
+ dateLocale: Locale;
44
+ };
45
+ DatePicker: {
46
+ sunday: string;
47
+ monday: string;
48
+ tuesday: string;
49
+ wednesday: string;
50
+ thursday: string;
51
+ friday: string;
52
+ saturday: string;
53
+ ok: string;
54
+ today: string;
55
+ yesterday: string;
56
+ hours: string;
57
+ minutes: string;
58
+ seconds: string;
59
+ /**
60
+ * Format of the string is based on Unicode Technical Standard #35:
61
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
62
+ **/
63
+ formattedMonthPattern: string;
64
+ formattedDayPattern: string;
65
+ dateLocale: Locale;
66
+ };
67
+ DateRangePicker: {
68
+ last7Days: string;
69
+ sunday: string;
70
+ monday: string;
71
+ tuesday: string;
72
+ wednesday: string;
73
+ thursday: string;
74
+ friday: string;
75
+ saturday: string;
76
+ ok: string;
77
+ today: string;
78
+ yesterday: string;
79
+ hours: string;
80
+ minutes: string;
81
+ seconds: string;
82
+ /**
83
+ * Format of the string is based on Unicode Technical Standard #35:
84
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
85
+ **/
86
+ formattedMonthPattern: string;
87
+ formattedDayPattern: string;
88
+ dateLocale: Locale;
89
+ };
90
+ Picker: {
91
+ noResultsText: string;
92
+ placeholder: string;
93
+ searchPlaceholder: string;
94
+ checkAll: string;
95
+ };
96
+ InputPicker: {
97
+ newItem: string;
98
+ createOption: string;
99
+ };
100
+ Uploader: {
101
+ inited: string;
102
+ progress: string;
103
+ error: string;
104
+ complete: string;
105
+ emptyFile: string;
106
+ upload: string;
107
+ removeFile: string;
108
+ };
109
+ CloseButton: {
110
+ closeLabel: string;
111
+ };
112
+ Breadcrumb: {
113
+ expandText: string;
114
+ };
115
+ Toggle: {
116
+ on: string;
117
+ off: string;
118
+ };
119
+ };
120
+ export default _default;
@@ -0,0 +1,87 @@
1
+ 'use client';
2
+ "use strict";
3
+
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
+ var _ca = _interopRequireDefault(require("date-fns/locale/ca"));
9
+ var Calendar = {
10
+ sunday: 'Dg',
11
+ monday: 'Dl',
12
+ tuesday: 'Dt',
13
+ wednesday: 'Dc',
14
+ thursday: 'Dj',
15
+ friday: 'Dv',
16
+ saturday: 'Ds',
17
+ ok: 'Acceptar',
18
+ today: 'Avui',
19
+ yesterday: 'Ahir',
20
+ hours: 'Hores',
21
+ minutes: 'Minuts',
22
+ seconds: 'Segons',
23
+ /**
24
+ * Format of the string is based on Unicode Technical Standard #35:
25
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
26
+ **/
27
+ formattedMonthPattern: 'MMM yyyy',
28
+ formattedDayPattern: 'dd MMM yyyy',
29
+ dateLocale: _ca.default
30
+ };
31
+ var _default = exports.default = {
32
+ common: {
33
+ loading: 'Carregant...',
34
+ emptyMessage: 'Sense dades',
35
+ remove: 'Eliminar',
36
+ clear: 'Netejar'
37
+ },
38
+ Plaintext: {
39
+ unfilled: 'Sense omplir',
40
+ notSelected: 'No seleccionat',
41
+ notUploaded: 'No pujat'
42
+ },
43
+ Pagination: {
44
+ more: 'Més',
45
+ prev: 'Anterior',
46
+ next: 'Següent',
47
+ first: 'Primer',
48
+ last: 'Últim',
49
+ limit: '{0} / pàgines',
50
+ total: 'Total: {0}',
51
+ skip: 'Anar{0}'
52
+ },
53
+ Calendar: Calendar,
54
+ DatePicker: (0, _extends2.default)({}, Calendar),
55
+ DateRangePicker: (0, _extends2.default)({}, Calendar, {
56
+ last7Days: 'Últims 7 dies'
57
+ }),
58
+ Picker: {
59
+ noResultsText: "No s'han trobat resultats",
60
+ placeholder: 'Seleccionar',
61
+ searchPlaceholder: 'Cercar',
62
+ checkAll: 'Tots'
63
+ },
64
+ InputPicker: {
65
+ newItem: 'Nou',
66
+ createOption: 'Crear opció "{0}"'
67
+ },
68
+ Uploader: {
69
+ inited: 'Inicial',
70
+ progress: 'Pujant',
71
+ error: 'Error',
72
+ complete: 'Completat',
73
+ emptyFile: 'Buit',
74
+ upload: 'Pujar',
75
+ removeFile: 'Eliminar fitxer'
76
+ },
77
+ CloseButton: {
78
+ closeLabel: 'Tancar'
79
+ },
80
+ Breadcrumb: {
81
+ expandText: 'Mostrar ruta'
82
+ },
83
+ Toggle: {
84
+ on: 'Encendre',
85
+ off: 'Apagar'
86
+ }
87
+ };
@@ -6,6 +6,7 @@ export { default as enGB } from './en_GB';
6
6
  export { default as enUS } from './en_US';
7
7
  export { default as esAR } from './es_AR';
8
8
  export { default as esES } from './es_ES';
9
+ export { default as caES } from './ca_ES';
9
10
  export { default as fiFI } from './fi_FI';
10
11
  export { default as huHU } from './hu_HU';
11
12
  export { default as itIT } from './it_IT';
@@ -3,7 +3,7 @@
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
5
5
  exports.__esModule = true;
6
- exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.arEG = void 0;
6
+ exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
7
7
  var _ar_EG = _interopRequireDefault(require("./ar_EG"));
8
8
  exports.arEG = _ar_EG.default;
9
9
  var _da_DK = _interopRequireDefault(require("./da_DK"));
@@ -18,6 +18,8 @@ var _es_AR = _interopRequireDefault(require("./es_AR"));
18
18
  exports.esAR = _es_AR.default;
19
19
  var _es_ES = _interopRequireDefault(require("./es_ES"));
20
20
  exports.esES = _es_ES.default;
21
+ var _ca_ES = _interopRequireDefault(require("./ca_ES"));
22
+ exports.caES = _ca_ES.default;
21
23
  var _fi_FI = _interopRequireDefault(require("./fi_FI"));
22
24
  exports.fiFI = _fi_FI.default;
23
25
  var _hu_HU = _interopRequireDefault(require("./hu_HU"));