@progress/kendo-react-inputs 5.4.0-dev.202205200719 → 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 +9 -7
- package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js +1 -0
- package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js +1 -0
- package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js +1 -0
- package/dist/es/checkbox/interfaces/CheckboxProps.js +1 -0
- package/dist/es/colors/ColorContrastLabels.js +6 -4
- package/dist/es/colors/ColorContrastSvg.js +3 -1
- package/dist/es/colors/ColorGradient.d.ts +3 -3
- package/dist/es/colors/ColorGradient.js +11 -5
- package/dist/es/colors/ColorInput.js +3 -1
- package/dist/es/colors/ColorPalette.d.ts +6 -3
- package/dist/es/colors/ColorPalette.js +15 -6
- 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/HexInput.js +3 -1
- package/dist/es/colors/Picker.js +1 -1
- package/dist/es/colors/interfaces/ColorGradientChangeEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorGradientProps.js +1 -0
- package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPaletteProps.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerBlurEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerChangeEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerFocusEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerGradientSettings.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerPopupSettings.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerProps.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerView.js +1 -0
- package/dist/es/colors/interfaces/PickerPopupSettings.js +1 -0
- package/dist/es/colors/interfaces/PickerProps.js +1 -0
- package/dist/es/colors/models/hsva.js +1 -0
- package/dist/es/colors/models/output-format.js +1 -0
- package/dist/es/colors/models/rgb.js +1 -0
- package/dist/es/colors/models/rgba.js +1 -0
- package/dist/es/colors/models/table-cell.js +1 -0
- package/dist/es/colors/models/tile-size.js +1 -0
- package/dist/es/colors/utils/color-parser.d.ts +1 -1
- package/dist/es/colors/utils/color-parser.js +2 -2
- package/dist/es/colors/utils/misc.d.ts +1 -1
- package/dist/es/colors/utils/svg-calc.js +4 -4
- package/dist/es/common/SliderTooltip.js +3 -3
- package/dist/es/common/SwitchController.d.ts +3 -3
- package/dist/es/common/SwitchController.js +7 -3
- package/dist/es/common/SwitchModel.d.ts +1 -1
- package/dist/es/input/Input.d.ts +5 -5
- package/dist/es/input/Input.js +14 -9
- package/dist/es/input/interfaces/InputChangeEvent.js +1 -0
- package/dist/es/interfaces/Direction.js +1 -0
- package/dist/es/interfaces/ToggleBaseProps.js +1 -0
- package/dist/es/main.js +31 -0
- package/dist/es/maskedtextbox/MaskedTextBox.d.ts +15 -15
- package/dist/es/maskedtextbox/MaskedTextBox.js +19 -16
- package/dist/es/maskedtextbox/MaskedTextBoxProps.js +1 -0
- package/dist/es/maskedtextbox/masking.service.d.ts +4 -4
- package/dist/es/maskedtextbox/masking.service.js +4 -4
- package/dist/es/maskedtextbox/parsing/result.js +1 -1
- package/dist/es/messages/index.d.ts +22 -22
- package/dist/es/numerictextbox/NumericTextBox.d.ts +1 -1
- package/dist/es/numerictextbox/NumericTextBox.js +3 -3
- package/dist/es/numerictextbox/interfaces/NumericTextBoxBlurEvent.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxChangeEvent.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxFocusEvent.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxHandle.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxState.js +1 -0
- package/dist/es/numerictextbox/utils/index.d.ts +7 -7
- 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 +5 -3
- package/dist/es/radiobutton/RadioGroup.d.ts +1 -1
- package/dist/es/radiobutton/RadioGroup.js +1 -1
- package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioButtonProps.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioGroupProps.js +1 -0
- package/dist/es/range-slider/RangeSlider.d.ts +1 -1
- package/dist/es/range-slider/RangeSlider.js +8 -8
- package/dist/es/range-slider/range-raducer.js +12 -12
- package/dist/es/rating/Rating.d.ts +1 -1
- package/dist/es/rating/Rating.js +16 -13
- package/dist/es/rating/RatingItem.d.ts +1 -1
- package/dist/es/rating/models/index.d.ts +4 -0
- package/dist/es/rating/models/index.js +1 -0
- package/dist/es/rating/utils/index.d.ts +1 -1
- package/dist/es/slider/Slider.d.ts +3 -3
- package/dist/es/slider/Slider.js +7 -3
- package/dist/es/slider/SliderLabel.js +2 -2
- package/dist/es/switch/Switch.d.ts +13 -13
- package/dist/es/switch/Switch.js +18 -13
- package/dist/es/textarea/TextArea.d.ts +1 -1
- package/dist/es/textarea/TextArea.js +9 -7
- package/dist/es/textarea/interfaces/TextAreaBlurEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaChangeEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaFocusEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaProps.js +1 -0
- package/dist/es/utils.js +10 -1
- package/dist/npm/checkbox/Checkbox.d.ts +1 -1
- package/dist/npm/checkbox/Checkbox.js +20 -17
- package/dist/npm/colors/ColorContrastLabels.js +10 -7
- package/dist/npm/colors/ColorContrastSvg.js +10 -7
- package/dist/npm/colors/ColorGradient.d.ts +3 -3
- package/dist/npm/colors/ColorGradient.js +42 -35
- package/dist/npm/colors/ColorInput.js +6 -4
- package/dist/npm/colors/ColorPalette.d.ts +6 -3
- package/dist/npm/colors/ColorPalette.js +25 -15
- package/dist/npm/colors/ColorPicker.d.ts +1 -1
- package/dist/npm/colors/ColorPicker.js +14 -13
- package/dist/npm/colors/FlatColorPicker.d.ts +1 -1
- package/dist/npm/colors/FlatColorPicker.js +28 -26
- package/dist/npm/colors/HexInput.d.ts +1 -1
- package/dist/npm/colors/HexInput.js +6 -4
- package/dist/npm/colors/Picker.js +4 -2
- package/dist/npm/colors/models/palette-presets.js +1 -0
- package/dist/npm/colors/utils/color-cache.js +1 -0
- package/dist/npm/colors/utils/color-palette.service.js +7 -6
- package/dist/npm/colors/utils/color-parser.d.ts +1 -1
- package/dist/npm/colors/utils/color-parser.js +47 -36
- package/dist/npm/colors/utils/misc.d.ts +1 -1
- package/dist/npm/colors/utils/misc.js +6 -3
- package/dist/npm/colors/utils/svg-calc.js +13 -8
- package/dist/npm/common/SliderTooltip.js +7 -5
- package/dist/npm/common/SwitchController.d.ts +3 -3
- package/dist/npm/common/SwitchController.js +7 -3
- package/dist/npm/common/SwitchModel.d.ts +1 -1
- package/dist/npm/input/Input.d.ts +5 -5
- package/dist/npm/input/Input.js +20 -14
- package/dist/npm/main.js +69 -26
- package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +15 -15
- package/dist/npm/maskedtextbox/MaskedTextBox.js +26 -22
- package/dist/npm/maskedtextbox/masking.service.d.ts +4 -4
- package/dist/npm/maskedtextbox/masking.service.js +24 -23
- package/dist/npm/maskedtextbox/parsing/combinators.js +5 -2
- package/dist/npm/maskedtextbox/parsing/parsers.js +15 -7
- package/dist/npm/maskedtextbox/parsing/result.js +2 -1
- package/dist/npm/maskedtextbox/parsing/stream.js +1 -0
- package/dist/npm/maskedtextbox/utils.js +1 -0
- package/dist/npm/messages/index.d.ts +22 -22
- package/dist/npm/messages/index.js +2 -1
- package/dist/npm/numerictextbox/NumericTextBox.d.ts +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +32 -31
- package/dist/npm/numerictextbox/utils/index.d.ts +7 -7
- package/dist/npm/numerictextbox/utils/index.js +117 -88
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/radiobutton/RadioButton.d.ts +1 -1
- package/dist/npm/radiobutton/RadioButton.js +15 -12
- package/dist/npm/radiobutton/RadioGroup.d.ts +1 -1
- package/dist/npm/radiobutton/RadioGroup.js +12 -11
- package/dist/npm/range-slider/RangeSlider.d.ts +1 -1
- package/dist/npm/range-slider/RangeSlider.js +18 -17
- package/dist/npm/range-slider/range-raducer.js +15 -13
- package/dist/npm/rating/Rating.d.ts +1 -1
- package/dist/npm/rating/Rating.js +37 -33
- package/dist/npm/rating/RatingItem.d.ts +1 -1
- package/dist/npm/rating/RatingItem.js +3 -2
- package/dist/npm/rating/models/index.d.ts +4 -0
- package/dist/npm/rating/rating-reducer.js +7 -5
- package/dist/npm/rating/utils/index.d.ts +1 -1
- package/dist/npm/rating/utils/index.js +18 -11
- package/dist/npm/slider/Slider.d.ts +3 -3
- package/dist/npm/slider/Slider.js +15 -10
- package/dist/npm/slider/SliderLabel.js +6 -4
- package/dist/npm/switch/Switch.d.ts +13 -13
- package/dist/npm/switch/Switch.js +29 -23
- package/dist/npm/textarea/TextArea.d.ts +1 -1
- package/dist/npm/textarea/TextArea.js +18 -15
- package/dist/npm/utils.js +11 -1
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +15 -15
- package/dist/es/switch/util.d.ts +0 -8
- package/dist/es/switch/util.js +0 -46
- package/dist/npm/switch/util.d.ts +0 -8
- package/dist/npm/switch/util.js +0 -48
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.rawLiteral = exports.rawMask = exports.token = exports.unliteral = exports.unmask = exports.literal = exports.mask = exports.Parser = void 0;
|
|
3
4
|
var result_1 = require("./result");
|
|
4
5
|
var stream_1 = require("./stream");
|
|
5
6
|
var toArray = function (value) { return (value || '').split(''); };
|
|
@@ -39,7 +40,7 @@ exports.Parser = Parser;
|
|
|
39
40
|
/**
|
|
40
41
|
* @hidden
|
|
41
42
|
*/
|
|
42
|
-
|
|
43
|
+
var mask = function (_a) {
|
|
43
44
|
var prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;
|
|
44
45
|
return function (rule) { return new Parser(function (stream) {
|
|
45
46
|
while (!stream.eof()) {
|
|
@@ -62,10 +63,11 @@ exports.mask = function (_a) {
|
|
|
62
63
|
return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
|
|
63
64
|
}); };
|
|
64
65
|
};
|
|
66
|
+
exports.mask = mask;
|
|
65
67
|
/**
|
|
66
68
|
* @hidden
|
|
67
69
|
*/
|
|
68
|
-
|
|
70
|
+
var literal = function (_token) { return new Parser(function (stream) {
|
|
69
71
|
// let {char, control} = stream.peek();
|
|
70
72
|
var char = stream.peek().char;
|
|
71
73
|
if (char === _token) {
|
|
@@ -84,10 +86,11 @@ exports.literal = function (_token) { return new Parser(function (stream) {
|
|
|
84
86
|
// }
|
|
85
87
|
return new result_1.Result(_token, stream, result_1.ResultType.Literal);
|
|
86
88
|
}); };
|
|
89
|
+
exports.literal = literal;
|
|
87
90
|
/**
|
|
88
91
|
* @hidden
|
|
89
92
|
*/
|
|
90
|
-
|
|
93
|
+
var unmask = function (prompt) { return function (rule) { return new Parser(function (stream) {
|
|
91
94
|
while (!stream.eof()) {
|
|
92
95
|
var _a = stream.peek(), char = _a.char, control = _a.control;
|
|
93
96
|
if (char === prompt && control === prompt) {
|
|
@@ -103,10 +106,11 @@ exports.unmask = function (prompt) { return function (rule) { return new Parser(
|
|
|
103
106
|
stream.eat();
|
|
104
107
|
return new result_1.Result('', stream);
|
|
105
108
|
}); }; };
|
|
109
|
+
exports.unmask = unmask;
|
|
106
110
|
/**
|
|
107
111
|
* @hidden
|
|
108
112
|
*/
|
|
109
|
-
|
|
113
|
+
var unliteral = function (_token) { return new Parser(function (stream) {
|
|
110
114
|
if (stream.eof()) {
|
|
111
115
|
return new result_1.Result('', stream);
|
|
112
116
|
}
|
|
@@ -116,10 +120,11 @@ exports.unliteral = function (_token) { return new Parser(function (stream) {
|
|
|
116
120
|
}
|
|
117
121
|
return new result_1.Result(_token, stream);
|
|
118
122
|
}); };
|
|
123
|
+
exports.unliteral = unliteral;
|
|
119
124
|
/**
|
|
120
125
|
* @hidden
|
|
121
126
|
*/
|
|
122
|
-
|
|
127
|
+
var token = function (rules, creator) { return new Parser(function (stream) {
|
|
123
128
|
var char = stream.next().char;
|
|
124
129
|
var rule = rules[char];
|
|
125
130
|
if (char === ESCAPE_CHARACTER) {
|
|
@@ -131,10 +136,11 @@ exports.token = function (rules, creator) { return new Parser(function (stream)
|
|
|
131
136
|
}
|
|
132
137
|
return new result_1.Result(creator.mask(rule), stream);
|
|
133
138
|
}); };
|
|
139
|
+
exports.token = token;
|
|
134
140
|
/**
|
|
135
141
|
* @hidden
|
|
136
142
|
*/
|
|
137
|
-
|
|
143
|
+
var rawMask = function (_a) {
|
|
138
144
|
var prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;
|
|
139
145
|
return new Parser(function (stream) {
|
|
140
146
|
var char = stream.next().char;
|
|
@@ -144,13 +150,15 @@ exports.rawMask = function (_a) {
|
|
|
144
150
|
return new result_1.Result(char, stream);
|
|
145
151
|
});
|
|
146
152
|
};
|
|
153
|
+
exports.rawMask = rawMask;
|
|
147
154
|
/**
|
|
148
155
|
* @hidden
|
|
149
156
|
*/
|
|
150
|
-
|
|
157
|
+
var rawLiteral = function (includeLiterals) { return new Parser(function (stream) {
|
|
151
158
|
var char = stream.next().char;
|
|
152
159
|
if (includeLiterals) {
|
|
153
160
|
return new result_1.Result(char, stream);
|
|
154
161
|
}
|
|
155
162
|
return new result_1.Result('', stream);
|
|
156
163
|
}); };
|
|
164
|
+
exports.rawLiteral = rawLiteral;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Result = exports.ResultType = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* @hidden
|
|
5
6
|
*/
|
|
@@ -34,7 +35,7 @@ var Result = /** @class */ (function () {
|
|
|
34
35
|
return this.map(function (vs, _) { return r.chain(function (v, __) { return vs.concat([v]); }); });
|
|
35
36
|
};
|
|
36
37
|
Result.prototype.toString = function () {
|
|
37
|
-
return "Result({ value: '"
|
|
38
|
+
return "Result({ value: '".concat(this.value, "', rest: ").concat(this.rest, " })");
|
|
38
39
|
};
|
|
39
40
|
return Result;
|
|
40
41
|
}());
|
|
@@ -90,26 +90,26 @@ export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownB
|
|
|
90
90
|
* @hidden
|
|
91
91
|
*/
|
|
92
92
|
export declare const messages: {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
93
|
+
"numerictextbox.increment": string;
|
|
94
|
+
"numerictextbox.decrement": string;
|
|
95
|
+
"slider.increment": string;
|
|
96
|
+
"slider.decrement": string;
|
|
97
|
+
"slider.dragTitle": string;
|
|
98
|
+
"colorGradient.r": string;
|
|
99
|
+
"colorGradient.g": string;
|
|
100
|
+
"colorGradient.b": string;
|
|
101
|
+
"colorGradient.a": string;
|
|
102
|
+
"colorGradient.hex": string;
|
|
103
|
+
"colorGradient.contrastRatio": string;
|
|
104
|
+
"colorGradient.colorGradientAALevel": string;
|
|
105
|
+
"colorGradient.colorGradientAAALevel": string;
|
|
106
|
+
"colorGradient.colorGradientPass": string;
|
|
107
|
+
"colorGradient.colorGradientFail": string;
|
|
108
|
+
"flatColorPicker.cancelBtn": string;
|
|
109
|
+
"flatColorPicker.applyBtn": string;
|
|
110
|
+
"checkbox.validation": string;
|
|
111
|
+
"checkbox.optionalText": string;
|
|
112
|
+
"radioButton.validation": string;
|
|
113
|
+
"switch.validation": string;
|
|
114
|
+
"colorPicker.dropdownButtonAriaLabel": string;
|
|
115
115
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
2
|
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.messages = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
|
|
4
5
|
/**
|
|
5
6
|
* @hidden
|
|
6
7
|
*/
|
|
@@ -11,4 +11,4 @@ export declare const NumericTextBoxPropsContext: React.Context<(p: NumericTextBo
|
|
|
11
11
|
/**
|
|
12
12
|
* Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
|
|
13
13
|
*/
|
|
14
|
-
export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle>>;
|
|
14
|
+
export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle | null>>;
|
|
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.NumericTextBox = exports.NumericTextBoxPropsContext = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var PropTypes = require("prop-types");
|
|
16
17
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
@@ -28,28 +29,28 @@ var VALIDATION_MESSAGE = 'Please enter a valid value!';
|
|
|
28
29
|
*
|
|
29
30
|
* For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
|
|
30
31
|
*/
|
|
31
|
-
exports.NumericTextBoxPropsContext = kendo_react_common_1.createPropsContext();
|
|
32
|
+
exports.NumericTextBoxPropsContext = (0, kendo_react_common_1.createPropsContext)();
|
|
32
33
|
/**
|
|
33
34
|
* Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
|
|
34
35
|
*/
|
|
35
36
|
exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
36
37
|
var _a;
|
|
37
|
-
kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
|
|
38
|
-
var props = kendo_react_common_1.usePropsContext(exports.NumericTextBoxPropsContext, directProps);
|
|
39
|
-
var calculatedId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
|
|
38
|
+
(0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
|
|
39
|
+
var props = (0, kendo_react_common_1.usePropsContext)(exports.NumericTextBoxPropsContext, directProps);
|
|
40
|
+
var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
|
|
40
41
|
var inputId = props.id || calculatedId;
|
|
41
|
-
var intlService = kendo_react_intl_1.useInternationalization();
|
|
42
|
-
var localizationService = kendo_react_intl_1.useLocalization();
|
|
42
|
+
var intlService = (0, kendo_react_intl_1.useInternationalization)();
|
|
43
|
+
var localizationService = (0, kendo_react_intl_1.useLocalization)();
|
|
43
44
|
var elementRef = React.useRef(null);
|
|
44
45
|
var valueDuringChangeRef = React.useRef();
|
|
45
46
|
var _b = React.useState(false), forceUpdate = _b[0], setForceUpdate = _b[1];
|
|
46
|
-
var stateRef = React.useRef(utils_1.getInitialState());
|
|
47
|
+
var stateRef = React.useRef((0, utils_1.getInitialState)());
|
|
47
48
|
var isPasteRef = React.useRef(false);
|
|
48
49
|
var prevLooseValueRef = React.useRef();
|
|
49
50
|
var stateValueRef = React.useRef(props.defaultValue);
|
|
50
|
-
var looseValue = utils_1.formatValue(stateRef.current.focused && !props.disabled ?
|
|
51
|
+
var looseValue = (0, utils_1.formatValue)(stateRef.current.focused && !props.disabled ?
|
|
51
52
|
stateRef.current.currentLooseValue :
|
|
52
|
-
utils_1.getStateOrPropsValue(props.value, stateValueRef.current), props.format, intlService);
|
|
53
|
+
(0, utils_1.getStateOrPropsValue)(props.value, stateValueRef.current), props.format, intlService);
|
|
53
54
|
prevLooseValueRef.current = looseValue;
|
|
54
55
|
React.useEffect(function () {
|
|
55
56
|
if (elementRef.current && elementRef.current.setCustomValidity) {
|
|
@@ -68,7 +69,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
68
69
|
return valueDuringChangeRef.current;
|
|
69
70
|
}
|
|
70
71
|
else {
|
|
71
|
-
return utils_1.getStateOrPropsValue(props.value, stateValueRef.current);
|
|
72
|
+
return (0, utils_1.getStateOrPropsValue)(props.value, stateValueRef.current);
|
|
72
73
|
}
|
|
73
74
|
}, [props.value]);
|
|
74
75
|
var nameGetter = React.useCallback(function () {
|
|
@@ -112,7 +113,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
112
113
|
React.useImperativeHandle(target, getImperativeHandle);
|
|
113
114
|
var getCurrentState = React.useCallback(function () {
|
|
114
115
|
return {
|
|
115
|
-
eventValue: utils_1.getStateOrPropsValue(props.value, stateValueRef.current),
|
|
116
|
+
eventValue: (0, utils_1.getStateOrPropsValue)(props.value, stateValueRef.current),
|
|
116
117
|
prevLooseValue: prevLooseValueRef.current,
|
|
117
118
|
currentLooseValue: elementRef.current.value,
|
|
118
119
|
selectionStart: elementRef.current.selectionStart,
|
|
@@ -130,8 +131,8 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
130
131
|
}
|
|
131
132
|
valueDuringChangeRef.current = newState.eventValue;
|
|
132
133
|
stateValueRef.current = newState.eventValue;
|
|
133
|
-
var formattedValue = utils_1.formatValue(utils_1.rangeValue(newState.eventValue, props.min, props.max), props.format, intlService);
|
|
134
|
-
var rangedValue = utils_1.rangeValue(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
|
|
134
|
+
var formattedValue = (0, utils_1.formatValue)((0, utils_1.rangeValue)(newState.eventValue, props.min, props.max), props.format, intlService);
|
|
135
|
+
var rangedValue = (0, utils_1.rangeValue)(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
|
|
135
136
|
if (rangedValue !== newState.eventValue) {
|
|
136
137
|
newState.valueIsOutOfRange = true;
|
|
137
138
|
newState.eventValue = rangedValue;
|
|
@@ -139,7 +140,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
139
140
|
}
|
|
140
141
|
var shouldFireEvent = props.value !== newState.eventValue;
|
|
141
142
|
if (shouldFireEvent) {
|
|
142
|
-
kendo_react_common_1.dispatchEvent(props.onChange, event, getImperativeHandle(), { value: newState.eventValue });
|
|
143
|
+
(0, kendo_react_common_1.dispatchEvent)(props.onChange, event, getImperativeHandle(), { value: newState.eventValue });
|
|
143
144
|
}
|
|
144
145
|
valueDuringChangeRef.current = undefined;
|
|
145
146
|
stateRef.current = newState;
|
|
@@ -148,7 +149,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
148
149
|
var onChangeHandler = React.useCallback(function (event) {
|
|
149
150
|
var stateCandidate = getCurrentState();
|
|
150
151
|
isPasteRef.current = false;
|
|
151
|
-
triggerChange(event, utils_1.sanitizeNumber(stateCandidate, props.format, intlService));
|
|
152
|
+
triggerChange(event, (0, utils_1.sanitizeNumber)(stateCandidate, props.format, intlService));
|
|
152
153
|
}, [props.format, props.onChange, intlService, triggerChange, getCurrentState]);
|
|
153
154
|
var onKeyDown = React.useCallback(function (event) {
|
|
154
155
|
var newState = getCurrentState();
|
|
@@ -162,21 +163,21 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
162
163
|
switch (event.keyCode) {
|
|
163
164
|
case 38:
|
|
164
165
|
// Arrow up
|
|
165
|
-
utils_1.increaseValue(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
|
|
166
|
+
(0, utils_1.increaseValue)(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
|
|
166
167
|
break;
|
|
167
168
|
case 40:
|
|
168
169
|
// Arrow down
|
|
169
|
-
utils_1.decreaseValue(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
|
|
170
|
+
(0, utils_1.decreaseValue)(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
|
|
170
171
|
break;
|
|
171
172
|
case 13:
|
|
172
173
|
// Enter - range values
|
|
173
174
|
if (props.rangeOnEnter === false) {
|
|
174
175
|
return;
|
|
175
176
|
}
|
|
176
|
-
var formattedValue = utils_1.formatValue(utils_1.rangeValue(currentValue, props.min, props.max), props.format, intlService);
|
|
177
|
-
var rangedValue = utils_1.rangeValue(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
|
|
177
|
+
var formattedValue = (0, utils_1.formatValue)((0, utils_1.rangeValue)(currentValue, props.min, props.max), props.format, intlService);
|
|
178
|
+
var rangedValue = (0, utils_1.rangeValue)(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
|
|
178
179
|
newState.eventValue = rangedValue;
|
|
179
|
-
newState.currentLooseValue = utils_1.formatValue(rangedValue, props.format, intlService);
|
|
180
|
+
newState.currentLooseValue = (0, utils_1.formatValue)(rangedValue, props.format, intlService);
|
|
180
181
|
newState.selectionStart = newState.selectionEnd = newState.currentLooseValue.length;
|
|
181
182
|
break;
|
|
182
183
|
case 110:
|
|
@@ -188,7 +189,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
188
189
|
symbols.decimal +
|
|
189
190
|
newState.currentLooseValue.slice(newState.selectionEnd);
|
|
190
191
|
newState.selectionStart = newState.selectionEnd = newState.selectionStart + 1;
|
|
191
|
-
newState = utils_1.sanitizeNumber(newState, props.format, intlService);
|
|
192
|
+
newState = (0, utils_1.sanitizeNumber)(newState, props.format, intlService);
|
|
192
193
|
}
|
|
193
194
|
break;
|
|
194
195
|
default:
|
|
@@ -206,7 +207,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
206
207
|
return;
|
|
207
208
|
}
|
|
208
209
|
var newState = getCurrentState();
|
|
209
|
-
utils_1.increaseValue(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
|
|
210
|
+
(0, utils_1.increaseValue)(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
|
|
210
211
|
triggerChange(event, newState);
|
|
211
212
|
}, [props.format, props.min, props.max, props.step, props.onChange, props.readOnly, props.disabled, triggerChange, getCurrentState]);
|
|
212
213
|
var onDecrease = React.useCallback(function (event) {
|
|
@@ -215,7 +216,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
215
216
|
return;
|
|
216
217
|
}
|
|
217
218
|
var newState = getCurrentState();
|
|
218
|
-
utils_1.decreaseValue(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
|
|
219
|
+
(0, utils_1.decreaseValue)(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
|
|
219
220
|
triggerChange(event, newState);
|
|
220
221
|
}, [props.format, props.min, props.max, props.step, props.onChange, props.readOnly, props.disabled, triggerChange, getCurrentState]);
|
|
221
222
|
var onWheelHandler = React.useCallback(function (event) {
|
|
@@ -236,12 +237,12 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
236
237
|
var onFocus = React.useCallback(function (event) {
|
|
237
238
|
stateRef.current.currentLooseValue = prevLooseValueRef.current;
|
|
238
239
|
stateRef.current.focused = true;
|
|
239
|
-
kendo_react_common_1.dispatchEvent(props.onFocus, event, getImperativeHandle(), {});
|
|
240
|
+
(0, kendo_react_common_1.dispatchEvent)(props.onFocus, event, getImperativeHandle(), {});
|
|
240
241
|
setForceUpdate(function (x) { return !x; });
|
|
241
242
|
}, [props.onFocus, setForceUpdate, getImperativeHandle]);
|
|
242
243
|
var onBlur = React.useCallback(function (event) {
|
|
243
|
-
stateRef.current = utils_1.getInitialState();
|
|
244
|
-
kendo_react_common_1.dispatchEvent(props.onBlur, event, getImperativeHandle(), {});
|
|
244
|
+
stateRef.current = (0, utils_1.getInitialState)();
|
|
245
|
+
(0, kendo_react_common_1.dispatchEvent)(props.onBlur, event, getImperativeHandle(), {});
|
|
245
246
|
setForceUpdate(function (x) { return !x; });
|
|
246
247
|
}, [props.onBlur, setForceUpdate, getImperativeHandle]);
|
|
247
248
|
var onMouseDown = React.useCallback(function (e) {
|
|
@@ -262,15 +263,15 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
262
263
|
}, [forceUpdate]);
|
|
263
264
|
var isValid = !validityStylesGetter() || validityGetter().valid;
|
|
264
265
|
var numerictextbox = (React.createElement("span", { dir: props.dir, style: !props.label
|
|
265
|
-
? __assign({ width: props.width }, props.style) : props.style, className: kendo_react_common_1.classNames('k-input', 'k-numerictextbox', (_a = {},
|
|
266
|
-
_a["k-input-"
|
|
267
|
-
_a["k-input-"
|
|
268
|
-
_a["k-rounded-"
|
|
266
|
+
? __assign({ width: props.width }, props.style) : props.style, className: (0, kendo_react_common_1.classNames)('k-input', 'k-numerictextbox', (_a = {},
|
|
267
|
+
_a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
|
|
268
|
+
_a["k-input-".concat(props.fillMode)] = props.fillMode,
|
|
269
|
+
_a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
|
|
269
270
|
_a['k-invalid'] = !isValid,
|
|
270
271
|
_a['k-required'] = props.required,
|
|
271
272
|
_a['k-disabled'] = props.disabled,
|
|
272
273
|
_a), props.className), "aria-disabled": props.disabled ? 'true' : undefined },
|
|
273
|
-
React.createElement("input", { value: looseValue === null ? '' : looseValue, tabIndex: kendo_react_common_1.getTabIndex(props.tabIndex, props.disabled), accessKey: props.accessKey, disabled: props.disabled, title: props.title, "aria-valuemin": props.min, "aria-valuemax": props.max, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, placeholder: props.placeholder, spellCheck: false, autoComplete: 'off', autoCorrect: 'off', type: props.inputType || 'tel', className: 'k-input-inner', id: inputId, name: props.name, readOnly: props.readOnly, style: props.inputStyle, onChange: onChangeHandler, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPasteHandler, onWheel: onWheelHandler, ref: elementRef }),
|
|
274
|
+
React.createElement("input", { value: looseValue === null ? '' : looseValue, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), accessKey: props.accessKey, disabled: props.disabled, title: props.title, "aria-valuemin": props.min, "aria-valuemax": props.max, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, placeholder: props.placeholder, spellCheck: false, autoComplete: 'off', autoCorrect: 'off', type: props.inputType || 'tel', className: 'k-input-inner', id: inputId, name: props.name, readOnly: props.readOnly, style: props.inputStyle, onChange: onChangeHandler, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPasteHandler, onWheel: onWheelHandler, ref: elementRef }),
|
|
274
275
|
props.children,
|
|
275
276
|
props.spinners &&
|
|
276
277
|
(React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
|
|
@@ -7,11 +7,11 @@ export declare const getInitialState: () => NumericTextBoxState;
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export declare const getStateOrPropsValue: (value: number, stateValue: number) => number;
|
|
10
|
+
export declare const getStateOrPropsValue: (value: number | null | undefined, stateValue: number | null | undefined) => number | null | undefined;
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
|
-
export declare const formatValue: (value: string | number, format: string | NumberFormatOptions, intlService: any) => string;
|
|
14
|
+
export declare const formatValue: (value: string | number | null | undefined, format: string | NumberFormatOptions | undefined, intlService: any) => string;
|
|
15
15
|
/**
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
@@ -35,7 +35,7 @@ export declare const decreaseValue: (value: any, newState: any, step: any, min:
|
|
|
35
35
|
/**
|
|
36
36
|
* @hidden
|
|
37
37
|
*/
|
|
38
|
-
export declare const rangeValue: (value: number, min: any, max: any) => number;
|
|
38
|
+
export declare const rangeValue: (value: number | null, min: any, max: any) => number | null;
|
|
39
39
|
/**
|
|
40
40
|
* @hidden
|
|
41
41
|
*/
|
|
@@ -55,7 +55,7 @@ export declare const setSelection: (newState: NumericTextBoxState, newIndex: num
|
|
|
55
55
|
/**
|
|
56
56
|
* @hidden
|
|
57
57
|
*/
|
|
58
|
-
export declare const setInvalid: (newState: NumericTextBoxState, format: string | NumberFormatOptions, formatInfo: string[][], intlService: any) => void;
|
|
58
|
+
export declare const setInvalid: (newState: NumericTextBoxState, format: string | NumberFormatOptions | undefined, formatInfo: string[][], intlService: any) => void;
|
|
59
59
|
/**
|
|
60
60
|
* @hidden
|
|
61
61
|
*/
|
|
@@ -71,7 +71,7 @@ export declare const isDecimalDuplicated: (newState: NumericTextBoxState, symbol
|
|
|
71
71
|
/**
|
|
72
72
|
* @hidden
|
|
73
73
|
*/
|
|
74
|
-
export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions, intlService: any) => {
|
|
74
|
+
export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions | undefined, intlService: any) => {
|
|
75
75
|
positiveInfo: string[];
|
|
76
76
|
negativeInfo: string[];
|
|
77
77
|
zeroInfo: string[];
|
|
@@ -80,7 +80,7 @@ export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions
|
|
|
80
80
|
/**
|
|
81
81
|
* @hidden
|
|
82
82
|
*/
|
|
83
|
-
export declare const getFormatSymbols: (format: string | NumberFormatOptions, intlService: any) => string;
|
|
83
|
+
export declare const getFormatSymbols: (format: string | NumberFormatOptions | undefined, intlService: any) => string;
|
|
84
84
|
/**
|
|
85
85
|
* @hidden
|
|
86
86
|
*/
|
|
@@ -116,4 +116,4 @@ export declare const changeBasedSelection: (currentValue: string, nextValue: str
|
|
|
116
116
|
/**
|
|
117
117
|
* @hidden
|
|
118
118
|
*/
|
|
119
|
-
export declare const sanitizeNumber: (state: NumericTextBoxState, format: string | NumberFormatOptions, intlService: any) => NumericTextBoxState;
|
|
119
|
+
export declare const sanitizeNumber: (state: NumericTextBoxState, format: string | NumberFormatOptions | undefined, intlService: any) => NumericTextBoxState;
|