@progress/kendo-react-inputs 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009
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/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.d.ts +1 -1
- package/dist/es/checkbox/Checkbox.js +2 -2
- package/dist/es/colors/ColorContrastLabels.js +3 -3
- package/dist/es/colors/ColorGradient.d.ts +1 -1
- package/dist/es/colors/ColorGradient.js +7 -3
- package/dist/es/colors/ColorPalette.d.ts +4 -1
- package/dist/es/colors/ColorPalette.js +10 -3
- package/dist/es/colors/ColorPicker.d.ts +1 -1
- package/dist/es/colors/ColorPicker.js +4 -4
- package/dist/es/colors/FlatColorPicker.d.ts +1 -1
- package/dist/es/colors/FlatColorPicker.js +25 -24
- package/dist/es/colors/HexInput.d.ts +1 -1
- package/dist/es/colors/utils/color-parser.js +2 -2
- package/dist/es/colors/utils/svg-calc.js +4 -4
- package/dist/es/common/SliderTooltip.js +3 -3
- package/dist/es/common/SwitchController.js +5 -1
- package/dist/es/common/SwitchModel.d.ts +1 -1
- package/dist/es/input/Input.js +1 -0
- package/dist/es/maskedtextbox/MaskedTextBox.d.ts +7 -7
- package/dist/es/maskedtextbox/MaskedTextBox.js +7 -6
- package/dist/es/maskedtextbox/parsing/result.js +1 -1
- package/dist/es/numerictextbox/NumericTextBox.d.ts +1 -1
- package/dist/es/numerictextbox/NumericTextBox.js +3 -3
- package/dist/es/numerictextbox/utils/index.js +4 -4
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/radiobutton/RadioButton.d.ts +1 -1
- package/dist/es/radiobutton/RadioButton.js +1 -1
- package/dist/es/radiobutton/RadioGroup.d.ts +1 -1
- package/dist/es/range-slider/RangeSlider.d.ts +1 -1
- package/dist/es/range-slider/RangeSlider.js +7 -7
- package/dist/es/rating/Rating.d.ts +1 -1
- package/dist/es/rating/Rating.js +15 -12
- package/dist/es/rating/RatingItem.d.ts +1 -1
- package/dist/es/rating/models/index.d.ts +4 -0
- package/dist/es/slider/Slider.d.ts +2 -2
- package/dist/es/slider/Slider.js +2 -0
- package/dist/es/slider/SliderLabel.js +2 -2
- package/dist/es/switch/Switch.d.ts +6 -6
- package/dist/es/switch/Switch.js +7 -4
- package/dist/es/textarea/TextArea.d.ts +1 -1
- package/dist/es/textarea/TextArea.js +4 -4
- package/dist/es/utils.js +9 -5
- package/dist/npm/checkbox/Checkbox.d.ts +1 -1
- package/dist/npm/checkbox/Checkbox.js +14 -14
- package/dist/npm/colors/ColorContrastLabels.js +6 -6
- package/dist/npm/colors/ColorContrastSvg.js +6 -6
- package/dist/npm/colors/ColorGradient.d.ts +1 -1
- package/dist/npm/colors/ColorGradient.js +37 -33
- package/dist/npm/colors/ColorInput.js +3 -3
- package/dist/npm/colors/ColorPalette.d.ts +4 -1
- package/dist/npm/colors/ColorPalette.js +19 -12
- package/dist/npm/colors/ColorPicker.d.ts +1 -1
- package/dist/npm/colors/ColorPicker.js +13 -13
- package/dist/npm/colors/FlatColorPicker.d.ts +1 -1
- package/dist/npm/colors/FlatColorPicker.js +27 -26
- package/dist/npm/colors/HexInput.d.ts +1 -1
- package/dist/npm/colors/HexInput.js +3 -3
- package/dist/npm/colors/Picker.js +1 -1
- package/dist/npm/colors/utils/color-palette.service.js +6 -6
- package/dist/npm/colors/utils/color-parser.js +26 -26
- package/dist/npm/colors/utils/misc.js +1 -1
- package/dist/npm/colors/utils/svg-calc.js +4 -4
- package/dist/npm/common/SliderTooltip.js +4 -4
- package/dist/npm/common/SwitchController.js +5 -1
- package/dist/npm/common/SwitchModel.d.ts +1 -1
- package/dist/npm/input/Input.js +6 -5
- package/dist/npm/main.js +5 -1
- package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +7 -7
- package/dist/npm/maskedtextbox/MaskedTextBox.js +13 -12
- package/dist/npm/maskedtextbox/masking.service.js +19 -19
- package/dist/npm/maskedtextbox/parsing/result.js +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.d.ts +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +31 -31
- package/dist/npm/numerictextbox/utils/index.js +60 -60
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/radiobutton/RadioButton.d.ts +1 -1
- package/dist/npm/radiobutton/RadioButton.js +10 -10
- package/dist/npm/radiobutton/RadioGroup.d.ts +1 -1
- package/dist/npm/radiobutton/RadioGroup.js +10 -10
- package/dist/npm/range-slider/RangeSlider.d.ts +1 -1
- package/dist/npm/range-slider/RangeSlider.js +17 -17
- package/dist/npm/rating/Rating.d.ts +1 -1
- package/dist/npm/rating/Rating.js +36 -33
- package/dist/npm/rating/RatingItem.d.ts +1 -1
- package/dist/npm/rating/RatingItem.js +2 -2
- package/dist/npm/rating/models/index.d.ts +4 -0
- package/dist/npm/rating/rating-reducer.js +4 -4
- package/dist/npm/rating/utils/index.js +5 -5
- package/dist/npm/slider/Slider.d.ts +2 -2
- package/dist/npm/slider/Slider.js +9 -7
- package/dist/npm/slider/SliderLabel.js +3 -3
- package/dist/npm/switch/Switch.d.ts +6 -6
- package/dist/npm/switch/Switch.js +17 -14
- package/dist/npm/textarea/TextArea.d.ts +1 -1
- package/dist/npm/textarea/TextArea.js +13 -13
- package/dist/npm/utils.js +9 -5
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +15 -15
|
@@ -65,7 +65,7 @@ exports.fractionLength = fractionLength;
|
|
|
65
65
|
* @hidden
|
|
66
66
|
*/
|
|
67
67
|
var maxFractionLength = function (value1, value2) {
|
|
68
|
-
return Math.max(exports.fractionLength(value1), exports.fractionLength(value2));
|
|
68
|
+
return Math.max((0, exports.fractionLength)(value1), (0, exports.fractionLength)(value2));
|
|
69
69
|
};
|
|
70
70
|
/**
|
|
71
71
|
* @hidden
|
|
@@ -76,7 +76,7 @@ exports.limitPrecision = limitPrecision;
|
|
|
76
76
|
* @hidden
|
|
77
77
|
*/
|
|
78
78
|
var toFixedPrecision = function (value, precision) {
|
|
79
|
-
var maxPrecision = exports.limitPrecision(precision);
|
|
79
|
+
var maxPrecision = (0, exports.limitPrecision)(precision);
|
|
80
80
|
return parseFloat(value.toFixed(maxPrecision));
|
|
81
81
|
};
|
|
82
82
|
exports.toFixedPrecision = toFixedPrecision;
|
|
@@ -85,10 +85,10 @@ exports.toFixedPrecision = toFixedPrecision;
|
|
|
85
85
|
*/
|
|
86
86
|
var increaseValue = function (value, newState, step, min, max, format, intlService) {
|
|
87
87
|
var maxPrecision = maxFractionLength(value || 0, step || 0);
|
|
88
|
-
var increasedValue = exports.rangeValue(exports.toFixedPrecision((value || 0) + (step || 0), maxPrecision), min, max);
|
|
88
|
+
var increasedValue = (0, exports.rangeValue)((0, exports.toFixedPrecision)((value || 0) + (step || 0), maxPrecision), min, max);
|
|
89
89
|
newState.eventValue = increasedValue;
|
|
90
|
-
newState.currentLooseValue = exports.formatValue(increasedValue, format, intlService);
|
|
91
|
-
newState.selectionStart = newState.selectionEnd = exports.getLastNumberIndex(newState.currentLooseValue, DIGITS_REGEX);
|
|
90
|
+
newState.currentLooseValue = (0, exports.formatValue)(increasedValue, format, intlService);
|
|
91
|
+
newState.selectionStart = newState.selectionEnd = (0, exports.getLastNumberIndex)(newState.currentLooseValue, DIGITS_REGEX);
|
|
92
92
|
};
|
|
93
93
|
exports.increaseValue = increaseValue;
|
|
94
94
|
/**
|
|
@@ -96,10 +96,10 @@ exports.increaseValue = increaseValue;
|
|
|
96
96
|
*/
|
|
97
97
|
var decreaseValue = function (value, newState, step, min, max, format, intlService) {
|
|
98
98
|
var maxPrecision = maxFractionLength(value || 0, step || 0);
|
|
99
|
-
var decreasedValue = exports.rangeValue(exports.toFixedPrecision((value || 0) - (step || 0), maxPrecision), min, max);
|
|
99
|
+
var decreasedValue = (0, exports.rangeValue)((0, exports.toFixedPrecision)((value || 0) - (step || 0), maxPrecision), min, max);
|
|
100
100
|
newState.eventValue = decreasedValue;
|
|
101
|
-
newState.currentLooseValue = exports.formatValue(decreasedValue, format, intlService);
|
|
102
|
-
newState.selectionStart = newState.selectionEnd = exports.getLastNumberIndex(newState.currentLooseValue, DIGITS_REGEX);
|
|
101
|
+
newState.currentLooseValue = (0, exports.formatValue)(decreasedValue, format, intlService);
|
|
102
|
+
newState.selectionStart = newState.selectionEnd = (0, exports.getLastNumberIndex)(newState.currentLooseValue, DIGITS_REGEX);
|
|
103
103
|
};
|
|
104
104
|
exports.decreaseValue = decreaseValue;
|
|
105
105
|
/**
|
|
@@ -159,7 +159,7 @@ exports.getMinCursorPosition = getMinCursorPosition;
|
|
|
159
159
|
* @hidden
|
|
160
160
|
*/
|
|
161
161
|
var rangeSelection = function (nextLooseValue, formatInfo, newState) {
|
|
162
|
-
var maxPosition = exports.getMaxCursorPosition(nextLooseValue, formatInfo);
|
|
162
|
+
var maxPosition = (0, exports.getMaxCursorPosition)(nextLooseValue, formatInfo);
|
|
163
163
|
if (maxPosition !== -1 && newState.selectionStart > maxPosition) {
|
|
164
164
|
newState.selectionStart = newState.selectionEnd = maxPosition;
|
|
165
165
|
return;
|
|
@@ -167,7 +167,7 @@ var rangeSelection = function (nextLooseValue, formatInfo, newState) {
|
|
|
167
167
|
if (newState.selectionStart > nextLooseValue.length) {
|
|
168
168
|
newState.selectionStart = newState.selectionEnd = nextLooseValue.length;
|
|
169
169
|
}
|
|
170
|
-
var minPosition = exports.getMinCursorPosition(nextLooseValue, formatInfo);
|
|
170
|
+
var minPosition = (0, exports.getMinCursorPosition)(nextLooseValue, formatInfo);
|
|
171
171
|
if (minPosition !== -1 && newState.selectionStart < minPosition) {
|
|
172
172
|
newState.selectionStart = newState.selectionEnd = minPosition;
|
|
173
173
|
}
|
|
@@ -181,7 +181,7 @@ exports.rangeSelection = rangeSelection;
|
|
|
181
181
|
*/
|
|
182
182
|
var setSelection = function (newState, newIndex, nextLooseValue, formatInfo) {
|
|
183
183
|
newState.selectionStart = newState.selectionEnd = newIndex;
|
|
184
|
-
exports.rangeSelection(nextLooseValue, formatInfo, newState);
|
|
184
|
+
(0, exports.rangeSelection)(nextLooseValue, formatInfo, newState);
|
|
185
185
|
};
|
|
186
186
|
exports.setSelection = setSelection;
|
|
187
187
|
/**
|
|
@@ -191,7 +191,7 @@ var setInvalid = function (newState, format, formatInfo, intlService) {
|
|
|
191
191
|
newState.eventValue = intlService.parseNumber(newState.prevLooseValue, format);
|
|
192
192
|
newState.currentLooseValue = newState.prevLooseValue;
|
|
193
193
|
newState.valueIsCorrected = true;
|
|
194
|
-
exports.setSelection(newState, newState.selectionStart, newState.currentLooseValue, formatInfo);
|
|
194
|
+
(0, exports.setSelection)(newState, newState.selectionStart, newState.currentLooseValue, formatInfo);
|
|
195
195
|
};
|
|
196
196
|
exports.setInvalid = setInvalid;
|
|
197
197
|
/**
|
|
@@ -229,14 +229,14 @@ var getFormatPrefixSufix = function (format, intlService) {
|
|
|
229
229
|
var negativeResult = intlService.formatNumber(-DEFAULT_NUMBER, format);
|
|
230
230
|
var zeroResult = intlService.formatNumber(ZERO_NUMBER, format);
|
|
231
231
|
var oneResult = intlService.formatNumber(ONE_NUMBER, format);
|
|
232
|
-
var positivePrefix = exports.getPrefix(positiveResult);
|
|
233
|
-
var negativePrefix = exports.getPrefix(negativeResult);
|
|
234
|
-
var zeroPrefix = exports.getPrefix(zeroResult);
|
|
235
|
-
var onePrefix = exports.getPrefix(oneResult);
|
|
236
|
-
var positiveSuffix = exports.getSuffix(positiveResult);
|
|
237
|
-
var negativeSuffix = exports.getSuffix(negativeResult);
|
|
238
|
-
var zeroSuffix = exports.getSuffix(zeroResult);
|
|
239
|
-
var oneSuffix = exports.getSuffix(oneResult);
|
|
232
|
+
var positivePrefix = (0, exports.getPrefix)(positiveResult);
|
|
233
|
+
var negativePrefix = (0, exports.getPrefix)(negativeResult);
|
|
234
|
+
var zeroPrefix = (0, exports.getPrefix)(zeroResult);
|
|
235
|
+
var onePrefix = (0, exports.getPrefix)(oneResult);
|
|
236
|
+
var positiveSuffix = (0, exports.getSuffix)(positiveResult);
|
|
237
|
+
var negativeSuffix = (0, exports.getSuffix)(negativeResult);
|
|
238
|
+
var zeroSuffix = (0, exports.getSuffix)(zeroResult);
|
|
239
|
+
var oneSuffix = (0, exports.getSuffix)(oneResult);
|
|
240
240
|
return {
|
|
241
241
|
positiveInfo: [positivePrefix, positiveSuffix],
|
|
242
242
|
negativeInfo: [negativePrefix, negativeSuffix],
|
|
@@ -254,7 +254,7 @@ var getFormatSymbols = function (format, intlService) {
|
|
|
254
254
|
var zeroResult = intlService.formatNumber(ZERO_NUMBER, format);
|
|
255
255
|
var oneResult = intlService.formatNumber(ONE_NUMBER, format);
|
|
256
256
|
var symbols = intlService.numberSymbols();
|
|
257
|
-
var sanitizeRegex = new RegExp("[\\d\\"
|
|
257
|
+
var sanitizeRegex = new RegExp("[\\d\\".concat(symbols.decimal).concat(symbols.group, "]"), 'g');
|
|
258
258
|
var resultWithDuplicates = [positiveResult, negativeResult, zeroResult, oneResult]
|
|
259
259
|
.map(function (result) { return result.replace(sanitizeRegex, ''); })
|
|
260
260
|
.join('');
|
|
@@ -272,7 +272,7 @@ var getInitialPosition = function (nextLooseValue, symbols) {
|
|
|
272
272
|
if (decimalIdex > -1) {
|
|
273
273
|
return decimalIdex;
|
|
274
274
|
}
|
|
275
|
-
return exports.getLastNumberIndex(nextLooseValue, DIGITS_REGEX);
|
|
275
|
+
return (0, exports.getLastNumberIndex)(nextLooseValue, DIGITS_REGEX);
|
|
276
276
|
};
|
|
277
277
|
exports.getInitialPosition = getInitialPosition;
|
|
278
278
|
/**
|
|
@@ -286,7 +286,7 @@ exports.reverseString = reverseString;
|
|
|
286
286
|
* @hidden
|
|
287
287
|
*/
|
|
288
288
|
var getLastNumberIndex = function (currentLooseValue, inputRegex) {
|
|
289
|
-
return currentLooseValue.length - exports.reverseString(currentLooseValue).search(inputRegex);
|
|
289
|
+
return currentLooseValue.length - (0, exports.reverseString)(currentLooseValue).search(inputRegex);
|
|
290
290
|
};
|
|
291
291
|
exports.getLastNumberIndex = getLastNumberIndex;
|
|
292
292
|
/**
|
|
@@ -300,8 +300,8 @@ exports.getPrefix = getPrefix;
|
|
|
300
300
|
* @hidden
|
|
301
301
|
*/
|
|
302
302
|
var getSuffix = function (str) {
|
|
303
|
-
var reversedString = exports.reverseString(str);
|
|
304
|
-
return exports.reverseString(reversedString.split(reversedString[reversedString.search(DIGITS_REGEX)])[0]);
|
|
303
|
+
var reversedString = (0, exports.reverseString)(str);
|
|
304
|
+
return (0, exports.reverseString)(reversedString.split(reversedString[reversedString.search(DIGITS_REGEX)])[0]);
|
|
305
305
|
};
|
|
306
306
|
exports.getSuffix = getSuffix;
|
|
307
307
|
/**
|
|
@@ -354,15 +354,15 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
354
354
|
var newState = __assign({}, state);
|
|
355
355
|
var prevLooseValue = newState.prevLooseValue;
|
|
356
356
|
var symbols = intlService.numberSymbols();
|
|
357
|
-
var restrictedSymbols = exports.getFormatSymbols(format, intlService);
|
|
357
|
+
var restrictedSymbols = (0, exports.getFormatSymbols)(format, intlService);
|
|
358
358
|
var currentLooseValueAsString = String(newState.currentLooseValue);
|
|
359
359
|
var prevLooseValueAsString = String(prevLooseValue);
|
|
360
|
-
var sanitizeRegex = new RegExp("[^\\d\\"
|
|
361
|
-
var sanitizeGroupRegex = new RegExp("[^\\d\\"
|
|
362
|
-
var allSymbolsRegex = new RegExp("[\\d\\"
|
|
360
|
+
var sanitizeRegex = new RegExp("[^\\d\\".concat(symbols.decimal, "]"), 'g');
|
|
361
|
+
var sanitizeGroupRegex = new RegExp("[^\\d\\".concat(symbols.decimal, "\\").concat(symbols.group, "]"), 'g');
|
|
362
|
+
var allSymbolsRegex = new RegExp("[\\d\\".concat(symbols.decimal, "\\").concat(symbols.group, "]"));
|
|
363
363
|
var sanitizedString = currentLooseValueAsString.replace(sanitizeRegex, '');
|
|
364
|
-
var numberStart = exports.getFirstNumberIndex(currentLooseValueAsString, DIGITS_REGEX);
|
|
365
|
-
var numberEnd = numberStart === -1 ? -1 : exports.getLastNumberIndex(currentLooseValueAsString, DIGITS_REGEX);
|
|
364
|
+
var numberStart = (0, exports.getFirstNumberIndex)(currentLooseValueAsString, DIGITS_REGEX);
|
|
365
|
+
var numberEnd = numberStart === -1 ? -1 : (0, exports.getLastNumberIndex)(currentLooseValueAsString, DIGITS_REGEX);
|
|
366
366
|
var decimalIndex = currentLooseValueAsString.indexOf(symbols.decimal);
|
|
367
367
|
var sanitizedFormattedString = (currentLooseValueAsString.substring(0, numberStart) +
|
|
368
368
|
currentLooseValueAsString.substring(numberStart, numberEnd).replace(sanitizeGroupRegex, '') +
|
|
@@ -376,7 +376,7 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
376
376
|
var formattedMin = intlService.formatNumber(MIN_DECIMAL, format).replace(sanitizeRegex, '');
|
|
377
377
|
var minDecimalIndex = formattedMin.indexOf(symbols.decimal);
|
|
378
378
|
var minDecimalCount = minDecimalIndex > -1 ? formattedMin.length - minDecimalIndex - 1 : 0;
|
|
379
|
-
var _a = exports.getFormatPrefixSufix(format, intlService), positiveInfo = _a.positiveInfo, negativeInfo = _a.negativeInfo, zeroInfo = _a.zeroInfo, oneInfo = _a.oneInfo;
|
|
379
|
+
var _a = (0, exports.getFormatPrefixSufix)(format, intlService), positiveInfo = _a.positiveInfo, negativeInfo = _a.negativeInfo, zeroInfo = _a.zeroInfo, oneInfo = _a.oneInfo;
|
|
380
380
|
var formatInfo = [positiveInfo, negativeInfo, zeroInfo, oneInfo];
|
|
381
381
|
var isFormatContainPrefixSuffix = formatInfo.findIndex(function (info) { return info.findIndex(function (nestedInfo) { return Boolean(nestedInfo); }) !== -1; }) !== 1;
|
|
382
382
|
var isDelete = currentLooseValueAsString.length > 0 && currentLooseValueAsString.length < prevLooseValueAsString.length;
|
|
@@ -394,31 +394,31 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
394
394
|
// 2. Check is minus sign
|
|
395
395
|
if (newState.currentLooseValue === symbols.minusSign && intlService.formatNumber(-0, format) !== prevLooseValueAsString) {
|
|
396
396
|
newState.eventValue = -0;
|
|
397
|
-
newState.currentLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
398
|
-
exports.setSelection(newState, exports.getInitialPosition(newState.currentLooseValue, symbols), newState.currentLooseValue, formatInfo);
|
|
397
|
+
newState.currentLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
398
|
+
(0, exports.setSelection)(newState, (0, exports.getInitialPosition)(newState.currentLooseValue, symbols), newState.currentLooseValue, formatInfo);
|
|
399
399
|
return newState;
|
|
400
400
|
}
|
|
401
401
|
// 3. Minus sign toggle
|
|
402
|
-
if (exports.isMinusSymbolAdded(newState, symbols)) {
|
|
402
|
+
if ((0, exports.isMinusSymbolAdded)(newState, symbols)) {
|
|
403
403
|
var nextValue = intlService.parseNumber(prevLooseValue, format);
|
|
404
404
|
newState.eventValue = -(nextValue !== null ? nextValue : 0);
|
|
405
|
-
newState.currentLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
406
|
-
var currentNumberStart = exports.getFirstNumberIndex(newState.currentLooseValue, DIGITS_REGEX);
|
|
407
|
-
var oldNumberStart = exports.getFirstNumberIndex(prevLooseValueAsString, DIGITS_REGEX);
|
|
408
|
-
exports.setSelection(newState, newState.selectionEnd - 1 + (currentNumberStart - oldNumberStart), newState.currentLooseValue, formatInfo);
|
|
405
|
+
newState.currentLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
406
|
+
var currentNumberStart = (0, exports.getFirstNumberIndex)(newState.currentLooseValue, DIGITS_REGEX);
|
|
407
|
+
var oldNumberStart = (0, exports.getFirstNumberIndex)(prevLooseValueAsString, DIGITS_REGEX);
|
|
408
|
+
(0, exports.setSelection)(newState, newState.selectionEnd - 1 + (currentNumberStart - oldNumberStart), newState.currentLooseValue, formatInfo);
|
|
409
409
|
return newState;
|
|
410
410
|
}
|
|
411
|
-
if (exports.isMinusSymbolRemoved(newState, symbols)) {
|
|
411
|
+
if ((0, exports.isMinusSymbolRemoved)(newState, symbols)) {
|
|
412
412
|
newState.eventValue = intlService.parseNumber(newState.currentLooseValue, format);
|
|
413
|
-
exports.setSelection(newState, newState.selectionStart, newState.currentLooseValue, formatInfo);
|
|
413
|
+
(0, exports.setSelection)(newState, newState.selectionStart, newState.currentLooseValue, formatInfo);
|
|
414
414
|
return newState;
|
|
415
415
|
}
|
|
416
416
|
// 4. Check is decimal symbol
|
|
417
417
|
if (newState.currentLooseValue === symbols.decimal) {
|
|
418
418
|
newState.eventValue = 0;
|
|
419
|
-
var valueCandidate = exports.formatValue(newState.eventValue, format, intlService);
|
|
419
|
+
var valueCandidate = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
420
420
|
if (minDecimalCount === 0 && maxDecimalCount > 0) {
|
|
421
|
-
var currentLastNumberIndex = exports.getLastNumberIndex(valueCandidate, DIGITS_REGEX);
|
|
421
|
+
var currentLastNumberIndex = (0, exports.getLastNumberIndex)(valueCandidate, DIGITS_REGEX);
|
|
422
422
|
newState.currentLooseValue = valueCandidate.substring(0, currentLastNumberIndex) +
|
|
423
423
|
symbols.decimal +
|
|
424
424
|
valueCandidate.substring(currentLastNumberIndex);
|
|
@@ -426,24 +426,24 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
426
426
|
else {
|
|
427
427
|
newState.currentLooseValue = valueCandidate;
|
|
428
428
|
}
|
|
429
|
-
exports.setSelection(newState, exports.getInitialPosition(newState.currentLooseValue, symbols) + 1, newState.currentLooseValue, formatInfo);
|
|
429
|
+
(0, exports.setSelection)(newState, (0, exports.getInitialPosition)(newState.currentLooseValue, symbols) + 1, newState.currentLooseValue, formatInfo);
|
|
430
430
|
return newState;
|
|
431
431
|
}
|
|
432
432
|
// 5. Duplicate decimal - it's possible only as trailing
|
|
433
|
-
if (exports.isDecimalDuplicated(newState, symbols)) {
|
|
434
|
-
exports.setInvalid(newState, format, formatInfo, intlService);
|
|
433
|
+
if ((0, exports.isDecimalDuplicated)(newState, symbols)) {
|
|
434
|
+
(0, exports.setInvalid)(newState, format, formatInfo, intlService);
|
|
435
435
|
return newState;
|
|
436
436
|
}
|
|
437
437
|
// 6. Percent format
|
|
438
438
|
if (isPercentFormat) {
|
|
439
439
|
newState.eventValue = intlService.parseNumber(currentLooseValueAsString, format) / 100;
|
|
440
|
-
newState.currentLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
440
|
+
newState.currentLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
441
441
|
return newState;
|
|
442
442
|
}
|
|
443
443
|
// 7. More than 15 numeric symbols
|
|
444
444
|
var numericSymbols = String(newState.currentLooseValue).replace(/[^\d]/g, '');
|
|
445
445
|
if (numericSymbols.length > MAX_PRECISION) {
|
|
446
|
-
exports.setInvalid(newState, format, formatInfo, intlService);
|
|
446
|
+
(0, exports.setInvalid)(newState, format, formatInfo, intlService);
|
|
447
447
|
return newState;
|
|
448
448
|
}
|
|
449
449
|
// 8. Check prefix / suffix for modifications
|
|
@@ -483,7 +483,7 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
483
483
|
return false;
|
|
484
484
|
});
|
|
485
485
|
if (formatInfoIndex === -1) {
|
|
486
|
-
exports.setInvalid(newState, format, formatInfo, intlService);
|
|
486
|
+
(0, exports.setInvalid)(newState, format, formatInfo, intlService);
|
|
487
487
|
return newState;
|
|
488
488
|
}
|
|
489
489
|
}
|
|
@@ -502,7 +502,7 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
502
502
|
prevLooseValueAsString.split('').filter(function (x) { return x === s; }).length &&
|
|
503
503
|
currentLooseValueAsString.length + 1 === prevLooseValueAsString.length) {
|
|
504
504
|
if (s === symbols.decimal &&
|
|
505
|
-
exports.getDecimalCount(prevLooseValueAsString.replace(sanitizeRegex, ''), symbols.decimal) === 0) {
|
|
505
|
+
(0, exports.getDecimalCount)(prevLooseValueAsString.replace(sanitizeRegex, ''), symbols.decimal) === 0) {
|
|
506
506
|
return false;
|
|
507
507
|
}
|
|
508
508
|
return true;
|
|
@@ -515,12 +515,12 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
515
515
|
return newState;
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
|
-
var currentDecimalCount = exports.getDecimalCount(sanitizedString, symbols.decimal);
|
|
518
|
+
var currentDecimalCount = (0, exports.getDecimalCount)(sanitizedString, symbols.decimal);
|
|
519
519
|
var endsOnDecimal = sanitizedString[sanitizedString.length - 1] === '0';
|
|
520
520
|
// 11. Deleting more decimals than allowed
|
|
521
521
|
if (isDelete && endsOnDecimal && currentDecimalCount < minDecimalCount) {
|
|
522
522
|
newState.eventValue = intlService.parseNumber(newState.currentLooseValue, format);
|
|
523
|
-
newState.currentLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
523
|
+
newState.currentLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
524
524
|
return newState;
|
|
525
525
|
}
|
|
526
526
|
// 12. Ending on zero OR more decimals than allowed
|
|
@@ -529,8 +529,8 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
529
529
|
if (endsOnDecimal && (!valueUntillDecimal || prevLooseValueAsString.indexOf(valueUntillDecimal) !== 0)) {
|
|
530
530
|
// ending on zero but typing before decimal separator
|
|
531
531
|
newState.eventValue = intlService.parseNumber(newState.currentLooseValue, format);
|
|
532
|
-
var nextLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
533
|
-
exports.setSelection(newState, exports.changeBasedSelection(currentLooseValueAsString, nextLooseValue, newState.selectionEnd, isDelete, sanitizeRegex), nextLooseValue, formatInfo);
|
|
532
|
+
var nextLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
533
|
+
(0, exports.setSelection)(newState, (0, exports.changeBasedSelection)(currentLooseValueAsString, nextLooseValue, newState.selectionEnd, isDelete, sanitizeRegex), nextLooseValue, formatInfo);
|
|
534
534
|
newState.currentLooseValue = nextLooseValue;
|
|
535
535
|
return newState;
|
|
536
536
|
}
|
|
@@ -542,7 +542,7 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
542
542
|
currentLooseValueAsString.substring(numberEnd, String(newState.currentLooseValue).length);
|
|
543
543
|
newState.eventValue = intlService.parseNumber(result, format);
|
|
544
544
|
newState.currentLooseValue = result;
|
|
545
|
-
exports.setSelection(newState, newState.selectionStart, result, formatInfo);
|
|
545
|
+
(0, exports.setSelection)(newState, newState.selectionStart, result, formatInfo);
|
|
546
546
|
return newState;
|
|
547
547
|
}
|
|
548
548
|
if (minDecimalCount !== maxDecimalCount && currentDecimalCount <= maxDecimalCount && endsOnDecimal) {
|
|
@@ -554,7 +554,7 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
554
554
|
if (currentDecimalCount < minDecimalCount) {
|
|
555
555
|
// deleting more decimals than allowed
|
|
556
556
|
newState.eventValue = intlService.parseNumber(newState.currentLooseValue, format);
|
|
557
|
-
newState.currentLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
557
|
+
newState.currentLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
558
558
|
return newState;
|
|
559
559
|
}
|
|
560
560
|
}
|
|
@@ -565,19 +565,19 @@ var sanitizeNumber = function (state, format, intlService) {
|
|
|
565
565
|
newState.eventValue = newState.eventValue / 100;
|
|
566
566
|
}
|
|
567
567
|
if (typeof newState.eventValue === 'number') {
|
|
568
|
-
var nextLooseValue = exports.formatValue(newState.eventValue, format, intlService);
|
|
568
|
+
var nextLooseValue = (0, exports.formatValue)(newState.eventValue, format, intlService);
|
|
569
569
|
// First digit add
|
|
570
570
|
if (currentLooseValueAsString.length === 1) {
|
|
571
|
-
exports.setSelection(newState, exports.getInitialPosition(nextLooseValue, symbols), nextLooseValue, formatInfo);
|
|
571
|
+
(0, exports.setSelection)(newState, (0, exports.getInitialPosition)(nextLooseValue, symbols), nextLooseValue, formatInfo);
|
|
572
572
|
}
|
|
573
573
|
else {
|
|
574
|
-
exports.setSelection(newState, exports.changeBasedSelection(currentLooseValueAsString, nextLooseValue, newState.selectionEnd, isDelete, sanitizeRegex), nextLooseValue, formatInfo);
|
|
574
|
+
(0, exports.setSelection)(newState, (0, exports.changeBasedSelection)(currentLooseValueAsString, nextLooseValue, newState.selectionEnd, isDelete, sanitizeRegex), nextLooseValue, formatInfo);
|
|
575
575
|
}
|
|
576
576
|
newState.currentLooseValue = nextLooseValue;
|
|
577
577
|
}
|
|
578
578
|
else {
|
|
579
579
|
// Case when deleting last number
|
|
580
|
-
newState.currentLooseValue = exports.formatValue(intlService.parseNumber(sanitizedString), format, intlService);
|
|
580
|
+
newState.currentLooseValue = (0, exports.formatValue)(intlService.parseNumber(sanitizedString), format, intlService);
|
|
581
581
|
}
|
|
582
582
|
return newState;
|
|
583
583
|
};
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-inputs',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1654509130,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -20,4 +20,4 @@ export declare const RadioButtonPropsContext: React.Context<(p: RadioButtonProps
|
|
|
20
20
|
* Accepts properties of type [RadioButtonProps]({% slug api_inputs_radiobuttonprops %}).
|
|
21
21
|
* Obtaining the `ref` returns an object of type [RadioButtonHandle]({% slug api_inputs_radiobuttonhandle %}).
|
|
22
22
|
*/
|
|
23
|
-
export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioButtonHandle>>;
|
|
23
|
+
export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioButtonHandle | null>>;
|
|
@@ -34,7 +34,7 @@ var package_metadata_1 = require("../package-metadata");
|
|
|
34
34
|
*
|
|
35
35
|
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
36
36
|
*/
|
|
37
|
-
exports.RadioButtonPropsContext = kendo_react_common_1.createPropsContext();
|
|
37
|
+
exports.RadioButtonPropsContext = (0, kendo_react_common_1.createPropsContext)();
|
|
38
38
|
/**
|
|
39
39
|
* Represents the [KendoReact RadioButton component]({% slug overview_radiobutton %}).
|
|
40
40
|
*
|
|
@@ -43,8 +43,8 @@ exports.RadioButtonPropsContext = kendo_react_common_1.createPropsContext();
|
|
|
43
43
|
*/
|
|
44
44
|
exports.RadioButton = React.forwardRef(function (directProps, target) {
|
|
45
45
|
var _a;
|
|
46
|
-
kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
|
|
47
|
-
var props = kendo_react_common_1.usePropsContext(exports.RadioButtonPropsContext, directProps);
|
|
46
|
+
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
47
|
+
var props = (0, kendo_react_common_1.usePropsContext)(exports.RadioButtonPropsContext, directProps);
|
|
48
48
|
var ariaDescribedBy = props.ariaDescribedBy, checked = props.checked, children = props.children, className = props.className, disabled = props.disabled, id = props.id, size = props.size, label = props.label, labelPlacement = props.labelPlacement, name = props.name, style = props.style, tabIndex = props.tabIndex, value = props.value, valid = props.valid, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, others = __rest(props, ["ariaDescribedBy", "checked", "children", "className", "disabled", "id", "size", "label", "labelPlacement", "name", "style", "tabIndex", "value", "valid", "onChange", "onFocus", "onBlur"]);
|
|
49
49
|
var elementRef = React.useRef(null);
|
|
50
50
|
var focusElement = React.useCallback(function () {
|
|
@@ -57,24 +57,24 @@ exports.RadioButton = React.forwardRef(function (directProps, target) {
|
|
|
57
57
|
focus: focusElement
|
|
58
58
|
}); }, [focusElement]);
|
|
59
59
|
React.useImperativeHandle(target, getImperativeHandle);
|
|
60
|
-
var calculatedId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
|
|
60
|
+
var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
|
|
61
61
|
var handleChange = React.useCallback(function (event) {
|
|
62
|
-
kendo_react_common_1.dispatchEvent(onChange, event, getImperativeHandle(), { value: value });
|
|
62
|
+
(0, kendo_react_common_1.dispatchEvent)(onChange, event, getImperativeHandle(), { value: value });
|
|
63
63
|
}, [onChange, value, disabled]);
|
|
64
64
|
var handleFocus = React.useCallback(function (event) {
|
|
65
65
|
if (onFocus && !disabled) {
|
|
66
|
-
kendo_react_common_1.dispatchEvent(onFocus, event, getImperativeHandle(), undefined);
|
|
66
|
+
(0, kendo_react_common_1.dispatchEvent)(onFocus, event, getImperativeHandle(), undefined);
|
|
67
67
|
}
|
|
68
68
|
}, [onFocus, disabled]);
|
|
69
69
|
var handleBlur = React.useCallback(function (event) {
|
|
70
70
|
if (onBlur && !disabled) {
|
|
71
|
-
kendo_react_common_1.dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
|
|
71
|
+
(0, kendo_react_common_1.dispatchEvent)(onBlur, event, getImperativeHandle(), undefined);
|
|
72
72
|
}
|
|
73
73
|
}, [onBlur, disabled]);
|
|
74
|
-
var inputProps = __assign({ type: 'radio', id: id || calculatedId, name: name, className: kendo_react_common_1.classNames('k-radio', (_a = {},
|
|
75
|
-
_a["k-radio-"
|
|
74
|
+
var inputProps = __assign({ type: 'radio', id: id || calculatedId, name: name, className: (0, kendo_react_common_1.classNames)('k-radio', (_a = {},
|
|
75
|
+
_a["k-radio-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
76
76
|
_a['k-invalid'] = valid === false,
|
|
77
|
-
_a), className), ref: elementRef, disabled: disabled, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled), checked: checked, style: style, 'aria-describedby': ariaDescribedBy, value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }, others);
|
|
77
|
+
_a), className), ref: elementRef, disabled: disabled, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), checked: checked, style: style, 'aria-describedby': ariaDescribedBy, value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }, others);
|
|
78
78
|
var radioButtonLabel = (React.createElement(React.Fragment, null, label !== undefined ? (React.createElement("label", { className: 'k-radio-label', htmlFor: id || calculatedId, style: { userSelect: 'none' }, "aria-label": label }, label)) : null));
|
|
79
79
|
var radio = React.createElement("input", __assign({}, inputProps));
|
|
80
80
|
return (labelPlacement === 'before'
|
|
@@ -20,4 +20,4 @@ export declare const RadioGroupPropsContext: React.Context<(p: RadioGroupProps)
|
|
|
20
20
|
* Accepts properties of type [RadioGroupProps]({% slug api_inputs_radiogroupprops %}).
|
|
21
21
|
* Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
|
|
22
22
|
*/
|
|
23
|
-
export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupHandle>>;
|
|
23
|
+
export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupHandle | null>>;
|
|
@@ -24,7 +24,7 @@ var package_metadata_1 = require("../package-metadata");
|
|
|
24
24
|
*
|
|
25
25
|
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
26
26
|
*/
|
|
27
|
-
exports.RadioGroupPropsContext = kendo_react_common_1.createPropsContext();
|
|
27
|
+
exports.RadioGroupPropsContext = (0, kendo_react_common_1.createPropsContext)();
|
|
28
28
|
/**
|
|
29
29
|
* Represents the [KendoReact RadioGroup component]({% slug overview_radiogroup %}).
|
|
30
30
|
*
|
|
@@ -32,13 +32,13 @@ exports.RadioGroupPropsContext = kendo_react_common_1.createPropsContext();
|
|
|
32
32
|
* Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
|
|
33
33
|
*/
|
|
34
34
|
exports.RadioGroup = React.forwardRef(function (directProps, target) {
|
|
35
|
-
kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
|
|
36
|
-
var props = kendo_react_common_1.usePropsContext(exports.RadioGroupPropsContext, directProps);
|
|
35
|
+
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
36
|
+
var props = (0, kendo_react_common_1.usePropsContext)(exports.RadioGroupPropsContext, directProps);
|
|
37
37
|
var ariaLabelledBy = props.ariaLabelledBy, ariaDescribedBy = props.ariaDescribedBy, className = props.className, data = props.data, defaultValue = props.defaultValue, disabled = props.disabled, name = props.name, labelPlacement = props.labelPlacement, layout = props.layout, style = props.style, value = props.value, valid = props.valid, _a = props.item, Item = _a === void 0 ? defaultProps.item : _a, onChange = props.onChange, onFocus = props.onFocus;
|
|
38
38
|
var elementRef = React.useRef(null);
|
|
39
39
|
var focusElement = React.useCallback(function () {
|
|
40
40
|
if (elementRef.current) {
|
|
41
|
-
kendo_react_common_1.focusFirstFocusableChild(elementRef.current);
|
|
41
|
+
(0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
|
|
42
42
|
}
|
|
43
43
|
}, []);
|
|
44
44
|
var getImperativeHandle = React.useCallback(function () { return ({
|
|
@@ -55,20 +55,20 @@ exports.RadioGroup = React.forwardRef(function (directProps, target) {
|
|
|
55
55
|
setStateChecked(currentValue);
|
|
56
56
|
}
|
|
57
57
|
if (onChange && !disabled) {
|
|
58
|
-
kendo_react_common_1.dispatchEvent(onChange, event.syntheticEvent, getImperativeHandle(), { value: currentValue });
|
|
58
|
+
(0, kendo_react_common_1.dispatchEvent)(onChange, event.syntheticEvent, getImperativeHandle(), { value: currentValue });
|
|
59
59
|
}
|
|
60
60
|
}, [setStateChecked, onChange, disabled]);
|
|
61
61
|
var handleFocus = React.useCallback(function (event) {
|
|
62
62
|
if (onFocus && !disabled) {
|
|
63
|
-
kendo_react_common_1.dispatchEvent(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
|
|
63
|
+
(0, kendo_react_common_1.dispatchEvent)(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
|
|
64
64
|
}
|
|
65
65
|
}, [onFocus, disabled]);
|
|
66
|
-
var radioGroupName = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
|
|
67
|
-
var radioGroupClasses = kendo_react_common_1.classNames('k-radio-list', {
|
|
66
|
+
var radioGroupName = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
|
|
67
|
+
var radioGroupClasses = (0, kendo_react_common_1.classNames)('k-radio-list', {
|
|
68
68
|
'k-list-horizontal': layout === 'horizontal',
|
|
69
69
|
'k-list-vertical': layout === 'vertical' || layout === undefined
|
|
70
70
|
}, className);
|
|
71
|
-
var dir = kendo_react_common_1.useRtl(elementRef, props.dir);
|
|
71
|
+
var dir = (0, kendo_react_common_1.useRtl)(elementRef, props.dir);
|
|
72
72
|
var radioOptions = (data && data.map(function (option, index) {
|
|
73
73
|
var isCurrentlyChecked = checkedRadioValue === option.value;
|
|
74
74
|
var noOptionChecked = checkedRadioValue === null || checkedRadioValue === undefined;
|
|
@@ -77,7 +77,7 @@ exports.RadioGroup = React.forwardRef(function (directProps, target) {
|
|
|
77
77
|
: (noOptionChecked && index === 0) || isCurrentlyChecked
|
|
78
78
|
? 0
|
|
79
79
|
: -1, index: index, name: name || radioGroupName, onChange: handleChange, onFocus: handleFocus });
|
|
80
|
-
return (React.createElement(Item, { className: kendo_react_common_1.classNames('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'radio' },
|
|
80
|
+
return (React.createElement(Item, { className: (0, kendo_react_common_1.classNames)('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'radio' },
|
|
81
81
|
React.createElement(RadioButton_1.RadioButton, __assign({}, radioButtonProps))));
|
|
82
82
|
}));
|
|
83
83
|
return (React.createElement("ul", { role: "radiogroup", className: radioGroupClasses, ref: elementRef, dir: dir, style: style, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }, radioOptions));
|
|
@@ -135,4 +135,4 @@ export declare const RangeSliderPropsContext: React.Context<(p: RangeSliderProps
|
|
|
135
135
|
* Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
|
|
136
136
|
* Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
|
|
137
137
|
*/
|
|
138
|
-
export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle>>;
|
|
138
|
+
export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle | null>>;
|
|
@@ -26,7 +26,7 @@ var package_metadata_1 = require("../package-metadata");
|
|
|
26
26
|
var useRange = function (defaultValue, args, callback) {
|
|
27
27
|
var _a = React.useState(defaultValue), state = _a[0], setState = _a[1];
|
|
28
28
|
var handleDispatchAction = React.useCallback(function (action) {
|
|
29
|
-
var newState = range_raducer_1.rangeReducer(args.state || state, __assign(__assign({}, action), args));
|
|
29
|
+
var newState = (0, range_raducer_1.rangeReducer)(args.state || state, __assign(__assign({}, action), args));
|
|
30
30
|
if (callback) {
|
|
31
31
|
callback(newState, action.event);
|
|
32
32
|
}
|
|
@@ -40,7 +40,7 @@ var useRange = function (defaultValue, args, callback) {
|
|
|
40
40
|
*
|
|
41
41
|
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
42
42
|
*/
|
|
43
|
-
exports.RangeSliderPropsContext = kendo_react_common_1.createPropsContext();
|
|
43
|
+
exports.RangeSliderPropsContext = (0, kendo_react_common_1.createPropsContext)();
|
|
44
44
|
/**
|
|
45
45
|
* Represents the [KendoReact RangeSlider component]({% slug overview_rangeslider %}).
|
|
46
46
|
*
|
|
@@ -49,8 +49,8 @@ exports.RangeSliderPropsContext = kendo_react_common_1.createPropsContext();
|
|
|
49
49
|
*/
|
|
50
50
|
exports.RangeSlider = React.forwardRef(function (directProps, ref) {
|
|
51
51
|
var _a, _b;
|
|
52
|
-
kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
|
|
53
|
-
var props = kendo_react_common_1.usePropsContext(exports.RangeSliderPropsContext, directProps);
|
|
52
|
+
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
53
|
+
var props = (0, kendo_react_common_1.usePropsContext)(exports.RangeSliderPropsContext, directProps);
|
|
54
54
|
var target = React.useRef(null);
|
|
55
55
|
var sliderRef = React.useRef(null);
|
|
56
56
|
var sliderSelectionRef = React.useRef(null);
|
|
@@ -70,7 +70,7 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
|
|
|
70
70
|
var min = React.useMemo(function () { return props.min; }, [props.min]);
|
|
71
71
|
var max = React.useMemo(function () { return props.max; }, [props.max]);
|
|
72
72
|
var step = React.useMemo(function () { return props.step !== undefined ? props.step : defaultProps.step; }, [props.step, defaultProps.step]);
|
|
73
|
-
var dir = kendo_react_common_1.useDir(sliderRef, props.dir);
|
|
73
|
+
var dir = (0, kendo_react_common_1.useDir)(sliderRef, props.dir);
|
|
74
74
|
var handleChange = function (newValue, event) {
|
|
75
75
|
if (props.onChange && target.current) {
|
|
76
76
|
props.onChange.call(undefined, {
|
|
@@ -96,7 +96,7 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
|
|
|
96
96
|
var trackStyles = React.useMemo(function () { return props.vertical
|
|
97
97
|
? { marginTop: '0.5rem', marginBottom: '0.5rem' }
|
|
98
98
|
: { marginLeft: '0.5rem', marginRight: '0.5rem' }; }, [props.vertical]);
|
|
99
|
-
var localization = kendo_react_intl_1.useLocalization();
|
|
99
|
+
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
100
100
|
var calcNewDistance = React.useCallback(function (event) {
|
|
101
101
|
if (!sliderTrackWrapRef.current) {
|
|
102
102
|
return;
|
|
@@ -214,8 +214,8 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
|
|
|
214
214
|
dispatchStateValue({ type: action, payload: payload, event: event });
|
|
215
215
|
setCurrentDrag('');
|
|
216
216
|
};
|
|
217
|
-
kendo_react_common_1.useDraggable(sliderTrackWrapRef, { onPress: handleTrackPress, onDrag: handleTrackDrag, onRelease: handleTrackRelease });
|
|
218
|
-
return (React.createElement("div", { role: "slider", id: props.id, style: props.style, ref: sliderRef, dir: dir, className: kendo_react_common_1.classNames('k-widget k-slider', {
|
|
217
|
+
(0, kendo_react_common_1.useDraggable)(sliderTrackWrapRef, { onPress: handleTrackPress, onDrag: handleTrackDrag, onRelease: handleTrackRelease });
|
|
218
|
+
return (React.createElement("div", { role: "slider", id: props.id, style: props.style, ref: sliderRef, dir: dir, className: (0, kendo_react_common_1.classNames)('k-widget k-slider', {
|
|
219
219
|
'k-rtl': dir === 'rtl',
|
|
220
220
|
'k-disabled': props.disabled,
|
|
221
221
|
'k-slider-vertical': props.vertical,
|
|
@@ -232,17 +232,17 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
|
|
|
232
232
|
React.createElement("div", { ref: sliderTrackRef, className: "k-slider-track", style: props.vertical
|
|
233
233
|
? { bottom: 0, height: '100%' }
|
|
234
234
|
: (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a) },
|
|
235
|
-
(percentStart !== null && percentEnd !== null) && React.createElement("div", { "data-selection": true, ref: sliderSelectionRef, title: value.start
|
|
235
|
+
(percentStart !== null && percentEnd !== null) && React.createElement("div", { "data-selection": true, ref: sliderSelectionRef, title: "".concat(value.start, " - ").concat(value.end), className: "k-slider-selection", style: props.vertical
|
|
236
236
|
? { height: (percentEnd - percentStart) + '%', bottom: percentStart + '%' }
|
|
237
237
|
: (_b = {},
|
|
238
238
|
_b[dir === 'rtl' ? 'right' : 'left'] = percentStart + '%',
|
|
239
239
|
_b.width = (percentEnd - percentStart) + '%',
|
|
240
240
|
_b) }),
|
|
241
|
-
React.createElement("a", { ref: startHandle, role: "slider", tabIndex: kendo_react_common_1.getTabIndex(props.startTabIndex, props.disabled, undefined), "aria-valuemin": min, "aria-valuemax": Math.max(max, value.end), "aria-valuenow": value.start, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
|
|
241
|
+
React.createElement("a", { ref: startHandle, role: "slider", tabIndex: (0, kendo_react_common_1.getTabIndex)(props.startTabIndex, props.disabled, undefined), "aria-valuemin": min, "aria-valuemax": Math.max(max, value.end), "aria-valuenow": value.start, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
|
|
242
242
|
? { bottom: 'calc(' + percentStart + '%)', zIndex: 1 }
|
|
243
243
|
: dir === 'rtl' ? { right: 'calc(' + percentStart + '% - 13px)', zIndex: 1 }
|
|
244
244
|
: { left: 'calc(' + percentStart + '%)', zIndex: 1 }, onKeyDown: handleStartKeyDown }),
|
|
245
|
-
React.createElement("a", { ref: endHandle, role: "slider", tabIndex: kendo_react_common_1.getTabIndex(props.endTabIndex, props.disabled, undefined), "aria-valuemin": Math.min(min, value.start), "aria-valuemax": max, "aria-valuenow": value.end, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
|
|
245
|
+
React.createElement("a", { ref: endHandle, role: "slider", tabIndex: (0, kendo_react_common_1.getTabIndex)(props.endTabIndex, props.disabled, undefined), "aria-valuemin": Math.min(min, value.start), "aria-valuemax": max, "aria-valuenow": value.end, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
|
|
246
246
|
? { bottom: 'calc(' + percentEnd + '%)', zIndex: 1 }
|
|
247
247
|
: dir === 'rtl' ? { right: 'calc(' + percentEnd + '% - 13px)', zIndex: 1 }
|
|
248
248
|
: { left: 'calc(' + percentEnd + '%)', zIndex: 1 }, onKeyDown: handleEndKeyDown })))));
|
|
@@ -255,7 +255,7 @@ var propTypes = {
|
|
|
255
255
|
var min = props.min;
|
|
256
256
|
var max = props.max;
|
|
257
257
|
if (start > end || start > max || start < min || end > max || end < min || end < start) {
|
|
258
|
-
return new Error("Invalid prop + "
|
|
258
|
+
return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n The { start, end } value must be between the min & max value and { start, end } must be start < end.\n "));
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
261
|
return null;
|
|
@@ -267,7 +267,7 @@ var propTypes = {
|
|
|
267
267
|
var min = props.min;
|
|
268
268
|
var max = props.max;
|
|
269
269
|
if (start > end || start > max || start < min || end > max || end < min || end < start) {
|
|
270
|
-
return new Error("Invalid prop + "
|
|
270
|
+
return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n The { start, end } value must be between the min & max value and { start, end } must be start < end.\n "));
|
|
271
271
|
}
|
|
272
272
|
}
|
|
273
273
|
return null;
|
|
@@ -279,10 +279,10 @@ var propTypes = {
|
|
|
279
279
|
var min = props.min;
|
|
280
280
|
var max = props.max;
|
|
281
281
|
if (min === undefined) {
|
|
282
|
-
return new Error("Invalid prop + "
|
|
282
|
+
return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n ").concat(propName, " value can not be undefined.\n "));
|
|
283
283
|
}
|
|
284
284
|
if (prop && min >= max) {
|
|
285
|
-
return new Error("Invalid prop + "
|
|
285
|
+
return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n ").concat(propName, " value can not be equal to or bigger than the max value.\n "));
|
|
286
286
|
}
|
|
287
287
|
return null;
|
|
288
288
|
},
|
|
@@ -291,10 +291,10 @@ var propTypes = {
|
|
|
291
291
|
var min = props.min;
|
|
292
292
|
var max = props.max;
|
|
293
293
|
if (max === undefined) {
|
|
294
|
-
return new Error("Invalid prop + "
|
|
294
|
+
return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n ").concat(propName, " value can not be undefined.\n "));
|
|
295
295
|
}
|
|
296
296
|
if (prop && max <= min) {
|
|
297
|
-
return new Error("Invalid prop + "
|
|
297
|
+
return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n ").concat(propName, " value can not be equal to or smaller than the min value.\n "));
|
|
298
298
|
}
|
|
299
299
|
return null;
|
|
300
300
|
},
|
|
@@ -155,4 +155,4 @@ export declare const RatingPropsContext: React.Context<(p: RatingProps) => Ratin
|
|
|
155
155
|
* Accepts properties of type [RatingProps]({% slug api_inputs_ratingprops %}).
|
|
156
156
|
* Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
|
|
157
157
|
*/
|
|
158
|
-
export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<RatingHandle>>;
|
|
158
|
+
export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<RatingHandle | null>>;
|