@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.
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.d.ts +1 -1
- package/dist/es/checkbox/Checkbox.js +2 -2
- package/dist/es/colors/ColorContrastLabels.js +3 -3
- package/dist/es/colors/ColorGradient.d.ts +1 -1
- package/dist/es/colors/ColorGradient.js +7 -3
- package/dist/es/colors/ColorPalette.d.ts +4 -1
- package/dist/es/colors/ColorPalette.js +10 -3
- package/dist/es/colors/ColorPicker.d.ts +1 -1
- package/dist/es/colors/ColorPicker.js +4 -4
- package/dist/es/colors/FlatColorPicker.d.ts +1 -1
- package/dist/es/colors/FlatColorPicker.js +25 -24
- package/dist/es/colors/HexInput.d.ts +1 -1
- package/dist/es/colors/utils/color-parser.js +2 -2
- package/dist/es/colors/utils/svg-calc.js +4 -4
- package/dist/es/common/SliderTooltip.js +3 -3
- package/dist/es/common/SwitchController.js +5 -1
- package/dist/es/common/SwitchModel.d.ts +1 -1
- package/dist/es/input/Input.js +2 -1
- package/dist/es/maskedtextbox/MaskedTextBox.d.ts +7 -7
- package/dist/es/maskedtextbox/MaskedTextBox.js +7 -6
- package/dist/es/maskedtextbox/parsing/parsers.d.ts +2 -2
- package/dist/es/maskedtextbox/parsing/parsers.js +28 -32
- package/dist/es/maskedtextbox/parsing/result.js +1 -1
- package/dist/es/numerictextbox/NumericTextBox.d.ts +1 -1
- package/dist/es/numerictextbox/NumericTextBox.js +3 -3
- package/dist/es/numerictextbox/utils/index.d.ts +1 -1
- package/dist/es/numerictextbox/utils/index.js +5 -5
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/radiobutton/RadioButton.d.ts +1 -1
- package/dist/es/radiobutton/RadioButton.js +1 -1
- package/dist/es/radiobutton/RadioGroup.d.ts +1 -1
- package/dist/es/range-slider/RangeSlider.d.ts +1 -1
- package/dist/es/range-slider/RangeSlider.js +7 -7
- package/dist/es/rating/Rating.d.ts +1 -1
- package/dist/es/rating/Rating.js +15 -12
- package/dist/es/rating/RatingItem.d.ts +1 -1
- package/dist/es/rating/models/index.d.ts +4 -0
- package/dist/es/slider/Slider.d.ts +2 -2
- package/dist/es/slider/Slider.js +2 -0
- package/dist/es/slider/SliderLabel.js +2 -2
- package/dist/es/switch/Switch.d.ts +6 -6
- package/dist/es/switch/Switch.js +7 -4
- package/dist/es/textarea/TextArea.d.ts +1 -1
- package/dist/es/textarea/TextArea.js +4 -4
- package/dist/es/utils.js +9 -5
- package/dist/npm/checkbox/Checkbox.d.ts +1 -1
- package/dist/npm/checkbox/Checkbox.js +14 -14
- package/dist/npm/colors/ColorContrastLabels.js +6 -6
- package/dist/npm/colors/ColorContrastSvg.js +6 -6
- package/dist/npm/colors/ColorGradient.d.ts +1 -1
- package/dist/npm/colors/ColorGradient.js +37 -33
- package/dist/npm/colors/ColorInput.js +3 -3
- package/dist/npm/colors/ColorPalette.d.ts +4 -1
- package/dist/npm/colors/ColorPalette.js +19 -12
- package/dist/npm/colors/ColorPicker.d.ts +1 -1
- package/dist/npm/colors/ColorPicker.js +13 -13
- package/dist/npm/colors/FlatColorPicker.d.ts +1 -1
- package/dist/npm/colors/FlatColorPicker.js +27 -26
- package/dist/npm/colors/HexInput.d.ts +1 -1
- package/dist/npm/colors/HexInput.js +3 -3
- package/dist/npm/colors/Picker.js +1 -1
- package/dist/npm/colors/utils/color-palette.service.js +6 -6
- package/dist/npm/colors/utils/color-parser.js +26 -26
- package/dist/npm/colors/utils/misc.js +1 -1
- package/dist/npm/colors/utils/svg-calc.js +4 -4
- package/dist/npm/common/SliderTooltip.js +4 -4
- package/dist/npm/common/SwitchController.js +5 -1
- package/dist/npm/common/SwitchModel.d.ts +1 -1
- package/dist/npm/input/Input.js +7 -6
- package/dist/npm/main.js +5 -1
- package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +7 -7
- package/dist/npm/maskedtextbox/MaskedTextBox.js +13 -12
- package/dist/npm/maskedtextbox/masking.service.js +19 -19
- package/dist/npm/maskedtextbox/parsing/parsers.d.ts +2 -2
- package/dist/npm/maskedtextbox/parsing/parsers.js +28 -32
- package/dist/npm/maskedtextbox/parsing/result.js +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.d.ts +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +31 -31
- package/dist/npm/numerictextbox/utils/index.d.ts +1 -1
- package/dist/npm/numerictextbox/utils/index.js +61 -61
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/radiobutton/RadioButton.d.ts +1 -1
- package/dist/npm/radiobutton/RadioButton.js +10 -10
- package/dist/npm/radiobutton/RadioGroup.d.ts +1 -1
- package/dist/npm/radiobutton/RadioGroup.js +10 -10
- package/dist/npm/range-slider/RangeSlider.d.ts +1 -1
- package/dist/npm/range-slider/RangeSlider.js +17 -17
- package/dist/npm/rating/Rating.d.ts +1 -1
- package/dist/npm/rating/Rating.js +36 -33
- package/dist/npm/rating/RatingItem.d.ts +1 -1
- package/dist/npm/rating/RatingItem.js +2 -2
- package/dist/npm/rating/models/index.d.ts +4 -0
- package/dist/npm/rating/rating-reducer.js +4 -4
- package/dist/npm/rating/utils/index.js +5 -5
- package/dist/npm/slider/Slider.d.ts +2 -2
- package/dist/npm/slider/Slider.js +9 -7
- package/dist/npm/slider/SliderLabel.js +3 -3
- package/dist/npm/switch/Switch.d.ts +6 -6
- package/dist/npm/switch/Switch.js +17 -14
- package/dist/npm/textarea/TextArea.d.ts +1 -1
- package/dist/npm/textarea/TextArea.js +13 -13
- package/dist/npm/utils.js +9 -5
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +15 -15
|
@@ -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 '"
|
|
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 "
|
|
25
|
+
"M ".concat(point[0], ",").concat(point[1]) :
|
|
26
26
|
// else
|
|
27
|
-
acc
|
|
27
|
+
"".concat(acc, " ").concat(command(point, i, a));
|
|
28
28
|
}, '');
|
|
29
|
-
return "<path d=\""
|
|
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 "
|
|
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
|
|
22
|
-
tooltipRef.current.style.top = top_1
|
|
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 = ""
|
|
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
|
};
|
package/dist/npm/input/Input.js
CHANGED
|
@@ -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.
|
|
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.
|
|
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" | "
|
|
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" | "
|
|
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-"
|
|
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-"
|
|
293
|
-
_a["k-input-"
|
|
294
|
-
_a["k-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
|
-
|
|
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: (
|
|
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: (
|
|
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 (
|
|
44
|
-
var prompt =
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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
|
-
|
|
63
|
-
|
|
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 (
|
|
144
|
-
var prompt =
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
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: '"
|
|
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>>;
|