@progress/kendo-react-inputs 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

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 (105) 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 +2 -2
  4. package/dist/es/colors/ColorContrastLabels.js +3 -3
  5. package/dist/es/colors/ColorGradient.d.ts +1 -1
  6. package/dist/es/colors/ColorGradient.js +7 -3
  7. package/dist/es/colors/ColorPalette.d.ts +4 -1
  8. package/dist/es/colors/ColorPalette.js +10 -3
  9. package/dist/es/colors/ColorPicker.d.ts +1 -1
  10. package/dist/es/colors/ColorPicker.js +4 -4
  11. package/dist/es/colors/FlatColorPicker.d.ts +1 -1
  12. package/dist/es/colors/FlatColorPicker.js +25 -24
  13. package/dist/es/colors/HexInput.d.ts +1 -1
  14. package/dist/es/colors/utils/color-parser.js +2 -2
  15. package/dist/es/colors/utils/svg-calc.js +4 -4
  16. package/dist/es/common/SliderTooltip.js +3 -3
  17. package/dist/es/common/SwitchController.js +5 -1
  18. package/dist/es/common/SwitchModel.d.ts +1 -1
  19. package/dist/es/input/Input.js +2 -1
  20. package/dist/es/maskedtextbox/MaskedTextBox.d.ts +7 -7
  21. package/dist/es/maskedtextbox/MaskedTextBox.js +7 -6
  22. package/dist/es/maskedtextbox/parsing/parsers.d.ts +2 -2
  23. package/dist/es/maskedtextbox/parsing/parsers.js +28 -32
  24. package/dist/es/maskedtextbox/parsing/result.js +1 -1
  25. package/dist/es/numerictextbox/NumericTextBox.d.ts +1 -1
  26. package/dist/es/numerictextbox/NumericTextBox.js +3 -3
  27. package/dist/es/numerictextbox/utils/index.d.ts +1 -1
  28. package/dist/es/numerictextbox/utils/index.js +5 -5
  29. package/dist/es/package-metadata.js +1 -1
  30. package/dist/es/radiobutton/RadioButton.d.ts +1 -1
  31. package/dist/es/radiobutton/RadioButton.js +1 -1
  32. package/dist/es/radiobutton/RadioGroup.d.ts +1 -1
  33. package/dist/es/range-slider/RangeSlider.d.ts +1 -1
  34. package/dist/es/range-slider/RangeSlider.js +7 -7
  35. package/dist/es/rating/Rating.d.ts +1 -1
  36. package/dist/es/rating/Rating.js +15 -12
  37. package/dist/es/rating/RatingItem.d.ts +1 -1
  38. package/dist/es/rating/models/index.d.ts +4 -0
  39. package/dist/es/slider/Slider.d.ts +2 -2
  40. package/dist/es/slider/Slider.js +2 -0
  41. package/dist/es/slider/SliderLabel.js +2 -2
  42. package/dist/es/switch/Switch.d.ts +6 -6
  43. package/dist/es/switch/Switch.js +7 -4
  44. package/dist/es/textarea/TextArea.d.ts +1 -1
  45. package/dist/es/textarea/TextArea.js +4 -4
  46. package/dist/es/utils.js +9 -5
  47. package/dist/npm/checkbox/Checkbox.d.ts +1 -1
  48. package/dist/npm/checkbox/Checkbox.js +14 -14
  49. package/dist/npm/colors/ColorContrastLabels.js +6 -6
  50. package/dist/npm/colors/ColorContrastSvg.js +6 -6
  51. package/dist/npm/colors/ColorGradient.d.ts +1 -1
  52. package/dist/npm/colors/ColorGradient.js +37 -33
  53. package/dist/npm/colors/ColorInput.js +3 -3
  54. package/dist/npm/colors/ColorPalette.d.ts +4 -1
  55. package/dist/npm/colors/ColorPalette.js +19 -12
  56. package/dist/npm/colors/ColorPicker.d.ts +1 -1
  57. package/dist/npm/colors/ColorPicker.js +13 -13
  58. package/dist/npm/colors/FlatColorPicker.d.ts +1 -1
  59. package/dist/npm/colors/FlatColorPicker.js +27 -26
  60. package/dist/npm/colors/HexInput.d.ts +1 -1
  61. package/dist/npm/colors/HexInput.js +3 -3
  62. package/dist/npm/colors/Picker.js +1 -1
  63. package/dist/npm/colors/utils/color-palette.service.js +6 -6
  64. package/dist/npm/colors/utils/color-parser.js +26 -26
  65. package/dist/npm/colors/utils/misc.js +1 -1
  66. package/dist/npm/colors/utils/svg-calc.js +4 -4
  67. package/dist/npm/common/SliderTooltip.js +4 -4
  68. package/dist/npm/common/SwitchController.js +5 -1
  69. package/dist/npm/common/SwitchModel.d.ts +1 -1
  70. package/dist/npm/input/Input.js +7 -6
  71. package/dist/npm/main.js +5 -1
  72. package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +7 -7
  73. package/dist/npm/maskedtextbox/MaskedTextBox.js +13 -12
  74. package/dist/npm/maskedtextbox/masking.service.js +19 -19
  75. package/dist/npm/maskedtextbox/parsing/parsers.d.ts +2 -2
  76. package/dist/npm/maskedtextbox/parsing/parsers.js +28 -32
  77. package/dist/npm/maskedtextbox/parsing/result.js +1 -1
  78. package/dist/npm/numerictextbox/NumericTextBox.d.ts +1 -1
  79. package/dist/npm/numerictextbox/NumericTextBox.js +31 -31
  80. package/dist/npm/numerictextbox/utils/index.d.ts +1 -1
  81. package/dist/npm/numerictextbox/utils/index.js +61 -61
  82. package/dist/npm/package-metadata.js +1 -1
  83. package/dist/npm/radiobutton/RadioButton.d.ts +1 -1
  84. package/dist/npm/radiobutton/RadioButton.js +10 -10
  85. package/dist/npm/radiobutton/RadioGroup.d.ts +1 -1
  86. package/dist/npm/radiobutton/RadioGroup.js +10 -10
  87. package/dist/npm/range-slider/RangeSlider.d.ts +1 -1
  88. package/dist/npm/range-slider/RangeSlider.js +17 -17
  89. package/dist/npm/rating/Rating.d.ts +1 -1
  90. package/dist/npm/rating/Rating.js +36 -33
  91. package/dist/npm/rating/RatingItem.d.ts +1 -1
  92. package/dist/npm/rating/RatingItem.js +2 -2
  93. package/dist/npm/rating/models/index.d.ts +4 -0
  94. package/dist/npm/rating/rating-reducer.js +4 -4
  95. package/dist/npm/rating/utils/index.js +5 -5
  96. package/dist/npm/slider/Slider.d.ts +2 -2
  97. package/dist/npm/slider/Slider.js +9 -7
  98. package/dist/npm/slider/SliderLabel.js +3 -3
  99. package/dist/npm/switch/Switch.d.ts +6 -6
  100. package/dist/npm/switch/Switch.js +17 -14
  101. package/dist/npm/textarea/TextArea.d.ts +1 -1
  102. package/dist/npm/textarea/TextArea.js +13 -13
  103. package/dist/npm/utils.js +9 -5
  104. package/dist/systemjs/kendo-react-inputs.js +1 -1
  105. package/package.json +15 -15
@@ -13,13 +13,13 @@ var parseColor = function (value, format, safe) {
13
13
  var allowedFormats = ['hex', 'rgba']; // TODO: constant?
14
14
  // Angular supports third type: name : const allowedFormats: Array<string> = ['hex', 'rgba', 'name'];
15
15
  if (allowedFormats.indexOf(format) === -1) {
16
- throw new Error("Unsupported color output format '" + format + "'. The available options are 'hex' or 'rgba'.");
16
+ throw new Error("Unsupported color output format '".concat(format, "'. The available options are 'hex' or 'rgba'."));
17
17
  }
18
- if (!misc_1.isPresent(value)) {
18
+ if (!(0, misc_1.isPresent)(value)) {
19
19
  return;
20
20
  }
21
- var parsedColor = kendo_drawing_1.parseColor(value.trim(), safe);
22
- if (!misc_1.isPresent(parsedColor)) {
21
+ var parsedColor = (0, kendo_drawing_1.parseColor)(value.trim(), safe);
22
+ if (!(0, misc_1.isPresent)(parsedColor)) {
23
23
  return;
24
24
  }
25
25
  return format === 'hex' ? parsedColor.toCss() : parsedColor.toCssRgba();
@@ -32,8 +32,8 @@ exports.parseColor = parseColor;
32
32
  */
33
33
  var getHSV = function (value, safe) {
34
34
  if (safe === void 0) { safe = true; }
35
- var parsed = kendo_drawing_1.parseColor(value, safe);
36
- if (!misc_1.isPresent(parsed)) {
35
+ var parsed = (0, kendo_drawing_1.parseColor)(value, safe);
36
+ if (!(0, misc_1.isPresent)(parsed)) {
37
37
  return {};
38
38
  }
39
39
  return parsed.toHSV();
@@ -46,8 +46,8 @@ exports.getHSV = getHSV;
46
46
  */
47
47
  var getRGBA = function (value, safe) {
48
48
  if (safe === void 0) { safe = true; }
49
- var parsed = kendo_drawing_1.parseColor(value, safe);
50
- if (!misc_1.isPresent(parsed)) {
49
+ var parsed = (0, kendo_drawing_1.parseColor)(value, safe);
50
+ if (!(0, misc_1.isPresent)(parsed)) {
51
51
  return {};
52
52
  }
53
53
  return parsed.toBytes();
@@ -59,10 +59,10 @@ exports.getRGBA = getRGBA;
59
59
  * Returns the RGBA string representation of the color.
60
60
  */
61
61
  var getColorFromHSV = function (hsva) {
62
- var hue = misc_1.fitIntoBounds(hsva.h, 0, 359.9);
63
- var saturation = misc_1.fitIntoBounds(hsva.s, 0, 1);
64
- var value = misc_1.fitIntoBounds(hsva.v, 0, 1);
65
- var alpha = misc_1.fitIntoBounds(hsva.a, 0, 1);
62
+ var hue = (0, misc_1.fitIntoBounds)(hsva.h, 0, 359.9);
63
+ var saturation = (0, misc_1.fitIntoBounds)(hsva.s, 0, 1);
64
+ var value = (0, misc_1.fitIntoBounds)(hsva.v, 0, 1);
65
+ var alpha = (0, misc_1.fitIntoBounds)(hsva.a, 0, 1);
66
66
  return kendo_drawing_1.Color.fromHSV(hue, saturation, value, alpha).toCssRgba();
67
67
  };
68
68
  exports.getColorFromHSV = getColorFromHSV;
@@ -73,7 +73,7 @@ exports.getColorFromHSV = getColorFromHSV;
73
73
  * assuming the `value`, `saturation`, and `alpha` have a value of `1`.
74
74
  */
75
75
  var getColorFromHue = function (hue) {
76
- return exports.getColorFromHSV({ h: hue, s: 1, v: 1, a: 1 });
76
+ return (0, exports.getColorFromHSV)({ h: hue, s: 1, v: 1, a: 1 });
77
77
  };
78
78
  exports.getColorFromHue = getColorFromHue;
79
79
  /**
@@ -82,10 +82,10 @@ exports.getColorFromHue = getColorFromHue;
82
82
  * Returns the RGBA string representation of the color.
83
83
  */
84
84
  var getColorFromRGBA = function (rgba) {
85
- var red = misc_1.fitIntoBounds(rgba.r, 0, 255);
86
- var green = misc_1.fitIntoBounds(rgba.g, 0, 255);
87
- var blue = misc_1.fitIntoBounds(rgba.b, 0, 255);
88
- var alpha = misc_1.fitIntoBounds(rgba.a, 0, 1);
85
+ var red = (0, misc_1.fitIntoBounds)(rgba.r, 0, 255);
86
+ var green = (0, misc_1.fitIntoBounds)(rgba.g, 0, 255);
87
+ var blue = (0, misc_1.fitIntoBounds)(rgba.b, 0, 255);
88
+ var alpha = (0, misc_1.fitIntoBounds)(rgba.a, 0, 1);
89
89
  return kendo_drawing_1.Color.fromBytes(red, green, blue, alpha).toCssRgba();
90
90
  };
91
91
  exports.getColorFromRGBA = getColorFromRGBA;
@@ -95,13 +95,13 @@ exports.getColorFromRGBA = getColorFromRGBA;
95
95
  * Returns the RGB object representation of the color based on the background color.
96
96
  */
97
97
  var getRGBFromRGBA = function (foregroundColor, backgroundColor) {
98
- var r1 = misc_1.fitIntoBounds(foregroundColor.r, 0, 255);
99
- var g1 = misc_1.fitIntoBounds(foregroundColor.g, 0, 255);
100
- var b1 = misc_1.fitIntoBounds(foregroundColor.b, 0, 255);
101
- var a1 = misc_1.fitIntoBounds(foregroundColor.a, 0, 1);
102
- var r2 = misc_1.fitIntoBounds(backgroundColor.r, 0, 255);
103
- var g2 = misc_1.fitIntoBounds(backgroundColor.g, 0, 255);
104
- var b2 = misc_1.fitIntoBounds(backgroundColor.b, 0, 255);
98
+ var r1 = (0, misc_1.fitIntoBounds)(foregroundColor.r, 0, 255);
99
+ var g1 = (0, misc_1.fitIntoBounds)(foregroundColor.g, 0, 255);
100
+ var b1 = (0, misc_1.fitIntoBounds)(foregroundColor.b, 0, 255);
101
+ var a1 = (0, misc_1.fitIntoBounds)(foregroundColor.a, 0, 1);
102
+ var r2 = (0, misc_1.fitIntoBounds)(backgroundColor.r, 0, 255);
103
+ var g2 = (0, misc_1.fitIntoBounds)(backgroundColor.g, 0, 255);
104
+ var b2 = (0, misc_1.fitIntoBounds)(backgroundColor.b, 0, 255);
105
105
  return {
106
106
  r: Math.round(((1 - a1) * r2) + (a1 * r1)),
107
107
  g: Math.round(((1 - a1) * g2) + (a1 * g1)),
@@ -115,7 +115,7 @@ exports.getRGBFromRGBA = getRGBFromRGBA;
115
115
  * Returns the relative luminance.
116
116
  */
117
117
  var getLuminance = function (rgb) {
118
- var a = [rgb.r, rgb.g, rgb.b].map(function (v) {
118
+ var a = [rgb.r || 0, rgb.g || 0, rgb.b || 0].map(function (v) {
119
119
  v /= 255;
120
120
  return v <= 0.03928
121
121
  ? v / 12.92
@@ -142,6 +142,6 @@ exports.getContrast = getContrast;
142
142
  * Returns the color contrast from two RGBA colors.
143
143
  */
144
144
  var getContrastFromTwoRGBAs = function (a, b) {
145
- return exports.getContrast(exports.getLuminance(exports.getRGBFromRGBA(a, b)), exports.getLuminance(exports.getRGBFromRGBA(b, { r: 0, g: 0, b: 0, a: 1 })));
145
+ return (0, exports.getContrast)((0, exports.getLuminance)((0, exports.getRGBFromRGBA)(a, b)), (0, exports.getLuminance)((0, exports.getRGBFromRGBA)(b, { r: 0, g: 0, b: 0, a: 1 })));
146
146
  };
147
147
  exports.getContrastFromTwoRGBAs = getContrastFromTwoRGBAs;
@@ -17,7 +17,7 @@ exports.isPresent = isPresent;
17
17
  * @param max The inclusive upper bound number.
18
18
  */
19
19
  var fitIntoBounds = function (contender, min, max) {
20
- if (!exports.isPresent(contender) || isNaN(contender)) {
20
+ if (!(0, exports.isPresent)(contender) || isNaN(contender)) {
21
21
  return min;
22
22
  }
23
23
  return contender <= min ? min : contender >= max ? max : contender;
@@ -22,11 +22,11 @@ var svgPath = function (points, command) {
22
22
  var d = points.reduce(function (acc, point, i, a) {
23
23
  return i === 0 ?
24
24
  // if first point
25
- "M " + point[0] + "," + point[1] :
25
+ "M ".concat(point[0], ",").concat(point[1]) :
26
26
  // else
27
- acc + " " + command(point, i, a);
27
+ "".concat(acc, " ").concat(command(point, i, a));
28
28
  }, '');
29
- return "<path d=\"" + d + "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>";
29
+ return "<path d=\"".concat(d, "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>");
30
30
  };
31
31
  exports.svgPath = svgPath;
32
32
  /**
@@ -105,6 +105,6 @@ var bezierCommand = function (controlPointCalc) { return function (point, i, a)
105
105
  var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
106
106
  // end control point
107
107
  var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
108
- return "C " + cpsX + "," + cpsY + " " + cpeX + "," + cpeY + " " + point[0] + "," + point[1];
108
+ return "C ".concat(cpsX, ",").concat(cpsY, " ").concat(cpeX, ",").concat(cpeY, " ").concat(point[0], ",").concat(point[1]);
109
109
  }; };
110
110
  exports.bezierCommand = bezierCommand;
@@ -18,8 +18,8 @@ var SliderTooltip = function (props) {
18
18
  var top_1 = props.position === 'right'
19
19
  ? (anchorRect.height / 2) - (rect.height / 2)
20
20
  : -(rect.height * 1.5);
21
- tooltipRef.current.style.left = left + "px";
22
- tooltipRef.current.style.top = top_1 + "px";
21
+ tooltipRef.current.style.left = "".concat(left, "px");
22
+ tooltipRef.current.style.top = "".concat(top_1, "px");
23
23
  }
24
24
  };
25
25
  var handleAnimationStart = function () {
@@ -38,10 +38,10 @@ var SliderTooltip = function (props) {
38
38
  if (!tooltipRef.current) {
39
39
  return;
40
40
  }
41
- tooltipRef.current.style.opacity = "" + (props.show ? progress : 1 - progress);
41
+ tooltipRef.current.style.opacity = "".concat(props.show ? progress : 1 - progress);
42
42
  };
43
43
  React.useEffect(position);
44
- kendo_react_animation_1.useAnimation({
44
+ (0, kendo_react_animation_1.useAnimation)({
45
45
  appear: true,
46
46
  duration: 300,
47
47
  onStart: handleAnimationStart,
@@ -14,9 +14,13 @@ var noop = function () { };
14
14
  */
15
15
  var SwitchController = /** @class */ (function () {
16
16
  function SwitchController(updateView, onChange) {
17
- var _this = this;
18
17
  if (updateView === void 0) { updateView = noop; }
19
18
  if (onChange === void 0) { onChange = noop; }
19
+ var _this = this;
20
+ this._checked = false;
21
+ this.reverse = false;
22
+ this.lastPressX = 0;
23
+ this.originalPressX = 0;
20
24
  this.overrideChecked = function (checked) {
21
25
  _this._checked = checked;
22
26
  };
@@ -3,5 +3,5 @@
3
3
  */
4
4
  export default class Model {
5
5
  handle: any;
6
- constructor(value: number, animate: boolean);
6
+ constructor(value: number | undefined, animate: boolean);
7
7
  }
@@ -49,7 +49,8 @@ var InputWithoutContext = /** @class */ (function (_super) {
49
49
  __extends(InputWithoutContext, _super);
50
50
  function InputWithoutContext(props) {
51
51
  var _this = _super.call(this, props) || this;
52
- _this._inputId = kendo_react_common_1.guid();
52
+ _this._input = null;
53
+ _this._inputId = (0, kendo_react_common_1.guid)();
53
54
  /**
54
55
  * @hidden
55
56
  */
@@ -62,7 +63,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
62
63
  var result = false;
63
64
  for (var prop in state) {
64
65
  if (state.hasOwnProperty(prop)) {
65
- result = result || state[prop];
66
+ result = result || Boolean(state[prop]);
66
67
  }
67
68
  }
68
69
  return result;
@@ -106,7 +107,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
106
107
  }
107
108
  }
108
109
  };
109
- kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
110
+ (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
110
111
  _this.state = {
111
112
  value: _this.props.defaultValue || InputWithoutContext.defaultProps.defaultValue
112
113
  };
@@ -206,7 +207,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
206
207
  visited = _a.visited, touched = _a.touched, modified = _a.modified, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, validityStyles = _a.validityStyles, style = _a.style, props = __rest(_a, ["className", "label", "id", "validationMessage", "defaultValue", "valid", "visited", "touched", "modified", "ariaLabelledBy", "ariaDescribedBy", "validityStyles", "style"]);
207
208
  var inputId = id || this._inputId;
208
209
  var isValid = !this.validityStyles || this.validity.valid;
209
- var inputClassName = kendo_react_common_1.classNames(className, 'k-input k-input-md k-rounded-md k-input-solid');
210
+ var inputClassName = (0, kendo_react_common_1.classNames)(className, 'k-input k-input-md k-rounded-md k-input-solid');
210
211
  var textbox = (React.createElement("input", __assign({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }, props, { style: !label
211
212
  ? style
212
213
  : undefined, value: this.value, id: inputId, className: inputClassName, onChange: this.handleChange, onAnimationStart: this.handleAutoFill, ref: function (el) {
@@ -246,7 +247,7 @@ exports.InputWithoutContext = InputWithoutContext;
246
247
  *
247
248
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
248
249
  */
249
- exports.InputPropsContext = kendo_react_common_1.createPropsContext();
250
+ exports.InputPropsContext = (0, kendo_react_common_1.createPropsContext)();
250
251
  ;
251
252
  /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
252
253
  /**
@@ -255,5 +256,5 @@ exports.InputPropsContext = kendo_react_common_1.createPropsContext();
255
256
  * Accepts properties of type [InputProps]({% slug api_inputs_inputprops %}).
256
257
  * Obtaining the `ref` returns an object of type [InputHandle]({% slug api_inputs_inputhandle %}).
257
258
  */
258
- exports.Input = kendo_react_common_1.withPropsContext(exports.InputPropsContext, InputWithoutContext);
259
+ exports.Input = (0, kendo_react_common_1.withPropsContext)(exports.InputPropsContext, InputWithoutContext);
259
260
  exports.Input.displayName = 'KendoReactInput';
package/dist/npm/main.js CHANGED
@@ -1,7 +1,11 @@
1
1
  "use strict";
2
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
3
  if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
5
9
  }) : (function(o, m, k, k2) {
6
10
  if (k2 === undefined) k2 = k;
7
11
  o[k2] = m[k];
@@ -36,7 +36,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
36
36
  includeLiterals: PropTypes.Requireable<boolean>;
37
37
  maskValidation: PropTypes.Requireable<boolean>;
38
38
  mask: PropTypes.Requireable<string>;
39
- rules: (props: MaskedTextBoxProps, propName: string, componentName: string) => Error;
39
+ rules: (props: MaskedTextBoxProps, propName: string, componentName: string) => Error | null;
40
40
  selection: PropTypes.Requireable<PropTypes.InferProps<{
41
41
  start: PropTypes.Validator<number>;
42
42
  end: PropTypes.Validator<number>;
@@ -48,9 +48,9 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
48
48
  valid: PropTypes.Requireable<boolean>;
49
49
  validityStyles: PropTypes.Requireable<boolean>;
50
50
  onChange: PropTypes.Requireable<(...args: any[]) => any>;
51
- size: PropTypes.Requireable<"small" | "medium" | "large">;
52
- rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
53
- fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
51
+ size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
52
+ rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
53
+ fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
54
54
  };
55
55
  /**
56
56
  * @hidden
@@ -65,9 +65,9 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
65
65
  };
66
66
  required: boolean;
67
67
  validityStyles: boolean;
68
- size: "small" | "medium" | "large";
69
- rounded: "small" | "medium" | "full" | "large";
70
- fillMode: "flat" | "solid" | "outline";
68
+ size: "small" | "medium" | "large" | null | undefined;
69
+ rounded: "small" | "medium" | "full" | "large" | null | undefined;
70
+ fillMode: "flat" | "outline" | "solid" | null | undefined;
71
71
  };
72
72
  /**
73
73
  * @hidden
@@ -44,7 +44,7 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
44
44
  * @hidden
45
45
  */
46
46
  _this.state = {};
47
- _this._inputId = "k-" + kendo_react_common_1.guid();
47
+ _this._inputId = "k-".concat((0, kendo_react_common_1.guid)());
48
48
  _this._service = new masking_service_1.MaskingService();
49
49
  _this._isPasted = false;
50
50
  _this._selection = [null, null];
@@ -121,7 +121,7 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
121
121
  : _this.props.validationMessage || '');
122
122
  }
123
123
  };
124
- kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
124
+ (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
125
125
  return _this;
126
126
  }
127
127
  Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "element", {
@@ -266,7 +266,7 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
266
266
  this.element.setSelectionRange(start, end);
267
267
  }
268
268
  }
269
- if (utils_1.maskingChanged(prevProps, this.props)) {
269
+ if ((0, utils_1.maskingChanged)(prevProps, this.props)) {
270
270
  this.updateService();
271
271
  }
272
272
  this.setValidity();
@@ -288,16 +288,16 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
288
288
  var inputId = this.props.id || this._inputId;
289
289
  var isValid = !this.validityStyles || this.validity.valid;
290
290
  var style = this.props.style || {};
291
- var component = (React.createElement("span", { dir: this.props.dir, className: kendo_react_common_1.classNames('k-maskedtextbox k-input', (_a = {},
292
- _a["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
293
- _a["k-input-" + fillMode] = fillMode,
294
- _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
291
+ var component = (React.createElement("span", { dir: this.props.dir, className: (0, kendo_react_common_1.classNames)('k-maskedtextbox k-input', (_a = {},
292
+ _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
293
+ _a["k-input-".concat(fillMode)] = fillMode,
294
+ _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
295
295
  _a['k-invalid'] = !isValid,
296
296
  _a['k-required'] = this.required,
297
297
  _a['k-disabled'] = this.props.disabled,
298
298
  _a), this.props.className), style: !this.props.label
299
299
  ? __assign({ width: this.props.width }, style) : style },
300
- React.createElement("input", { type: "text", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: false, className: "k-input-inner", value: this.value, id: inputId, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, name: this.props.name, tabIndex: kendo_react_common_1.getTabIndex(this.props.tabIndex, this.props.disabled, true), accessKey: this.props.accessKey, title: this.props.title, disabled: this.props.disabled || undefined, readOnly: this.props.readonly || undefined, placeholder: this.props.placeholder, ref: function (input) { return _this._input = input; }, onChange: this.onChangeHandler, onPaste: this.pasteHandler, onFocus: this.focusHandler, onBlur: this.blurHandler, onDragStart: utils_1.returnFalse, onDrop: utils_1.returnFalse })));
300
+ React.createElement("input", { type: "text", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: false, className: "k-input-inner", value: this.value, id: inputId, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, name: this.props.name, tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled, true), accessKey: this.props.accessKey, title: this.props.title, disabled: this.props.disabled || undefined, readOnly: this.props.readonly || undefined, placeholder: this.props.placeholder, ref: function (input) { return _this._input = input; }, onChange: this.onChangeHandler, onPaste: this.pasteHandler, onFocus: this.focusHandler, onBlur: this.blurHandler, onDragStart: utils_1.returnFalse, onDrop: utils_1.returnFalse })));
301
301
  return this.props.label
302
302
  ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: this.props.label, editorId: inputId, editorValue: this.value, editorValid: isValid, editorDisabled: this.props.disabled, editorPlaceholder: this.props.placeholder, children: component, style: { width: this.props.width }, dir: this.props.dir }))
303
303
  : component;
@@ -308,14 +308,15 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
308
308
  });
309
309
  if (this.props.onChange) {
310
310
  this._valueDuringOnChange = maskedValue;
311
- this.props.onChange.call(undefined, {
311
+ var ev = {
312
312
  syntheticEvent: event,
313
313
  nativeEvent: event.nativeEvent,
314
314
  selectionStart: this._selection[0],
315
315
  selectionEnd: this._selection[1],
316
316
  target: this,
317
317
  value: this.value
318
- });
318
+ };
319
+ this.props.onChange.call(undefined, ev);
319
320
  this._valueDuringOnChange = undefined;
320
321
  }
321
322
  };
@@ -415,7 +416,7 @@ exports.MaskedTextBoxWithoutContext = MaskedTextBoxWithoutContext;
415
416
  *
416
417
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
417
418
  */
418
- exports.MaskedTextBoxPropsContext = kendo_react_common_1.createPropsContext();
419
+ exports.MaskedTextBoxPropsContext = (0, kendo_react_common_1.createPropsContext)();
419
420
  /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
420
421
  /**
421
422
  * Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
@@ -423,5 +424,5 @@ exports.MaskedTextBoxPropsContext = kendo_react_common_1.createPropsContext();
423
424
  * Accepts properties of type [MaskedTextBoxProps]({% slug api_inputs_maskedtextboxprops %}).
424
425
  * Obtaining the `ref` returns an object of type [MaskedTextBoxHandle]({% slug api_inputs_maskedtextboxhandle %}).
425
426
  */
426
- exports.MaskedTextBox = kendo_react_common_1.withPropsContext(exports.MaskedTextBoxPropsContext, MaskedTextBoxWithoutContext);
427
+ exports.MaskedTextBox = (0, kendo_react_common_1.withPropsContext)(exports.MaskedTextBoxPropsContext, MaskedTextBoxWithoutContext);
427
428
  exports.MaskedTextBox.displayName = 'KendoReactMaskedTextBox';
@@ -30,7 +30,7 @@ var MaskingService = /** @class */ (function () {
30
30
  MaskingService.prototype.validationValue = function (maskedValue) {
31
31
  if (maskedValue === void 0) { maskedValue = ''; }
32
32
  var value = maskedValue;
33
- combinators_1.sequence(this.validationTokens)
33
+ (0, combinators_1.sequence)(this.validationTokens)
34
34
  .run(maskedValue)
35
35
  .fold(function (unmasked) {
36
36
  value = unmasked.join('');
@@ -43,7 +43,7 @@ var MaskingService = /** @class */ (function () {
43
43
  if (!this.rawTokens.length) {
44
44
  return value;
45
45
  }
46
- combinators_1.sequence(this.rawTokens)
46
+ (0, combinators_1.sequence)(this.rawTokens)
47
47
  .run(maskedValue)
48
48
  .fold(function (unmasked) {
49
49
  value = unmasked.join('');
@@ -59,7 +59,7 @@ var MaskingService = /** @class */ (function () {
59
59
  if (!this.maskTokens.length) {
60
60
  return value;
61
61
  }
62
- combinators_1.sequence(this.maskTokens)
62
+ (0, combinators_1.sequence)(this.maskTokens)
63
63
  .run(rawValue)
64
64
  .fold(function (masked) {
65
65
  value = masked.join('');
@@ -77,7 +77,7 @@ var MaskingService = /** @class */ (function () {
77
77
  var selection = end;
78
78
  var beforeChange = oldValue.split('').slice(0, start);
79
79
  var afterChange = oldValue.split('').slice(end);
80
- combinators_1.sequence(this.maskTokens.slice(start, end))
80
+ (0, combinators_1.sequence)(this.maskTokens.slice(start, end))
81
81
  .run(pasted)
82
82
  .fold(function (masked) {
83
83
  value = beforeChange
@@ -97,7 +97,7 @@ var MaskingService = /** @class */ (function () {
97
97
  var unchanged = input.split('').slice(splitPoint);
98
98
  var changed = input.split('').slice(0, splitPoint).join('');
99
99
  var take = this.maskTokens.length - (input.length - splitPoint);
100
- combinators_1.sequence(this.maskTokens.slice(0, take))
100
+ (0, combinators_1.sequence)(this.maskTokens.slice(0, take))
101
101
  .run(changed, control)
102
102
  .fold(function (masked) {
103
103
  selection = _this.adjustPosition(masked, selection);
@@ -121,12 +121,12 @@ var MaskingService = /** @class */ (function () {
121
121
  var value = '';
122
122
  var selection = splitPoint;
123
123
  var changed = input.slice(0, splitPoint);
124
- combinators_1.sequence(this.unmaskTokens)
124
+ (0, combinators_1.sequence)(this.unmaskTokens)
125
125
  .run(changed, control)
126
126
  .chain(function (unmasked) {
127
127
  selection = unmasked.join('').length;
128
128
  var unchanged = control.slice(selection);
129
- return combinators_1.sequence(_this.maskTokens)
129
+ return (0, combinators_1.sequence)(_this.maskTokens)
130
130
  .run(unmasked.join('') + unchanged, control);
131
131
  })
132
132
  .fold(function (masked) {
@@ -141,8 +141,8 @@ var MaskingService = /** @class */ (function () {
141
141
  get: function () {
142
142
  var _a = this, prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;
143
143
  return {
144
- literal: function (rule) { return parsers_1.literal(rule); },
145
- mask: function (rule) { return parsers_1.mask({ prompt: prompt, promptPlaceholder: promptPlaceholder })(rule); }
144
+ literal: function (rule) { return (0, parsers_1.literal)(rule); },
145
+ mask: function (rule) { return (0, parsers_1.mask)({ prompt: prompt, promptPlaceholder: promptPlaceholder })(rule); }
146
146
  };
147
147
  },
148
148
  enumerable: false,
@@ -152,8 +152,8 @@ var MaskingService = /** @class */ (function () {
152
152
  get: function () {
153
153
  var _this = this;
154
154
  return {
155
- literal: function (rule) { return parsers_1.unliteral(rule); },
156
- mask: function (rule) { return parsers_1.unmask(_this.prompt)(rule); }
155
+ literal: function (rule) { return (0, parsers_1.unliteral)(rule); },
156
+ mask: function (rule) { return (0, parsers_1.unmask)(_this.prompt)(rule); }
157
157
  };
158
158
  },
159
159
  enumerable: false,
@@ -163,8 +163,8 @@ var MaskingService = /** @class */ (function () {
163
163
  get: function () {
164
164
  var _a = this, prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder, includeLiterals = _a.includeLiterals;
165
165
  return {
166
- literal: function (_) { return parsers_1.rawLiteral(includeLiterals); },
167
- mask: function (_) { return parsers_1.rawMask({ prompt: prompt, promptPlaceholder: promptPlaceholder }); }
166
+ literal: function (_) { return (0, parsers_1.rawLiteral)(includeLiterals); },
167
+ mask: function (_) { return (0, parsers_1.rawMask)({ prompt: prompt, promptPlaceholder: promptPlaceholder }); }
168
168
  };
169
169
  },
170
170
  enumerable: false,
@@ -174,8 +174,8 @@ var MaskingService = /** @class */ (function () {
174
174
  get: function () {
175
175
  var prompt = this.prompt;
176
176
  return {
177
- literal: function (_) { return parsers_1.rawLiteral(false); },
178
- mask: function (_) { return parsers_1.rawMask({ prompt: prompt, promptPlaceholder: '' }); }
177
+ literal: function (_) { return (0, parsers_1.rawLiteral)(false); },
178
+ mask: function (_) { return (0, parsers_1.rawMask)({ prompt: prompt, promptPlaceholder: '' }); }
179
179
  };
180
180
  },
181
181
  enumerable: false,
@@ -183,22 +183,22 @@ var MaskingService = /** @class */ (function () {
183
183
  });
184
184
  MaskingService.prototype.tokenize = function () {
185
185
  var _this = this;
186
- combinators_1.greedy(parsers_1.token(this.rules, this.maskTokenCreator))
186
+ (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.maskTokenCreator))
187
187
  .run(this.mask)
188
188
  .fold(function (tokens, _) {
189
189
  _this.maskTokens = tokens;
190
190
  });
191
- combinators_1.greedy(parsers_1.token(this.rules, this.unmaskTokenCreator))
191
+ (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.unmaskTokenCreator))
192
192
  .run(this.mask)
193
193
  .fold(function (tokens, _) {
194
194
  _this.unmaskTokens = tokens;
195
195
  });
196
- combinators_1.greedy(parsers_1.token(this.rules, this.rawTokenCreator))
196
+ (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.rawTokenCreator))
197
197
  .run(this.mask)
198
198
  .fold(function (tokens, _) {
199
199
  _this.rawTokens = tokens;
200
200
  });
201
- combinators_1.greedy(parsers_1.token(this.rules, this.validationTokenCreator))
201
+ (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.validationTokenCreator))
202
202
  .run(this.mask)
203
203
  .fold(function (tokens, _) {
204
204
  _this.validationTokens = tokens;
@@ -14,7 +14,7 @@ export declare class Parser {
14
14
  /**
15
15
  * @hidden
16
16
  */
17
- export declare const mask: ({ prompt, promptPlaceholder }: {
17
+ export declare const mask: (args: {
18
18
  prompt: any;
19
19
  promptPlaceholder: any;
20
20
  }) => (rule: any) => Parser;
@@ -37,7 +37,7 @@ export declare const token: (rules: any, creator: any) => Parser;
37
37
  /**
38
38
  * @hidden
39
39
  */
40
- export declare const rawMask: ({ prompt, promptPlaceholder }: {
40
+ export declare const rawMask: (args: {
41
41
  prompt: any;
42
42
  promptPlaceholder: any;
43
43
  }) => Parser;
@@ -40,29 +40,27 @@ exports.Parser = Parser;
40
40
  /**
41
41
  * @hidden
42
42
  */
43
- var mask = function (_a) {
44
- var prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;
45
- return function (rule) { return new Parser(function (stream) {
46
- while (!stream.eof()) {
47
- var _a = stream.peek(), char = _a.char, control = _a.control;
48
- if (char === control && control === prompt) {
49
- stream.eat();
50
- return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
51
- }
52
- if (rule.test(char)) {
53
- stream.eat();
54
- return new result_1.Result(char, stream, result_1.ResultType.Mask);
55
- }
56
- if (char === promptPlaceholder) {
57
- stream.eat();
58
- return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
59
- }
60
- stream.eat_input();
43
+ var mask = function (args) { return function (rule) { return new Parser(function (stream) {
44
+ var prompt = args.prompt, promptPlaceholder = args.promptPlaceholder;
45
+ while (!stream.eof()) {
46
+ var _a = stream.peek(), char = _a.char, control = _a.control;
47
+ if (char === control && control === prompt) {
48
+ stream.eat();
49
+ return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
61
50
  }
62
- stream.eat();
63
- return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
64
- }); };
65
- };
51
+ if (rule.test(char)) {
52
+ stream.eat();
53
+ return new result_1.Result(char, stream, result_1.ResultType.Mask);
54
+ }
55
+ if (char === promptPlaceholder) {
56
+ stream.eat();
57
+ return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
58
+ }
59
+ stream.eat_input();
60
+ }
61
+ stream.eat();
62
+ return new result_1.Result(prompt, stream, result_1.ResultType.Mask);
63
+ }); }; };
66
64
  exports.mask = mask;
67
65
  /**
68
66
  * @hidden
@@ -140,16 +138,14 @@ exports.token = token;
140
138
  /**
141
139
  * @hidden
142
140
  */
143
- var rawMask = function (_a) {
144
- var prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;
145
- return new Parser(function (stream) {
146
- var char = stream.next().char;
147
- if (char === prompt) {
148
- return new result_1.Result(promptPlaceholder, stream);
149
- }
150
- return new result_1.Result(char, stream);
151
- });
152
- };
141
+ var rawMask = function (args) { return new Parser(function (stream) {
142
+ var prompt = args.prompt, promptPlaceholder = args.promptPlaceholder;
143
+ var char = stream.next().char;
144
+ if (char === prompt) {
145
+ return new result_1.Result(promptPlaceholder, stream);
146
+ }
147
+ return new result_1.Result(char, stream);
148
+ }); };
153
149
  exports.rawMask = rawMask;
154
150
  /**
155
151
  * @hidden
@@ -35,7 +35,7 @@ var Result = /** @class */ (function () {
35
35
  return this.map(function (vs, _) { return r.chain(function (v, __) { return vs.concat([v]); }); });
36
36
  };
37
37
  Result.prototype.toString = function () {
38
- return "Result({ value: '" + this.value + "', rest: " + this.rest + " })";
38
+ return "Result({ value: '".concat(this.value, "', rest: ").concat(this.rest, " })");
39
39
  };
40
40
  return Result;
41
41
  }());
@@ -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>>;