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.
Files changed (94) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/Calendar/styles/index.css +3 -0
  3. package/Calendar/styles/index.less +3 -1
  4. package/DatePicker/styles/index.css +7 -2
  5. package/DatePicker/styles/index.less +5 -2
  6. package/DateRangePicker/styles/index.css +19 -11
  7. package/DateRangePicker/styles/index.less +5 -1
  8. package/Message/styles/index.css +1 -1
  9. package/Nav/styles/index.css +1 -2
  10. package/Nav/styles/index.less +1 -2
  11. package/Pagination/styles/index.css +3 -0
  12. package/Pagination/styles/pagination-group.less +4 -0
  13. package/Tabs/styles/index.css +1 -2
  14. package/cjs/Calendar/CalendarContainer.d.ts +4 -0
  15. package/cjs/Calendar/CalendarContainer.js +3 -1
  16. package/cjs/Calendar/TableCell.js +3 -2
  17. package/cjs/Calendar/types.d.ts +1 -0
  18. package/cjs/Cascader/DropdownMenu.js +3 -1
  19. package/cjs/Cascader/TreeView.js +3 -1
  20. package/cjs/DOMHelper/index.d.ts +23 -32
  21. package/cjs/DatePicker/DatePicker.d.ts +6 -0
  22. package/cjs/DatePicker/DatePicker.js +4 -3
  23. package/cjs/DateRangePicker/DateRangePicker.js +4 -3
  24. package/cjs/InputNumber/InputNumber.d.ts +36 -11
  25. package/cjs/InputNumber/InputNumber.js +47 -28
  26. package/cjs/Pagination/LimitPicker.d.ts +15 -0
  27. package/cjs/Pagination/LimitPicker.js +51 -0
  28. package/cjs/Pagination/Pagination.js +7 -8
  29. package/cjs/Pagination/PaginationButton.js +3 -18
  30. package/cjs/Pagination/PaginationGroup.d.ts +35 -7
  31. package/cjs/Pagination/PaginationGroup.js +77 -98
  32. package/cjs/RangeSlider/RangeSlider.js +14 -11
  33. package/cjs/Slider/Handle.js +19 -62
  34. package/cjs/Slider/ProgressBar.js +2 -1
  35. package/cjs/Slider/Slider.js +14 -10
  36. package/cjs/Slider/useDrag.d.ts +16 -0
  37. package/cjs/Slider/useDrag.js +88 -0
  38. package/cjs/Slider/utils.d.ts +6 -2
  39. package/cjs/Slider/utils.js +15 -1
  40. package/cjs/internals/Overlay/positionUtils.d.ts +1 -6
  41. package/cjs/locales/cs_CZ.d.ts +120 -0
  42. package/cjs/locales/cs_CZ.js +88 -0
  43. package/cjs/locales/index.d.ts +1 -0
  44. package/cjs/locales/index.js +4 -2
  45. package/dist/rsuite-no-reset-rtl.css +24 -14
  46. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  47. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  48. package/dist/rsuite-no-reset.css +24 -14
  49. package/dist/rsuite-no-reset.min.css +1 -1
  50. package/dist/rsuite-no-reset.min.css.map +1 -1
  51. package/dist/rsuite-rtl.css +24 -14
  52. package/dist/rsuite-rtl.min.css +1 -1
  53. package/dist/rsuite-rtl.min.css.map +1 -1
  54. package/dist/rsuite.css +24 -14
  55. package/dist/rsuite.js +88 -55
  56. package/dist/rsuite.js.map +1 -1
  57. package/dist/rsuite.min.css +1 -1
  58. package/dist/rsuite.min.css.map +1 -1
  59. package/dist/rsuite.min.js +1 -1
  60. package/dist/rsuite.min.js.map +1 -1
  61. package/esm/Calendar/CalendarContainer.d.ts +4 -0
  62. package/esm/Calendar/CalendarContainer.js +3 -1
  63. package/esm/Calendar/TableCell.js +5 -4
  64. package/esm/Calendar/types.d.ts +1 -0
  65. package/esm/Cascader/DropdownMenu.js +3 -1
  66. package/esm/Cascader/TreeView.js +3 -1
  67. package/esm/DOMHelper/index.d.ts +23 -32
  68. package/esm/DatePicker/DatePicker.d.ts +6 -0
  69. package/esm/DatePicker/DatePicker.js +4 -3
  70. package/esm/DateRangePicker/DateRangePicker.js +4 -3
  71. package/esm/InputNumber/InputNumber.d.ts +36 -11
  72. package/esm/InputNumber/InputNumber.js +49 -30
  73. package/esm/Pagination/LimitPicker.d.ts +15 -0
  74. package/esm/Pagination/LimitPicker.js +44 -0
  75. package/esm/Pagination/Pagination.js +7 -7
  76. package/esm/Pagination/PaginationButton.js +4 -18
  77. package/esm/Pagination/PaginationGroup.d.ts +35 -7
  78. package/esm/Pagination/PaginationGroup.js +79 -98
  79. package/esm/RangeSlider/RangeSlider.js +15 -12
  80. package/esm/Slider/Handle.js +19 -61
  81. package/esm/Slider/ProgressBar.js +2 -1
  82. package/esm/Slider/Slider.js +16 -12
  83. package/esm/Slider/useDrag.d.ts +16 -0
  84. package/esm/Slider/useDrag.js +82 -0
  85. package/esm/Slider/utils.d.ts +6 -2
  86. package/esm/Slider/utils.js +15 -3
  87. package/esm/internals/Overlay/positionUtils.d.ts +1 -6
  88. package/esm/locales/cs_CZ.d.ts +120 -0
  89. package/esm/locales/cs_CZ.js +82 -0
  90. package/esm/locales/index.d.ts +1 -0
  91. package/esm/locales/index.js +2 -1
  92. package/locales/cs_CZ/package.json +7 -0
  93. package/package.json +2 -2
  94. 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", "constraint", "defaultValue", "graduated", "progress", "vertical", "disabled", "readOnly", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
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 offset = vertical ? barOffset.top + barOffset.height - event.pageY : event.pageX - barOffset.left;
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, _react.useCallback)(function (event, dataset) {
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
- }, [disabled, readOnly, getNextValue, isRangeMatchingConstraint, setValue, onChangeCommitted]);
200
- var handleKeyDown = (0, _react.useCallback)(function (event) {
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
- }, [max, min, onChange, rtl, isRangeMatchingConstraint, setValue, step, value]);
240
- var handleBarClick = (0, _react.useCallback)(function (event) {
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
- }, [disabled, readOnly, getValidValue, getValueByPosition, isRangeMatchingConstraint, onChange, onChangeCommitted, setValue, value]);
265
+ });
263
266
  var handleProps = (0, _react.useMemo)(function () {
264
267
  return [{
265
268
  value: value[0],
@@ -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 = _interopRequireWildcard(require("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: handleMouseDown,
112
- onMouseEnter: handleMouseEnter,
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';
@@ -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 offset = vertical ? barOffset.top + barOffset.height - event.pageY : event.pageX - barOffset.left;
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, _react.useCallback)(function (event) {
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
- }, [disabled, getValidValue, getValueByPosition, onChange, readOnly, setValue]);
167
+ });
165
168
 
166
169
  /**
167
170
  * Callback function that is fired when the mouseup is triggered
168
171
  */
169
- var handleChangeCommitted = (0, _react.useCallback)(function (event) {
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
- }, [disabled, getValidValue, getValueByPosition, onChangeCommitted, readOnly]);
176
- var handleClickBar = (0, _react.useCallback)(function (event) {
178
+ });
179
+ var handleClickBar = (0, _utils.useEventCallback)(function (event) {
177
180
  handleChangeValue(event);
178
181
  handleChangeCommitted(event);
179
- }, [handleChangeCommitted, handleChangeValue]);
180
- var handleKeyDown = (0, _react.useCallback)(function (event) {
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
- }, [max, min, onChange, rtl, setValue, step, value]);
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;
@@ -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): T extends undefined ? undefined : number;
3
- export { checkValue };
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
+ };
@@ -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;
@@ -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
  };