@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.
Files changed (182) hide show
  1. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  2. package/dist/es/checkbox/Checkbox.d.ts +1 -1
  3. package/dist/es/checkbox/Checkbox.js +9 -7
  4. package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js +1 -0
  5. package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js +1 -0
  6. package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js +1 -0
  7. package/dist/es/checkbox/interfaces/CheckboxProps.js +1 -0
  8. package/dist/es/colors/ColorContrastLabels.js +6 -4
  9. package/dist/es/colors/ColorContrastSvg.js +3 -1
  10. package/dist/es/colors/ColorGradient.d.ts +3 -3
  11. package/dist/es/colors/ColorGradient.js +11 -5
  12. package/dist/es/colors/ColorInput.js +3 -1
  13. package/dist/es/colors/ColorPalette.d.ts +6 -3
  14. package/dist/es/colors/ColorPalette.js +15 -6
  15. package/dist/es/colors/ColorPicker.d.ts +1 -1
  16. package/dist/es/colors/ColorPicker.js +4 -4
  17. package/dist/es/colors/FlatColorPicker.d.ts +1 -1
  18. package/dist/es/colors/FlatColorPicker.js +25 -24
  19. package/dist/es/colors/HexInput.d.ts +1 -1
  20. package/dist/es/colors/HexInput.js +3 -1
  21. package/dist/es/colors/Picker.js +1 -1
  22. package/dist/es/colors/interfaces/ColorGradientChangeEvent.js +1 -0
  23. package/dist/es/colors/interfaces/ColorGradientProps.js +1 -0
  24. package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js +1 -0
  25. package/dist/es/colors/interfaces/ColorPaletteProps.js +1 -0
  26. package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js +1 -0
  27. package/dist/es/colors/interfaces/ColorPickerBlurEvent.js +1 -0
  28. package/dist/es/colors/interfaces/ColorPickerChangeEvent.js +1 -0
  29. package/dist/es/colors/interfaces/ColorPickerFocusEvent.js +1 -0
  30. package/dist/es/colors/interfaces/ColorPickerGradientSettings.js +1 -0
  31. package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js +1 -0
  32. package/dist/es/colors/interfaces/ColorPickerPopupSettings.js +1 -0
  33. package/dist/es/colors/interfaces/ColorPickerProps.js +1 -0
  34. package/dist/es/colors/interfaces/ColorPickerView.js +1 -0
  35. package/dist/es/colors/interfaces/PickerPopupSettings.js +1 -0
  36. package/dist/es/colors/interfaces/PickerProps.js +1 -0
  37. package/dist/es/colors/models/hsva.js +1 -0
  38. package/dist/es/colors/models/output-format.js +1 -0
  39. package/dist/es/colors/models/rgb.js +1 -0
  40. package/dist/es/colors/models/rgba.js +1 -0
  41. package/dist/es/colors/models/table-cell.js +1 -0
  42. package/dist/es/colors/models/tile-size.js +1 -0
  43. package/dist/es/colors/utils/color-parser.d.ts +1 -1
  44. package/dist/es/colors/utils/color-parser.js +2 -2
  45. package/dist/es/colors/utils/misc.d.ts +1 -1
  46. package/dist/es/colors/utils/svg-calc.js +4 -4
  47. package/dist/es/common/SliderTooltip.js +3 -3
  48. package/dist/es/common/SwitchController.d.ts +3 -3
  49. package/dist/es/common/SwitchController.js +7 -3
  50. package/dist/es/common/SwitchModel.d.ts +1 -1
  51. package/dist/es/input/Input.d.ts +5 -5
  52. package/dist/es/input/Input.js +14 -9
  53. package/dist/es/input/interfaces/InputChangeEvent.js +1 -0
  54. package/dist/es/interfaces/Direction.js +1 -0
  55. package/dist/es/interfaces/ToggleBaseProps.js +1 -0
  56. package/dist/es/main.js +31 -0
  57. package/dist/es/maskedtextbox/MaskedTextBox.d.ts +15 -15
  58. package/dist/es/maskedtextbox/MaskedTextBox.js +19 -16
  59. package/dist/es/maskedtextbox/MaskedTextBoxProps.js +1 -0
  60. package/dist/es/maskedtextbox/masking.service.d.ts +4 -4
  61. package/dist/es/maskedtextbox/masking.service.js +4 -4
  62. package/dist/es/maskedtextbox/parsing/result.js +1 -1
  63. package/dist/es/messages/index.d.ts +22 -22
  64. package/dist/es/numerictextbox/NumericTextBox.d.ts +1 -1
  65. package/dist/es/numerictextbox/NumericTextBox.js +3 -3
  66. package/dist/es/numerictextbox/interfaces/NumericTextBoxBlurEvent.js +1 -0
  67. package/dist/es/numerictextbox/interfaces/NumericTextBoxChangeEvent.js +1 -0
  68. package/dist/es/numerictextbox/interfaces/NumericTextBoxFocusEvent.js +1 -0
  69. package/dist/es/numerictextbox/interfaces/NumericTextBoxHandle.js +1 -0
  70. package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js +1 -0
  71. package/dist/es/numerictextbox/interfaces/NumericTextBoxState.js +1 -0
  72. package/dist/es/numerictextbox/utils/index.d.ts +7 -7
  73. package/dist/es/numerictextbox/utils/index.js +4 -4
  74. package/dist/es/package-metadata.js +1 -1
  75. package/dist/es/radiobutton/RadioButton.d.ts +1 -1
  76. package/dist/es/radiobutton/RadioButton.js +5 -3
  77. package/dist/es/radiobutton/RadioGroup.d.ts +1 -1
  78. package/dist/es/radiobutton/RadioGroup.js +1 -1
  79. package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js +1 -0
  80. package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js +1 -0
  81. package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js +1 -0
  82. package/dist/es/radiobutton/interfaces/RadioButtonProps.js +1 -0
  83. package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js +1 -0
  84. package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js +1 -0
  85. package/dist/es/radiobutton/interfaces/RadioGroupProps.js +1 -0
  86. package/dist/es/range-slider/RangeSlider.d.ts +1 -1
  87. package/dist/es/range-slider/RangeSlider.js +8 -8
  88. package/dist/es/range-slider/range-raducer.js +12 -12
  89. package/dist/es/rating/Rating.d.ts +1 -1
  90. package/dist/es/rating/Rating.js +16 -13
  91. package/dist/es/rating/RatingItem.d.ts +1 -1
  92. package/dist/es/rating/models/index.d.ts +4 -0
  93. package/dist/es/rating/models/index.js +1 -0
  94. package/dist/es/rating/utils/index.d.ts +1 -1
  95. package/dist/es/slider/Slider.d.ts +3 -3
  96. package/dist/es/slider/Slider.js +7 -3
  97. package/dist/es/slider/SliderLabel.js +2 -2
  98. package/dist/es/switch/Switch.d.ts +13 -13
  99. package/dist/es/switch/Switch.js +18 -13
  100. package/dist/es/textarea/TextArea.d.ts +1 -1
  101. package/dist/es/textarea/TextArea.js +9 -7
  102. package/dist/es/textarea/interfaces/TextAreaBlurEvent.js +1 -0
  103. package/dist/es/textarea/interfaces/TextAreaChangeEvent.js +1 -0
  104. package/dist/es/textarea/interfaces/TextAreaFocusEvent.js +1 -0
  105. package/dist/es/textarea/interfaces/TextAreaProps.js +1 -0
  106. package/dist/es/utils.js +10 -1
  107. package/dist/npm/checkbox/Checkbox.d.ts +1 -1
  108. package/dist/npm/checkbox/Checkbox.js +20 -17
  109. package/dist/npm/colors/ColorContrastLabels.js +10 -7
  110. package/dist/npm/colors/ColorContrastSvg.js +10 -7
  111. package/dist/npm/colors/ColorGradient.d.ts +3 -3
  112. package/dist/npm/colors/ColorGradient.js +42 -35
  113. package/dist/npm/colors/ColorInput.js +6 -4
  114. package/dist/npm/colors/ColorPalette.d.ts +6 -3
  115. package/dist/npm/colors/ColorPalette.js +25 -15
  116. package/dist/npm/colors/ColorPicker.d.ts +1 -1
  117. package/dist/npm/colors/ColorPicker.js +14 -13
  118. package/dist/npm/colors/FlatColorPicker.d.ts +1 -1
  119. package/dist/npm/colors/FlatColorPicker.js +28 -26
  120. package/dist/npm/colors/HexInput.d.ts +1 -1
  121. package/dist/npm/colors/HexInput.js +6 -4
  122. package/dist/npm/colors/Picker.js +4 -2
  123. package/dist/npm/colors/models/palette-presets.js +1 -0
  124. package/dist/npm/colors/utils/color-cache.js +1 -0
  125. package/dist/npm/colors/utils/color-palette.service.js +7 -6
  126. package/dist/npm/colors/utils/color-parser.d.ts +1 -1
  127. package/dist/npm/colors/utils/color-parser.js +47 -36
  128. package/dist/npm/colors/utils/misc.d.ts +1 -1
  129. package/dist/npm/colors/utils/misc.js +6 -3
  130. package/dist/npm/colors/utils/svg-calc.js +13 -8
  131. package/dist/npm/common/SliderTooltip.js +7 -5
  132. package/dist/npm/common/SwitchController.d.ts +3 -3
  133. package/dist/npm/common/SwitchController.js +7 -3
  134. package/dist/npm/common/SwitchModel.d.ts +1 -1
  135. package/dist/npm/input/Input.d.ts +5 -5
  136. package/dist/npm/input/Input.js +20 -14
  137. package/dist/npm/main.js +69 -26
  138. package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +15 -15
  139. package/dist/npm/maskedtextbox/MaskedTextBox.js +26 -22
  140. package/dist/npm/maskedtextbox/masking.service.d.ts +4 -4
  141. package/dist/npm/maskedtextbox/masking.service.js +24 -23
  142. package/dist/npm/maskedtextbox/parsing/combinators.js +5 -2
  143. package/dist/npm/maskedtextbox/parsing/parsers.js +15 -7
  144. package/dist/npm/maskedtextbox/parsing/result.js +2 -1
  145. package/dist/npm/maskedtextbox/parsing/stream.js +1 -0
  146. package/dist/npm/maskedtextbox/utils.js +1 -0
  147. package/dist/npm/messages/index.d.ts +22 -22
  148. package/dist/npm/messages/index.js +2 -1
  149. package/dist/npm/numerictextbox/NumericTextBox.d.ts +1 -1
  150. package/dist/npm/numerictextbox/NumericTextBox.js +32 -31
  151. package/dist/npm/numerictextbox/utils/index.d.ts +7 -7
  152. package/dist/npm/numerictextbox/utils/index.js +117 -88
  153. package/dist/npm/package-metadata.js +2 -1
  154. package/dist/npm/radiobutton/RadioButton.d.ts +1 -1
  155. package/dist/npm/radiobutton/RadioButton.js +15 -12
  156. package/dist/npm/radiobutton/RadioGroup.d.ts +1 -1
  157. package/dist/npm/radiobutton/RadioGroup.js +12 -11
  158. package/dist/npm/range-slider/RangeSlider.d.ts +1 -1
  159. package/dist/npm/range-slider/RangeSlider.js +18 -17
  160. package/dist/npm/range-slider/range-raducer.js +15 -13
  161. package/dist/npm/rating/Rating.d.ts +1 -1
  162. package/dist/npm/rating/Rating.js +37 -33
  163. package/dist/npm/rating/RatingItem.d.ts +1 -1
  164. package/dist/npm/rating/RatingItem.js +3 -2
  165. package/dist/npm/rating/models/index.d.ts +4 -0
  166. package/dist/npm/rating/rating-reducer.js +7 -5
  167. package/dist/npm/rating/utils/index.d.ts +1 -1
  168. package/dist/npm/rating/utils/index.js +18 -11
  169. package/dist/npm/slider/Slider.d.ts +3 -3
  170. package/dist/npm/slider/Slider.js +15 -10
  171. package/dist/npm/slider/SliderLabel.js +6 -4
  172. package/dist/npm/switch/Switch.d.ts +13 -13
  173. package/dist/npm/switch/Switch.js +29 -23
  174. package/dist/npm/textarea/TextArea.d.ts +1 -1
  175. package/dist/npm/textarea/TextArea.js +18 -15
  176. package/dist/npm/utils.js +11 -1
  177. package/dist/systemjs/kendo-react-inputs.js +1 -1
  178. package/package.json +15 -15
  179. package/dist/es/switch/util.d.ts +0 -8
  180. package/dist/es/switch/util.js +0 -46
  181. package/dist/npm/switch/util.d.ts +0 -8
  182. 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
- exports.mask = function (_a) {
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
- exports.literal = function (_token) { return new Parser(function (stream) {
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
- exports.unmask = function (prompt) { return function (rule) { return new Parser(function (stream) {
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
- exports.unliteral = function (_token) { return new Parser(function (stream) {
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
- exports.token = function (rules, creator) { return new Parser(function (stream) {
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
- exports.rawMask = function (_a) {
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
- exports.rawLiteral = function (includeLiterals) { return new Parser(function (stream) {
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: '" + this.value + "', rest: " + this.rest + " })";
38
+ return "Result({ value: '".concat(this.value, "', rest: ").concat(this.rest, " })");
38
39
  };
39
40
  return Result;
40
41
  }());
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Stream = void 0;
3
4
  /**
4
5
  * @hidden
5
6
  */
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.returnFalse = exports.maskingChanged = exports.defaultRules = void 0;
3
4
  /**
4
5
  * @hidden
5
6
  */
@@ -90,26 +90,26 @@ export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownB
90
90
  * @hidden
91
91
  */
92
92
  export declare const messages: {
93
- [numericIncreaseValue]: string;
94
- [numericDecreaseValue]: string;
95
- [sliderIncreaseValue]: string;
96
- [sliderDecreaseValue]: string;
97
- [sliderDragTitle]: string;
98
- [colorGradientR]: string;
99
- [colorGradientG]: string;
100
- [colorGradientB]: string;
101
- [colorGradientA]: string;
102
- [colorGradientHex]: string;
103
- [colorGradientContrastRatio]: string;
104
- [colorGradientAALevel]: string;
105
- [colorGradientAAALevel]: string;
106
- [colorGradientPass]: string;
107
- [colorGradientFail]: string;
108
- [flatColorPickerCancelBtn]: string;
109
- [flatColorPickerApplyBtn]: string;
110
- [checkboxValidation]: string;
111
- [checkboxOptionalText]: string;
112
- [radioButtonValidation]: string;
113
- [switchValidation]: string;
114
- [colorPickerDropdownButtonAriaLabel]: string;
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-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
267
- _a["k-input-" + props.fillMode] = props.fillMode,
268
- _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.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;