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.
- package/AutoComplete/styles/index.css +0 -1
- package/Button/styles/index.css +0 -1
- package/Button/styles/index.less +0 -1
- package/CHANGELOG.md +34 -0
- package/Calendar/styles/index.css +0 -1
- package/Cascader/styles/index.css +0 -1
- package/CheckPicker/styles/index.css +0 -1
- package/CheckTree/styles/index.css +0 -1
- package/CheckTreePicker/styles/index.css +0 -1
- package/DatePicker/styles/index.css +0 -1
- package/DateRangePicker/styles/index.css +0 -1
- package/Dropdown/styles/index.css +0 -1
- package/IconButton/styles/index.css +0 -1
- package/InputGroup/styles/index.css +0 -1
- package/InputNumber/styles/index.css +0 -1
- package/InputPicker/styles/index.css +0 -1
- package/MultiCascadeTree/styles/index.css +0 -1
- package/MultiCascader/styles/index.css +0 -1
- package/Nav/styles/index.css +68 -1
- package/Nav/styles/index.less +37 -0
- package/NavItem/package.json +3 -3
- package/Navbar/styles/index.css +0 -1
- package/Pagination/styles/index.css +0 -1
- package/SelectPicker/styles/index.css +0 -1
- package/Tabs/styles/index.css +68 -4
- package/Tabs/styles/index.less +0 -4
- package/TagInput/styles/index.css +0 -1
- package/TagPicker/styles/index.css +0 -1
- package/Uploader/styles/index.css +0 -1
- package/cjs/DateInput/DateInput.js +18 -2
- package/cjs/DateInput/hooks/useDateInputState.d.ts +1 -0
- package/cjs/DateInput/hooks/useDateInputState.js +10 -9
- package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -0
- package/cjs/DateRangeInput/DateRangeInput.js +24 -2
- package/cjs/Form/Form.js +4 -10
- package/cjs/Form/FormContext.d.ts +2 -4
- package/cjs/Form/hooks/useFormValidate.d.ts +2 -2
- package/cjs/Form/hooks/useFormValidate.js +99 -35
- package/cjs/FormControl/FormControl.js +6 -22
- package/cjs/Nav/AdaptiveNavItem.d.ts +9 -0
- package/cjs/Nav/AdaptiveNavItem.js +89 -0
- package/cjs/Nav/Nav.d.ts +28 -9
- package/cjs/Nav/Nav.js +4 -74
- package/cjs/Nav/NavContext.d.ts +2 -2
- package/cjs/Nav/NavItem.d.ts +1 -1
- package/cjs/Navbar/NavbarItem.d.ts +1 -1
- package/cjs/Sidenav/Sidenav.d.ts +3 -3
- package/cjs/Stack/Stack.js +6 -1
- package/cjs/Tabs/Tabs.d.ts +20 -17
- package/cjs/Tabs/Tabs.js +5 -1
- package/cjs/Uploader/Uploader.d.ts +2 -2
- package/cjs/Uploader/Uploader.js +11 -9
- package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
- package/cjs/internals/Overlay/OverlayTrigger.js +17 -8
- package/cjs/internals/utils/BrowserDetection.js +6 -0
- package/cjs/internals/utils/ReactChildren.d.ts +6 -0
- package/cjs/internals/utils/ReactChildren.js +1 -0
- package/cjs/locales/ca_ES.d.ts +120 -0
- package/cjs/locales/ca_ES.js +87 -0
- package/cjs/locales/index.d.ts +1 -0
- package/cjs/locales/index.js +3 -1
- package/dist/rsuite-no-reset-rtl.css +65 -4
- package/dist/rsuite-no-reset-rtl.min.css +1 -1
- package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
- package/dist/rsuite-no-reset.css +65 -4
- package/dist/rsuite-no-reset.min.css +1 -1
- package/dist/rsuite-no-reset.min.css.map +1 -1
- package/dist/rsuite-rtl.css +65 -4
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +65 -4
- package/dist/rsuite.js +25 -14
- package/dist/rsuite.js.map +1 -1
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/DateInput/DateInput.js +18 -2
- package/esm/DateInput/hooks/useDateInputState.d.ts +1 -0
- package/esm/DateInput/hooks/useDateInputState.js +11 -10
- package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -0
- package/esm/DateRangeInput/DateRangeInput.js +24 -2
- package/esm/Form/Form.js +4 -10
- package/esm/Form/FormContext.d.ts +2 -4
- package/esm/Form/hooks/useFormValidate.d.ts +2 -2
- package/esm/Form/hooks/useFormValidate.js +98 -34
- package/esm/FormControl/FormControl.js +6 -22
- package/esm/Nav/AdaptiveNavItem.d.ts +9 -0
- package/esm/Nav/AdaptiveNavItem.js +83 -0
- package/esm/Nav/Nav.d.ts +28 -9
- package/esm/Nav/Nav.js +6 -76
- package/esm/Nav/NavContext.d.ts +2 -2
- package/esm/Nav/NavItem.d.ts +1 -1
- package/esm/Navbar/NavbarItem.d.ts +1 -1
- package/esm/Sidenav/Sidenav.d.ts +3 -3
- package/esm/Stack/Stack.js +6 -1
- package/esm/Tabs/Tabs.d.ts +20 -17
- package/esm/Tabs/Tabs.js +6 -1
- package/esm/Uploader/Uploader.d.ts +2 -2
- package/esm/Uploader/Uploader.js +11 -9
- package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
- package/esm/internals/Overlay/OverlayTrigger.js +18 -9
- package/esm/internals/utils/BrowserDetection.js +6 -0
- package/esm/internals/utils/ReactChildren.d.ts +6 -0
- package/esm/internals/utils/ReactChildren.js +1 -1
- package/esm/locales/ca_ES.d.ts +120 -0
- package/esm/locales/ca_ES.js +82 -0
- package/esm/locales/index.d.ts +1 -0
- package/esm/locales/index.js +1 -0
- package/locales/ca_ES/package.json +7 -0
- package/package.json +1 -1
- package/styles/color-modes/dark.less +7 -0
- package/styles/color-modes/high-contrast.less +7 -0
- package/styles/color-modes/light.less +8 -0
- 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 =
|
|
19
|
+
var _NavMenu = _interopRequireDefault(require("./NavMenu"));
|
|
21
20
|
var _NavDropdownItem = _interopRequireDefault(require("./NavDropdownItem"));
|
|
22
21
|
var _NavDropdownMenu = _interopRequireDefault(require("./NavDropdownMenu"));
|
|
23
|
-
var
|
|
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,
|
package/cjs/Nav/NavContext.d.ts
CHANGED
|
@@ -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;
|
package/cjs/Nav/NavItem.d.ts
CHANGED
|
@@ -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 */
|
package/cjs/Sidenav/Sidenav.d.ts
CHANGED
|
@@ -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
|
package/cjs/Stack/Stack.js
CHANGED
|
@@ -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
|
|
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
|
package/cjs/Tabs/Tabs.d.ts
CHANGED
|
@@ -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
|
|
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
|
-
*
|
|
15
|
+
* The key of the active tab.
|
|
11
16
|
*/
|
|
12
|
-
activeKey?: string;
|
|
17
|
+
activeKey?: string | number;
|
|
13
18
|
/**
|
|
14
|
-
* The default active
|
|
19
|
+
* The default key of the active tab.
|
|
15
20
|
*/
|
|
16
|
-
defaultActiveKey?: string;
|
|
21
|
+
defaultActiveKey?: string | number;
|
|
17
22
|
/**
|
|
18
|
-
*
|
|
19
|
-
* @default false
|
|
23
|
+
* Whether to reverse the order of the tabs.
|
|
20
24
|
*/
|
|
21
25
|
reversed?: boolean;
|
|
22
26
|
/**
|
|
23
|
-
*
|
|
24
|
-
* @default false
|
|
27
|
+
* Whether to display the tabs vertically.
|
|
25
28
|
*/
|
|
26
29
|
vertical?: boolean;
|
|
27
30
|
/**
|
|
28
|
-
* The
|
|
29
|
-
* @default
|
|
31
|
+
* The ID of the tabs.
|
|
32
|
+
* @default A unique ID is automatically generated.
|
|
30
33
|
*/
|
|
31
34
|
id?: string;
|
|
32
35
|
/**
|
|
33
|
-
* Callback
|
|
34
|
-
*
|
|
35
|
-
* @param
|
|
36
|
-
* @
|
|
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
|
|
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 */
|
package/cjs/Uploader/Uploader.js
CHANGED
|
@@ -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
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
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.
|
|
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
|
|
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
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
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
|
+
};
|
package/cjs/locales/index.d.ts
CHANGED
|
@@ -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';
|
package/cjs/locales/index.js
CHANGED
|
@@ -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"));
|