rsuite 5.54.0 → 5.55.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/Calendar/styles/index.css +3 -0
- package/Calendar/styles/index.less +3 -1
- package/DatePicker/styles/index.css +7 -2
- package/DatePicker/styles/index.less +5 -2
- package/DateRangePicker/styles/index.css +19 -11
- package/DateRangePicker/styles/index.less +5 -1
- package/Message/styles/index.css +1 -1
- package/Nav/styles/index.css +1 -2
- package/Nav/styles/index.less +1 -2
- package/Pagination/styles/index.css +3 -0
- package/Pagination/styles/pagination-group.less +4 -0
- package/Tabs/styles/index.css +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 +4 -3
- package/cjs/InputNumber/InputNumber.d.ts +36 -11
- package/cjs/InputNumber/InputNumber.js +47 -28
- 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.js +14 -10
- 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/internals/Overlay/positionUtils.d.ts +1 -6
- 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/dist/rsuite-no-reset-rtl.css +24 -14
- 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 +24 -14
- package/dist/rsuite-no-reset.min.css +1 -1
- package/dist/rsuite-no-reset.min.css.map +1 -1
- package/dist/rsuite-rtl.css +24 -14
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +24 -14
- package/dist/rsuite.js +88 -55
- 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 +4 -3
- package/esm/InputNumber/InputNumber.d.ts +36 -11
- package/esm/InputNumber/InputNumber.js +49 -30
- 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.js +16 -12
- 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/internals/Overlay/positionUtils.d.ts +1 -6
- 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/locales/cs_CZ/package.json +7 -0
- package/package.json +2 -2
- package/styles/variables.less +1 -1
|
@@ -33,17 +33,17 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
33
33
|
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
34
34
|
barClassName = props.barClassName,
|
|
35
35
|
className = props.className,
|
|
36
|
+
_props$classPrefix = props.classPrefix,
|
|
37
|
+
classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
|
|
36
38
|
constraint = props.constraint,
|
|
37
39
|
_props$defaultValue = props.defaultValue,
|
|
38
40
|
defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
|
|
41
|
+
disabled = props.disabled,
|
|
39
42
|
graduated = props.graduated,
|
|
40
43
|
_props$progress = props.progress,
|
|
41
44
|
progress = _props$progress === void 0 ? true : _props$progress,
|
|
42
45
|
vertical = props.vertical,
|
|
43
|
-
disabled = props.disabled,
|
|
44
46
|
readOnly = props.readOnly,
|
|
45
|
-
_props$classPrefix = props.classPrefix,
|
|
46
|
-
classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
|
|
47
47
|
_props$min = props.min,
|
|
48
48
|
min = _props$min === void 0 ? 0 : _props$min,
|
|
49
49
|
_props$max = props.max,
|
|
@@ -61,7 +61,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
61
61
|
renderMark = props.renderMark,
|
|
62
62
|
onChange = props.onChange,
|
|
63
63
|
onChangeCommitted = props.onChangeCommitted,
|
|
64
|
-
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "
|
|
64
|
+
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "classPrefix", "constraint", "defaultValue", "disabled", "graduated", "progress", "vertical", "readOnly", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
|
|
65
65
|
var barRef = (0, _react.useRef)(null);
|
|
66
66
|
|
|
67
67
|
// Define the parameter position of the handle
|
|
@@ -122,7 +122,10 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
122
122
|
}, [count, getBarHeight, getBarWidth, step, vertical]);
|
|
123
123
|
var getValueByPosition = (0, _react.useCallback)(function (event) {
|
|
124
124
|
var barOffset = (0, _getOffset.default)(barRef.current);
|
|
125
|
-
var
|
|
125
|
+
var _getPosition = (0, _utils2.getPosition)(event),
|
|
126
|
+
pageX = _getPosition.pageX,
|
|
127
|
+
pageY = _getPosition.pageY;
|
|
128
|
+
var offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;
|
|
126
129
|
var val = rtl && !vertical ? barOffset.width - offset : offset;
|
|
127
130
|
return getValueByOffset(val) + min;
|
|
128
131
|
}, [getValueByOffset, min, rtl, vertical]);
|
|
@@ -187,7 +190,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
187
190
|
/**
|
|
188
191
|
* Callback function that is fired when the mouseup is triggered
|
|
189
192
|
*/
|
|
190
|
-
var handleChangeCommitted = (0,
|
|
193
|
+
var handleChangeCommitted = (0, _utils.useEventCallback)(function (event, dataset) {
|
|
191
194
|
if (disabled || readOnly) {
|
|
192
195
|
return;
|
|
193
196
|
}
|
|
@@ -196,8 +199,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
196
199
|
setValue(nextValue);
|
|
197
200
|
onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
|
|
198
201
|
}
|
|
199
|
-
}
|
|
200
|
-
var handleKeyDown = (0,
|
|
202
|
+
});
|
|
203
|
+
var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
|
|
201
204
|
var _event$target;
|
|
202
205
|
var _event$target$dataset = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target['dataset'],
|
|
203
206
|
key = _event$target$dataset.key;
|
|
@@ -236,8 +239,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
236
239
|
setValue(nextValue);
|
|
237
240
|
onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
|
|
238
241
|
}
|
|
239
|
-
}
|
|
240
|
-
var handleBarClick = (0,
|
|
242
|
+
});
|
|
243
|
+
var handleBarClick = (0, _utils.useEventCallback)(function (event) {
|
|
241
244
|
if (disabled || readOnly) {
|
|
242
245
|
return;
|
|
243
246
|
}
|
|
@@ -259,7 +262,7 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
259
262
|
onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
|
|
260
263
|
onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
|
|
261
264
|
}
|
|
262
|
-
}
|
|
265
|
+
});
|
|
263
266
|
var handleProps = (0, _react.useMemo)(function () {
|
|
264
267
|
return [{
|
|
265
268
|
value: value[0],
|
package/cjs/Slider/Handle.js
CHANGED
|
@@ -1,20 +1,17 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
5
|
exports.__esModule = true;
|
|
7
6
|
exports.default = void 0;
|
|
8
7
|
var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
8
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
-
var _react =
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var _DOMMouseMoveTracker = _interopRequireDefault(require("dom-lib/DOMMouseMoveTracker"));
|
|
13
|
-
var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
|
|
14
|
-
var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
|
|
15
11
|
var _Tooltip = _interopRequireDefault(require("../Tooltip"));
|
|
16
12
|
var _utils = require("../utils");
|
|
17
13
|
var _Input = _interopRequireDefault(require("./Input"));
|
|
14
|
+
var _useDrag2 = _interopRequireDefault(require("./useDrag"));
|
|
18
15
|
var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
19
16
|
var _extends2;
|
|
20
17
|
var _props$as = props.as,
|
|
@@ -40,80 +37,40 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
40
37
|
dataRange = props['data-range'],
|
|
41
38
|
dateKey = props['data-key'],
|
|
42
39
|
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"]);
|
|
43
|
-
var _useState = (0, _react.useState)(false),
|
|
44
|
-
active = _useState[0],
|
|
45
|
-
setActive = _useState[1];
|
|
46
|
-
var rootRef = (0, _react.useRef)(null);
|
|
47
40
|
var horizontalKey = rtl ? 'right' : 'left';
|
|
48
41
|
var direction = vertical ? 'bottom' : horizontalKey;
|
|
49
42
|
var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
|
|
50
43
|
var _useClassNames = (0, _utils.useClassNames)(classPrefix),
|
|
51
44
|
merge = _useClassNames.merge,
|
|
52
45
|
prefix = _useClassNames.prefix;
|
|
46
|
+
var _useDrag = (0, _useDrag2.default)({
|
|
47
|
+
tooltip: tooltip,
|
|
48
|
+
disabled: disabled,
|
|
49
|
+
onDragStart: onDragStart,
|
|
50
|
+
onDragMove: onDragMove,
|
|
51
|
+
onDragEnd: onDragEnd
|
|
52
|
+
}),
|
|
53
|
+
active = _useDrag.active,
|
|
54
|
+
onMoveStart = _useDrag.onMoveStart,
|
|
55
|
+
onMouseEnter = _useDrag.onMouseEnter,
|
|
56
|
+
rootRef = _useDrag.rootRef,
|
|
57
|
+
tooltipRef = _useDrag.tooltipRef;
|
|
53
58
|
var handleClasses = merge(className, prefix('handle'), {
|
|
54
59
|
active: active
|
|
55
60
|
});
|
|
56
|
-
var tooltipRef = (0, _react.useRef)(null);
|
|
57
|
-
var mouseMoveTracker = (0, _react.useRef)();
|
|
58
|
-
var releaseMouseMoves = (0, _react.useCallback)(function () {
|
|
59
|
-
var _mouseMoveTracker$cur;
|
|
60
|
-
(_mouseMoveTracker$cur = mouseMoveTracker.current) === null || _mouseMoveTracker$cur === void 0 ? void 0 : _mouseMoveTracker$cur.releaseMouseMoves();
|
|
61
|
-
mouseMoveTracker.current = null;
|
|
62
|
-
}, []);
|
|
63
|
-
var setTooltipPosition = (0, _react.useCallback)(function () {
|
|
64
|
-
var tooltipElement = tooltipRef.current;
|
|
65
|
-
if (tooltip && tooltipElement) {
|
|
66
|
-
var width = (0, _getWidth.default)(tooltipElement);
|
|
67
|
-
(0, _addStyle.default)(tooltipElement, 'left', "-" + width / 2 + "px");
|
|
68
|
-
}
|
|
69
|
-
}, [tooltip]);
|
|
70
|
-
var handleDragMove = (0, _react.useCallback)(function (_deltaX, _deltaY, event) {
|
|
71
|
-
var _mouseMoveTracker$cur2;
|
|
72
|
-
if ((_mouseMoveTracker$cur2 = mouseMoveTracker.current) !== null && _mouseMoveTracker$cur2 !== void 0 && _mouseMoveTracker$cur2.isDragging()) {
|
|
73
|
-
var _rootRef$current;
|
|
74
|
-
onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
|
|
75
|
-
setTooltipPosition();
|
|
76
|
-
}
|
|
77
|
-
}, [onDragMove, setTooltipPosition]);
|
|
78
|
-
var handleDragEnd = (0, _react.useCallback)(function (event) {
|
|
79
|
-
var _rootRef$current2;
|
|
80
|
-
setActive(false);
|
|
81
|
-
releaseMouseMoves();
|
|
82
|
-
onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
|
|
83
|
-
}, [onDragEnd, releaseMouseMoves]);
|
|
84
|
-
var getMouseMoveTracker = (0, _react.useCallback)(function () {
|
|
85
|
-
return mouseMoveTracker.current || new _DOMMouseMoveTracker.default(handleDragMove, handleDragEnd, document.body);
|
|
86
|
-
}, [handleDragEnd, handleDragMove]);
|
|
87
|
-
var handleMouseDown = (0, _react.useCallback)(function (event) {
|
|
88
|
-
var _mouseMoveTracker$cur3, _rootRef$current3;
|
|
89
|
-
if (disabled) {
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
mouseMoveTracker.current = getMouseMoveTracker();
|
|
93
|
-
(_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);
|
|
94
|
-
(_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();
|
|
95
|
-
setActive(true);
|
|
96
|
-
onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);
|
|
97
|
-
}, [disabled, getMouseMoveTracker, onDragStart]);
|
|
98
|
-
var handleMouseEnter = (0, _react.useCallback)(function () {
|
|
99
|
-
setTooltipPosition();
|
|
100
|
-
}, [setTooltipPosition]);
|
|
101
|
-
(0, _react.useEffect)(function () {
|
|
102
|
-
return function () {
|
|
103
|
-
releaseMouseMoves();
|
|
104
|
-
};
|
|
105
|
-
}, [releaseMouseMoves]);
|
|
106
61
|
return /*#__PURE__*/_react.default.createElement(Component, {
|
|
107
62
|
role: role,
|
|
108
63
|
tabIndex: tabIndex,
|
|
109
64
|
ref: (0, _utils.mergeRefs)(ref, rootRef),
|
|
110
65
|
className: handleClasses,
|
|
111
|
-
onMouseDown:
|
|
112
|
-
onMouseEnter:
|
|
66
|
+
onMouseDown: onMoveStart,
|
|
67
|
+
onMouseEnter: onMouseEnter,
|
|
68
|
+
onTouchStart: onMoveStart,
|
|
113
69
|
onKeyDown: onKeyDown,
|
|
114
70
|
style: styles,
|
|
115
71
|
"data-range": dataRange,
|
|
116
|
-
"data-key": dateKey
|
|
72
|
+
"data-key": dateKey,
|
|
73
|
+
"data-testid": "slider-handle"
|
|
117
74
|
}, tooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
118
75
|
"aria-hidden": "true",
|
|
119
76
|
ref: tooltipRef,
|
|
@@ -33,7 +33,8 @@ var ProgressBar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
33
33
|
return /*#__PURE__*/_react.default.createElement(Component, {
|
|
34
34
|
ref: ref,
|
|
35
35
|
style: styles,
|
|
36
|
-
className: classes
|
|
36
|
+
className: classes,
|
|
37
|
+
"data-testid": "slider-progress-bar"
|
|
37
38
|
});
|
|
38
39
|
});
|
|
39
40
|
ProgressBar.displayName = 'ProgressBar';
|
package/cjs/Slider/Slider.js
CHANGED
|
@@ -146,7 +146,10 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
146
146
|
*/
|
|
147
147
|
var getValueByPosition = (0, _react.useCallback)(function (event) {
|
|
148
148
|
var barOffset = (0, _getOffset.default)(barRef.current);
|
|
149
|
-
var
|
|
149
|
+
var _getPosition = (0, _utils2.getPosition)(event),
|
|
150
|
+
pageX = _getPosition.pageX,
|
|
151
|
+
pageY = _getPosition.pageY;
|
|
152
|
+
var offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;
|
|
150
153
|
var offsetValue = rtl && !vertical ? barOffset.width - offset : offset;
|
|
151
154
|
return getValueByOffset(offsetValue) + min;
|
|
152
155
|
}, [getValueByOffset, min, rtl, vertical]);
|
|
@@ -154,30 +157,30 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
154
157
|
/**
|
|
155
158
|
* Callback function that is fired when the mousemove is triggered
|
|
156
159
|
*/
|
|
157
|
-
var handleChangeValue = (0,
|
|
160
|
+
var handleChangeValue = (0, _utils.useEventCallback)(function (event) {
|
|
158
161
|
if (disabled || readOnly) {
|
|
159
162
|
return;
|
|
160
163
|
}
|
|
161
164
|
var nextValue = getValidValue(getValueByPosition(event));
|
|
162
165
|
setValue(nextValue);
|
|
163
166
|
onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
|
|
164
|
-
}
|
|
167
|
+
});
|
|
165
168
|
|
|
166
169
|
/**
|
|
167
170
|
* Callback function that is fired when the mouseup is triggered
|
|
168
171
|
*/
|
|
169
|
-
var handleChangeCommitted = (0,
|
|
172
|
+
var handleChangeCommitted = (0, _utils.useEventCallback)(function (event) {
|
|
170
173
|
if (disabled || readOnly) {
|
|
171
174
|
return;
|
|
172
175
|
}
|
|
173
176
|
var nextValue = getValidValue(getValueByPosition(event));
|
|
174
177
|
onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
|
|
175
|
-
}
|
|
176
|
-
var handleClickBar = (0,
|
|
178
|
+
});
|
|
179
|
+
var handleClickBar = (0, _utils.useEventCallback)(function (event) {
|
|
177
180
|
handleChangeValue(event);
|
|
178
181
|
handleChangeCommitted(event);
|
|
179
|
-
}
|
|
180
|
-
var handleKeyDown = (0,
|
|
182
|
+
});
|
|
183
|
+
var handleKeyDown = (0, _utils.useEventCallback)(function (event) {
|
|
181
184
|
var nextValue;
|
|
182
185
|
var increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
|
|
183
186
|
var decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';
|
|
@@ -204,7 +207,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
204
207
|
event.preventDefault();
|
|
205
208
|
setValue(nextValue);
|
|
206
209
|
onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
|
|
207
|
-
}
|
|
210
|
+
});
|
|
208
211
|
if (plaintext) {
|
|
209
212
|
return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
|
|
210
213
|
localeKey: "notSelected",
|
|
@@ -219,7 +222,8 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
219
222
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
220
223
|
ref: barRef,
|
|
221
224
|
className: merge(barClassName, prefix('bar')),
|
|
222
|
-
onClick: handleClickBar
|
|
225
|
+
onClick: handleClickBar,
|
|
226
|
+
"data-testid": "slider-bar"
|
|
223
227
|
}, progress && /*#__PURE__*/_react.default.createElement(_ProgressBar.default, {
|
|
224
228
|
rtl: rtl,
|
|
225
229
|
vertical: vertical,
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface DragProps {
|
|
3
|
+
tooltip?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onDragStart?: (event: React.MouseEvent) => void;
|
|
6
|
+
onDragMove?: (event: React.DragEvent, dataset?: DOMStringMap) => void;
|
|
7
|
+
onDragEnd?: (event: React.MouseEvent, dataset?: DOMStringMap) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const useDrag: (props: DragProps) => {
|
|
10
|
+
active: boolean;
|
|
11
|
+
rootRef: import("react").RefObject<HTMLDivElement>;
|
|
12
|
+
tooltipRef: import("react").RefObject<HTMLDivElement>;
|
|
13
|
+
onMoveStart: (...args: any[]) => any;
|
|
14
|
+
onMouseEnter: (...args: any[]) => any;
|
|
15
|
+
};
|
|
16
|
+
export default useDrag;
|
|
@@ -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
|
}
|
|
@@ -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;
|
|
@@ -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
|
};
|