rsuite 5.53.2 → 5.55.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 -2
- package/CHANGELOG.md +36 -0
- package/Cascader/styles/index.css +0 -2
- package/CheckPicker/styles/index.css +0 -2
- package/CheckTree/styles/index.css +0 -2
- package/CheckTreePicker/styles/index.css +0 -2
- package/DatePicker/styles/index.css +0 -2
- package/DateRangePicker/styles/index.css +0 -2
- package/FormGroup/styles/index.css +3 -0
- package/FormGroup/styles/index.less +2 -0
- package/InlineEdit/package.json +7 -0
- package/InlineEdit/styles/index.css +112 -0
- package/InlineEdit/styles/index.less +48 -0
- package/InputGroup/styles/index.css +0 -2
- package/InputGroup/styles/index.less +0 -2
- package/InputNumber/styles/index.css +0 -2
- package/InputPicker/styles/index.css +0 -2
- package/MultiCascader/styles/index.css +0 -2
- package/Pagination/styles/index.css +3 -2
- package/Pagination/styles/pagination-group.less +4 -0
- package/SelectPicker/styles/index.css +0 -2
- package/TagInput/styles/index.css +1 -4
- package/TagPicker/styles/index.css +1 -4
- package/TagPicker/styles/index.less +1 -2
- package/cjs/Calendar/CalendarContainer.d.ts +4 -0
- package/cjs/Calendar/CalendarContainer.js +3 -1
- package/cjs/Calendar/TableCell.js +3 -2
- package/cjs/Calendar/types.d.ts +1 -0
- package/cjs/Cascader/DropdownMenu.js +3 -1
- package/cjs/Cascader/TreeView.js +3 -1
- package/cjs/DOMHelper/index.d.ts +23 -32
- package/cjs/DatePicker/DatePicker.d.ts +6 -0
- package/cjs/DatePicker/DatePicker.js +4 -3
- package/cjs/DateRangePicker/DateRangePicker.js +8 -2
- package/cjs/InlineEdit/EditableControls.d.ts +8 -0
- package/cjs/InlineEdit/EditableControls.js +34 -0
- package/cjs/InlineEdit/InlineEdit.d.ts +56 -0
- package/cjs/InlineEdit/InlineEdit.js +98 -0
- package/cjs/InlineEdit/index.d.ts +3 -0
- package/cjs/InlineEdit/index.js +9 -0
- package/cjs/InlineEdit/renderChildren.d.ts +12 -0
- package/cjs/InlineEdit/renderChildren.js +40 -0
- package/cjs/InlineEdit/useEditState.d.ts +22 -0
- package/cjs/InlineEdit/useEditState.js +82 -0
- package/cjs/InlineEdit/useFocusEvent.d.ts +14 -0
- package/cjs/InlineEdit/useFocusEvent.js +61 -0
- package/cjs/Input/Input.js +6 -3
- package/cjs/InputNumber/InputNumber.d.ts +36 -11
- package/cjs/InputNumber/InputNumber.js +47 -28
- package/cjs/InputPicker/InputPicker.js +6 -5
- package/cjs/Pagination/LimitPicker.d.ts +15 -0
- package/cjs/Pagination/LimitPicker.js +51 -0
- package/cjs/Pagination/Pagination.js +7 -8
- package/cjs/Pagination/PaginationButton.js +3 -18
- package/cjs/Pagination/PaginationGroup.d.ts +35 -7
- package/cjs/Pagination/PaginationGroup.js +77 -98
- package/cjs/RangeSlider/RangeSlider.js +14 -11
- package/cjs/Slider/Handle.js +19 -62
- package/cjs/Slider/ProgressBar.js +2 -1
- package/cjs/Slider/Slider.d.ts +2 -0
- package/cjs/Slider/Slider.js +18 -12
- package/cjs/Slider/useDrag.d.ts +16 -0
- package/cjs/Slider/useDrag.js +88 -0
- package/cjs/Slider/utils.d.ts +6 -2
- package/cjs/Slider/utils.js +15 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +3 -1
- package/cjs/internals/Overlay/positionUtils.d.ts +1 -6
- package/cjs/internals/Picker/Listbox.d.ts +5 -1
- package/cjs/internals/Picker/Listbox.js +6 -5
- package/cjs/internals/Picker/hooks/usePickerRef.js +2 -0
- package/cjs/internals/Picker/types.d.ts +2 -0
- package/cjs/internals/symbols.d.ts +2 -0
- package/cjs/internals/symbols.js +9 -0
- package/cjs/locales/cs_CZ.d.ts +120 -0
- package/cjs/locales/cs_CZ.js +88 -0
- package/cjs/locales/index.d.ts +1 -0
- package/cjs/locales/index.js +4 -2
- package/cjs/utils/getDataGroupBy.d.ts +0 -1
- package/cjs/utils/getDataGroupBy.js +3 -5
- package/dist/rsuite-no-reset-rtl.css +94 -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 +94 -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 +94 -4
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +94 -4
- package/dist/rsuite.js +171 -61
- 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/Calendar/CalendarContainer.d.ts +4 -0
- package/esm/Calendar/CalendarContainer.js +3 -1
- package/esm/Calendar/TableCell.js +5 -4
- package/esm/Calendar/types.d.ts +1 -0
- package/esm/Cascader/DropdownMenu.js +3 -1
- package/esm/Cascader/TreeView.js +3 -1
- package/esm/DOMHelper/index.d.ts +23 -32
- package/esm/DatePicker/DatePicker.d.ts +6 -0
- package/esm/DatePicker/DatePicker.js +4 -3
- package/esm/DateRangePicker/DateRangePicker.js +8 -2
- package/esm/InlineEdit/EditableControls.d.ts +8 -0
- package/esm/InlineEdit/EditableControls.js +28 -0
- package/esm/InlineEdit/InlineEdit.d.ts +56 -0
- package/esm/InlineEdit/InlineEdit.js +92 -0
- package/esm/InlineEdit/index.d.ts +3 -0
- package/esm/InlineEdit/index.js +3 -0
- package/esm/InlineEdit/renderChildren.d.ts +12 -0
- package/esm/InlineEdit/renderChildren.js +34 -0
- package/esm/InlineEdit/useEditState.d.ts +22 -0
- package/esm/InlineEdit/useEditState.js +76 -0
- package/esm/InlineEdit/useFocusEvent.d.ts +14 -0
- package/esm/InlineEdit/useFocusEvent.js +56 -0
- package/esm/Input/Input.js +6 -3
- package/esm/InputNumber/InputNumber.d.ts +36 -11
- package/esm/InputNumber/InputNumber.js +49 -30
- package/esm/InputPicker/InputPicker.js +6 -5
- package/esm/Pagination/LimitPicker.d.ts +15 -0
- package/esm/Pagination/LimitPicker.js +44 -0
- package/esm/Pagination/Pagination.js +7 -7
- package/esm/Pagination/PaginationButton.js +4 -18
- package/esm/Pagination/PaginationGroup.d.ts +35 -7
- package/esm/Pagination/PaginationGroup.js +79 -98
- package/esm/RangeSlider/RangeSlider.js +15 -12
- package/esm/Slider/Handle.js +19 -61
- package/esm/Slider/ProgressBar.js +2 -1
- package/esm/Slider/Slider.d.ts +2 -0
- package/esm/Slider/Slider.js +20 -14
- package/esm/Slider/useDrag.d.ts +16 -0
- package/esm/Slider/useDrag.js +82 -0
- package/esm/Slider/utils.d.ts +6 -2
- package/esm/Slider/utils.js +15 -3
- package/esm/index.d.ts +2 -0
- package/esm/index.js +1 -0
- package/esm/internals/Overlay/positionUtils.d.ts +1 -6
- package/esm/internals/Picker/Listbox.d.ts +5 -1
- package/esm/internals/Picker/Listbox.js +7 -6
- package/esm/internals/Picker/hooks/usePickerRef.js +2 -0
- package/esm/internals/Picker/types.d.ts +2 -0
- package/esm/internals/symbols.d.ts +2 -0
- package/esm/internals/symbols.js +3 -0
- package/esm/locales/cs_CZ.d.ts +120 -0
- package/esm/locales/cs_CZ.js +82 -0
- package/esm/locales/index.d.ts +1 -0
- package/esm/locales/index.js +2 -1
- package/esm/utils/getDataGroupBy.d.ts +0 -1
- package/esm/utils/getDataGroupBy.js +2 -3
- package/locales/cs_CZ/package.json +7 -0
- package/package.json +2 -2
- package/styles/color-modes/dark.less +3 -0
- package/styles/color-modes/high-contrast.less +3 -0
- package/styles/color-modes/light.less +3 -0
- package/styles/index.less +1 -0
|
@@ -0,0 +1,88 @@
|
|
|
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 _react = require("react");
|
|
8
|
+
var _PointerMoveTracker = _interopRequireDefault(require("dom-lib/PointerMoveTracker"));
|
|
9
|
+
var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
|
|
10
|
+
var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
|
|
11
|
+
var _utils = require("../utils");
|
|
12
|
+
var useDrag = function useDrag(props) {
|
|
13
|
+
var rootRef = (0, _react.useRef)(null);
|
|
14
|
+
var tooltipRef = (0, _react.useRef)(null);
|
|
15
|
+
var tooltip = props.tooltip,
|
|
16
|
+
disabled = props.disabled,
|
|
17
|
+
onDragMove = props.onDragMove,
|
|
18
|
+
onDragEnd = props.onDragEnd,
|
|
19
|
+
onDragStart = props.onDragStart;
|
|
20
|
+
var _useState = (0, _react.useState)(false),
|
|
21
|
+
active = _useState[0],
|
|
22
|
+
setActive = _useState[1];
|
|
23
|
+
var moveTracker = (0, _react.useRef)();
|
|
24
|
+
|
|
25
|
+
// Release the move event
|
|
26
|
+
var releaseMoves = (0, _react.useCallback)(function () {
|
|
27
|
+
var _moveTracker$current;
|
|
28
|
+
(_moveTracker$current = moveTracker.current) === null || _moveTracker$current === void 0 ? void 0 : _moveTracker$current.releaseMoves();
|
|
29
|
+
moveTracker.current = null;
|
|
30
|
+
}, []);
|
|
31
|
+
var setTooltipPosition = (0, _react.useCallback)(function () {
|
|
32
|
+
var tooltipElement = tooltipRef.current;
|
|
33
|
+
if (tooltip && tooltipElement) {
|
|
34
|
+
var width = (0, _getWidth.default)(tooltipElement);
|
|
35
|
+
// Set the position of the tooltip
|
|
36
|
+
(0, _addStyle.default)(tooltipElement, 'left', "-" + width / 2 + "px");
|
|
37
|
+
}
|
|
38
|
+
}, [tooltip]);
|
|
39
|
+
var handleDragMove = (0, _utils.useEventCallback)(function (_deltaX, _deltaY, event) {
|
|
40
|
+
var _moveTracker$current2;
|
|
41
|
+
if ((_moveTracker$current2 = moveTracker.current) !== null && _moveTracker$current2 !== void 0 && _moveTracker$current2.isDragging()) {
|
|
42
|
+
var _rootRef$current;
|
|
43
|
+
onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
|
|
44
|
+
setTooltipPosition();
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
var handleDragEnd = (0, _utils.useEventCallback)(function (event) {
|
|
48
|
+
var _rootRef$current2;
|
|
49
|
+
setActive(false);
|
|
50
|
+
releaseMoves();
|
|
51
|
+
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
|
|
52
|
+
});
|
|
53
|
+
var getMouseMoveTracker = (0, _react.useCallback)(function () {
|
|
54
|
+
return moveTracker.current || new _PointerMoveTracker.default(document.body, {
|
|
55
|
+
onMove: handleDragMove,
|
|
56
|
+
onMoveEnd: handleDragEnd,
|
|
57
|
+
useTouchEvent: true
|
|
58
|
+
});
|
|
59
|
+
}, [handleDragEnd, handleDragMove]);
|
|
60
|
+
var onMoveStart = (0, _utils.useEventCallback)(function (event) {
|
|
61
|
+
var _moveTracker$current3, _rootRef$current3;
|
|
62
|
+
if (disabled) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
moveTracker.current = getMouseMoveTracker();
|
|
66
|
+
(_moveTracker$current3 = moveTracker.current) === null || _moveTracker$current3 === void 0 ? void 0 : _moveTracker$current3.captureMoves(event);
|
|
67
|
+
(_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();
|
|
68
|
+
setActive(true);
|
|
69
|
+
onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);
|
|
70
|
+
});
|
|
71
|
+
var onMouseEnter = (0, _utils.useEventCallback)(function () {
|
|
72
|
+
setTooltipPosition();
|
|
73
|
+
});
|
|
74
|
+
(0, _react.useEffect)(function () {
|
|
75
|
+
return function () {
|
|
76
|
+
releaseMoves();
|
|
77
|
+
};
|
|
78
|
+
}, [releaseMoves]);
|
|
79
|
+
return {
|
|
80
|
+
active: active,
|
|
81
|
+
rootRef: rootRef,
|
|
82
|
+
tooltipRef: tooltipRef,
|
|
83
|
+
onMoveStart: onMoveStart,
|
|
84
|
+
onMouseEnter: onMouseEnter
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
var _default = useDrag;
|
|
88
|
+
exports.default = _default;
|
package/cjs/Slider/utils.d.ts
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export declare const precisionMath: (value: any) => number;
|
|
2
|
-
declare function checkValue<T extends number | undefined>(value: T, min: number, max: number):
|
|
3
|
-
export
|
|
3
|
+
export declare function checkValue<T extends number | undefined | null>(value: T, min: number, max: number): number | T;
|
|
4
|
+
export declare function getPosition(e: React.MouseEvent | React.TouchEvent): {
|
|
5
|
+
pageX: number;
|
|
6
|
+
pageY: number;
|
|
7
|
+
};
|
package/cjs/Slider/utils.js
CHANGED
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
|
|
4
4
|
exports.__esModule = true;
|
|
5
5
|
exports.checkValue = checkValue;
|
|
6
|
+
exports.getPosition = getPosition;
|
|
6
7
|
exports.precisionMath = void 0;
|
|
7
8
|
var precisionMath = function precisionMath(value) {
|
|
8
9
|
return parseFloat(value.toFixed(10));
|
|
9
10
|
};
|
|
10
11
|
exports.precisionMath = precisionMath;
|
|
11
12
|
function checkValue(value, min, max) {
|
|
12
|
-
if (typeof value === 'undefined') {
|
|
13
|
+
if (typeof value === 'undefined' || value === null) {
|
|
13
14
|
return value;
|
|
14
15
|
}
|
|
15
16
|
if (value < min) {
|
|
@@ -19,4 +20,17 @@ function checkValue(value, min, max) {
|
|
|
19
20
|
return max;
|
|
20
21
|
}
|
|
21
22
|
return value;
|
|
23
|
+
}
|
|
24
|
+
function getPosition(e) {
|
|
25
|
+
var _event, _event2;
|
|
26
|
+
var event = 'touches' in e ? e.touches[0] : e;
|
|
27
|
+
|
|
28
|
+
// For touchend event, we need to use `changedTouches` instead of `touches`
|
|
29
|
+
if (e.type === 'touchend' && 'changedTouches' in e) {
|
|
30
|
+
event = e.changedTouches[0];
|
|
31
|
+
}
|
|
32
|
+
return {
|
|
33
|
+
pageX: ((_event = event) === null || _event === void 0 ? void 0 : _event.pageX) || 0,
|
|
34
|
+
pageY: ((_event2 = event) === null || _event2 === void 0 ? void 0 : _event2.pageY) || 0
|
|
35
|
+
};
|
|
22
36
|
}
|
package/cjs/index.d.ts
CHANGED
|
@@ -108,6 +108,8 @@ export { default as RangeSlider } from './RangeSlider';
|
|
|
108
108
|
export type { RangeSliderProps } from './RangeSlider';
|
|
109
109
|
export { default as Rate } from './Rate';
|
|
110
110
|
export type { RateProps } from './Rate';
|
|
111
|
+
export { default as InlineEdit } from './InlineEdit';
|
|
112
|
+
export type { InlineEditProps } from './InlineEdit';
|
|
111
113
|
export { default as Tree } from './Tree';
|
|
112
114
|
export type { TreeProps } from './Tree';
|
|
113
115
|
export { default as CheckTree } from './CheckTree';
|
package/cjs/index.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
5
5
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
exports.__esModule = true;
|
|
7
|
-
exports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
|
|
7
|
+
exports.useFormClassNames = exports.useToaster = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
|
|
8
8
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
9
9
|
exports.Button = _Button.default;
|
|
10
10
|
var _IconButton = _interopRequireDefault(require("./IconButton"));
|
|
@@ -117,6 +117,8 @@ var _RangeSlider = _interopRequireDefault(require("./RangeSlider"));
|
|
|
117
117
|
exports.RangeSlider = _RangeSlider.default;
|
|
118
118
|
var _Rate = _interopRequireDefault(require("./Rate"));
|
|
119
119
|
exports.Rate = _Rate.default;
|
|
120
|
+
var _InlineEdit = _interopRequireDefault(require("./InlineEdit"));
|
|
121
|
+
exports.InlineEdit = _InlineEdit.default;
|
|
120
122
|
var _Tree = _interopRequireDefault(require("./Tree"));
|
|
121
123
|
exports.Tree = _Tree.default;
|
|
122
124
|
var _CheckTree = _interopRequireDefault(require("./CheckTree"));
|
|
@@ -30,12 +30,7 @@ export interface Dimensions {
|
|
|
30
30
|
scrollY: number;
|
|
31
31
|
}
|
|
32
32
|
declare const _default: (props: UtilProps) => {
|
|
33
|
-
getPosition(target: HTMLElement, container: HTMLElement):
|
|
34
|
-
top: number;
|
|
35
|
-
left: number;
|
|
36
|
-
height: number;
|
|
37
|
-
width: number;
|
|
38
|
-
} | DOMRect | null;
|
|
33
|
+
getPosition(target: HTMLElement, container: HTMLElement): import("dom-lib/getOffset").Offset | DOMRect | null;
|
|
39
34
|
getCursorOffsetPosition(target: HTMLElement, container: HTMLElement, cursorPosition: CursorPosition): Offset;
|
|
40
35
|
calcAutoPlacement(targetOffset: any, container: any, overlay: any): any;
|
|
41
36
|
calcOverlayPosition(overlayNode: HTMLElement, target: HTMLElement, container: HTMLElement, cursorPosition?: CursorPosition | null): PositionType;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ListProps, ListHandle } from '../../internals/Windowing';
|
|
3
3
|
import { StandardProps, ItemDataType } from '../../@types/common';
|
|
4
|
+
import { RSUITE_PICKER_GROUP_KEY } from '../../internals/symbols';
|
|
5
|
+
interface InnerItemDataType extends ItemDataType {
|
|
6
|
+
[RSUITE_PICKER_GROUP_KEY]?: boolean;
|
|
7
|
+
}
|
|
4
8
|
export interface ListboxProps<Multiple = false> extends StandardProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
5
9
|
classPrefix: string;
|
|
6
|
-
data?:
|
|
10
|
+
data?: InnerItemDataType[];
|
|
7
11
|
group?: boolean;
|
|
8
12
|
groupBy?: string;
|
|
9
13
|
disabledItemValues?: any[];
|
|
@@ -24,6 +24,7 @@ var _utils = require("../../utils");
|
|
|
24
24
|
var _ListItemGroup = _interopRequireDefault(require("./ListItemGroup"));
|
|
25
25
|
var _getDataGroupBy = require("../../utils/getDataGroupBy");
|
|
26
26
|
var _useCombobox2 = _interopRequireDefault(require("./hooks/useCombobox"));
|
|
27
|
+
var _symbols = require("../../internals/symbols");
|
|
27
28
|
var _this = void 0;
|
|
28
29
|
var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
29
30
|
var _props$data = props.data,
|
|
@@ -92,7 +93,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
92
93
|
});
|
|
93
94
|
var getRowHeight = function getRowHeight(list, index) {
|
|
94
95
|
var item = list[index];
|
|
95
|
-
if (group && item[
|
|
96
|
+
if (group && item[_symbols.RSUITE_PICKER_GROUP_KEY] && index !== 0) {
|
|
96
97
|
return rowGroupHeight;
|
|
97
98
|
}
|
|
98
99
|
return rowHeight;
|
|
@@ -121,7 +122,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
121
122
|
var filteredItems = group ? data.filter(function (item) {
|
|
122
123
|
var _item$parent;
|
|
123
124
|
// Display group title items
|
|
124
|
-
if (item[
|
|
125
|
+
if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;
|
|
125
126
|
|
|
126
127
|
// Display items under the unfolded group
|
|
127
128
|
// FIXME-Doma
|
|
@@ -145,7 +146,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
145
146
|
var item = itemData || data[index];
|
|
146
147
|
var value = item[valueKey];
|
|
147
148
|
var label = item[labelKey];
|
|
148
|
-
if ((0, _isUndefined.default)(label) && !item[
|
|
149
|
+
if ((0, _isUndefined.default)(label) && !item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
|
|
149
150
|
throw Error("labelKey \"" + labelKey + "\" is not defined in \"data\" : " + index);
|
|
150
151
|
}
|
|
151
152
|
|
|
@@ -156,7 +157,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
156
157
|
* Render <ListboxGroup>
|
|
157
158
|
* when if `group` is enabled
|
|
158
159
|
*/
|
|
159
|
-
if (group && item[
|
|
160
|
+
if (group && item[_symbols.RSUITE_PICKER_GROUP_KEY]) {
|
|
160
161
|
var groupValue = item[_getDataGroupBy.KEY_GROUP_TITLE];
|
|
161
162
|
// TODO: grouped options should be owned by group
|
|
162
163
|
return /*#__PURE__*/_react.default.createElement(_ListItemGroup.default, {
|
|
@@ -170,7 +171,7 @@ var Listbox = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
170
171
|
key: "group-" + groupValue,
|
|
171
172
|
onClick: handleGroupTitleClick.bind(null, groupValue)
|
|
172
173
|
}, renderMenuGroup ? renderMenuGroup(groupValue, item) : groupValue);
|
|
173
|
-
} else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[
|
|
174
|
+
} else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_symbols.RSUITE_PICKER_GROUP_KEY])) {
|
|
174
175
|
throw Error("valueKey \"" + valueKey + "\" is not defined in \"data\" : " + index + " ");
|
|
175
176
|
}
|
|
176
177
|
var disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(function (disabledValue) {
|
|
@@ -6,6 +6,7 @@ exports.__esModule = true;
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _useEventCallback = _interopRequireDefault(require("../../../utils/useEventCallback"));
|
|
9
|
+
var _symbols = require("../../../internals/symbols");
|
|
9
10
|
/**
|
|
10
11
|
* A hook of the exposed method of Picker
|
|
11
12
|
*/
|
|
@@ -69,6 +70,7 @@ function usePickerRef(ref, parmas) {
|
|
|
69
70
|
}
|
|
70
71
|
return list === null || list === void 0 ? void 0 : list.current;
|
|
71
72
|
},
|
|
73
|
+
type: _symbols.RSUITE_PICKER_TYPE,
|
|
72
74
|
updatePosition: handleUpdatePosition,
|
|
73
75
|
open: handleOpen,
|
|
74
76
|
close: handleClose
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RsRefForwardingComponent } from '../../@types/common';
|
|
3
3
|
import type { ListHandle } from '../../internals/Windowing';
|
|
4
|
+
import { RSUITE_PICKER_TYPE } from '../../internals/symbols';
|
|
4
5
|
export interface PickerHandle {
|
|
6
|
+
type?: typeof RSUITE_PICKER_TYPE;
|
|
5
7
|
root: HTMLElement | null;
|
|
6
8
|
list?: ListHandle;
|
|
7
9
|
overlay?: HTMLElement | null;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.RSUITE_PICKER_GROUP_KEY = exports.RSUITE_PICKER_TYPE = void 0;
|
|
6
|
+
var RSUITE_PICKER_TYPE = Symbol.for('rsuite.picker');
|
|
7
|
+
exports.RSUITE_PICKER_TYPE = RSUITE_PICKER_TYPE;
|
|
8
|
+
var RSUITE_PICKER_GROUP_KEY = Symbol.for('rsuite.picker_group_key');
|
|
9
|
+
exports.RSUITE_PICKER_GROUP_KEY = RSUITE_PICKER_GROUP_KEY;
|
|
@@ -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: any;
|
|
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: any;
|
|
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: any;
|
|
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,88 @@
|
|
|
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 _cs = _interopRequireDefault(require("date-fns/locale/cs"));
|
|
9
|
+
var Calendar = {
|
|
10
|
+
sunday: 'Ne',
|
|
11
|
+
monday: 'Po',
|
|
12
|
+
tuesday: 'Út',
|
|
13
|
+
wednesday: 'St',
|
|
14
|
+
thursday: 'Čt',
|
|
15
|
+
friday: 'Pá',
|
|
16
|
+
saturday: 'So',
|
|
17
|
+
ok: 'OK',
|
|
18
|
+
today: 'Dnes',
|
|
19
|
+
yesterday: 'Včera',
|
|
20
|
+
hours: 'Hodiny',
|
|
21
|
+
minutes: 'Minuty',
|
|
22
|
+
seconds: 'Sekundy',
|
|
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: _cs.default
|
|
30
|
+
};
|
|
31
|
+
var _default = {
|
|
32
|
+
common: {
|
|
33
|
+
loading: 'Načítaní...',
|
|
34
|
+
emptyMessage: 'Nejsou k dispozici žádné data',
|
|
35
|
+
remove: 'Odstarnit',
|
|
36
|
+
clear: 'Vymazat'
|
|
37
|
+
},
|
|
38
|
+
Plaintext: {
|
|
39
|
+
unfilled: 'Nevyplněno',
|
|
40
|
+
notSelected: 'Nevybráno',
|
|
41
|
+
notUploaded: 'Nenahráno'
|
|
42
|
+
},
|
|
43
|
+
Pagination: {
|
|
44
|
+
more: 'Víc',
|
|
45
|
+
prev: 'Předchozí',
|
|
46
|
+
next: 'Další',
|
|
47
|
+
first: 'První',
|
|
48
|
+
last: 'Poslední',
|
|
49
|
+
limit: '{0} / stránku',
|
|
50
|
+
total: 'Celkový počet řádků : {0}',
|
|
51
|
+
skip: 'Jít na {0}'
|
|
52
|
+
},
|
|
53
|
+
Calendar: Calendar,
|
|
54
|
+
DatePicker: (0, _extends2.default)({}, Calendar),
|
|
55
|
+
DateRangePicker: (0, _extends2.default)({}, Calendar, {
|
|
56
|
+
last7Days: 'Posledních 7 dní'
|
|
57
|
+
}),
|
|
58
|
+
Picker: {
|
|
59
|
+
noResultsText: 'Nenalezeny žádné výsledky',
|
|
60
|
+
placeholder: 'Vybrat',
|
|
61
|
+
searchPlaceholder: 'Vyhledat',
|
|
62
|
+
checkAll: 'Vybrat vše'
|
|
63
|
+
},
|
|
64
|
+
InputPicker: {
|
|
65
|
+
newItem: 'Nová položka ',
|
|
66
|
+
createOption: 'Vytvořit možnost "{0}"'
|
|
67
|
+
},
|
|
68
|
+
Uploader: {
|
|
69
|
+
inited: 'Púvodní',
|
|
70
|
+
progress: 'Nahrávání',
|
|
71
|
+
error: 'Error',
|
|
72
|
+
complete: 'Dokočeno',
|
|
73
|
+
emptyFile: 'Prázdný soubor',
|
|
74
|
+
upload: 'Nahrát',
|
|
75
|
+
removeFile: 'Odstranit soubor'
|
|
76
|
+
},
|
|
77
|
+
CloseButton: {
|
|
78
|
+
closeLabel: 'Zavřít'
|
|
79
|
+
},
|
|
80
|
+
Breadcrumb: {
|
|
81
|
+
expandText: 'Zobrazit cestu'
|
|
82
|
+
},
|
|
83
|
+
Toggle: {
|
|
84
|
+
on: 'Otevřít',
|
|
85
|
+
off: 'Zavřít'
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
exports.default = _default;
|
package/cjs/locales/index.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export { default as faIR } from './fa_IR';
|
|
|
22
22
|
export { default as frFR } from './fr_FR';
|
|
23
23
|
export { default as jaJP } from './ja_JP';
|
|
24
24
|
export { default as neNP } from './ne_NP';
|
|
25
|
+
export { default as csCZ } from './cs_CZ';
|
|
25
26
|
declare type PickKeys<T> = {
|
|
26
27
|
[keys in keyof T]?: T[keys];
|
|
27
28
|
};
|
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.neNP = exports.jaJP = exports.frFR = exports.faIR = exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.koKR = exports.kkKZ = exports.itIT = exports.huHU = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
|
|
6
|
+
exports.csCZ = exports.neNP = exports.jaJP = exports.frFR = exports.faIR = exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.nlNL = exports.koKR = exports.kkKZ = exports.itIT = exports.huHU = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = 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"));
|
|
@@ -49,4 +49,6 @@ exports.frFR = _fr_FR.default;
|
|
|
49
49
|
var _ja_JP = _interopRequireDefault(require("./ja_JP"));
|
|
50
50
|
exports.jaJP = _ja_JP.default;
|
|
51
51
|
var _ne_NP = _interopRequireDefault(require("./ne_NP"));
|
|
52
|
-
exports.neNP = _ne_NP.default;
|
|
52
|
+
exports.neNP = _ne_NP.default;
|
|
53
|
+
var _cs_CZ = _interopRequireDefault(require("./cs_CZ"));
|
|
54
|
+
exports.csCZ = _cs_CZ.default;
|
|
@@ -4,12 +4,10 @@
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
exports.getDataGroupBy = getDataGroupBy;
|
|
7
|
-
exports.KEY_GROUP_TITLE =
|
|
7
|
+
exports.KEY_GROUP_TITLE = void 0;
|
|
8
8
|
var _groupBy2 = _interopRequireDefault(require("lodash/groupBy"));
|
|
9
9
|
var _treeUtils = require("../utils/treeUtils");
|
|
10
|
-
var
|
|
11
|
-
var KEY_GROUP = hasSymbol ? Symbol('_$grouped') : '_$grouped';
|
|
12
|
-
exports.KEY_GROUP = KEY_GROUP;
|
|
10
|
+
var _symbols = require("../internals/symbols");
|
|
13
11
|
var KEY_GROUP_TITLE = 'groupTitle';
|
|
14
12
|
exports.KEY_GROUP_TITLE = KEY_GROUP_TITLE;
|
|
15
13
|
function getDataGroupBy(data, key, sort) {
|
|
@@ -21,7 +19,7 @@ function getDataGroupBy(data, key, sort) {
|
|
|
21
19
|
children = _ref[1];
|
|
22
20
|
return _ref2 = {
|
|
23
21
|
children: isSort ? children.sort(sort(false)) : children
|
|
24
|
-
}, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[
|
|
22
|
+
}, _ref2[KEY_GROUP_TITLE] = groupTitle, _ref2[_symbols.RSUITE_PICKER_GROUP_KEY] = true, _ref2;
|
|
25
23
|
});
|
|
26
24
|
if (isSort) {
|
|
27
25
|
groups.sort(sort(true));
|