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

package/dist/npm/maskedtextbox/MaskedTextBox.d.ts

@@ -36,7 +36,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         includeLiterals: PropTypes.Requireable<boolean>;
         maskValidation: PropTypes.Requireable<boolean>;
         mask: PropTypes.Requireable<string>;
-        rules: (props: MaskedTextBoxProps, propName: string, componentName: string) => Error;
+        rules: (props: MaskedTextBoxProps, propName: string, componentName: string) => Error | null;
         selection: PropTypes.Requireable<PropTypes.InferProps<{
             start: PropTypes.Validator<number>;
             end: PropTypes.Validator<number>;
@@ -48,9 +48,9 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         valid: PropTypes.Requireable<boolean>;
         validityStyles: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
@@ -65,9 +65,9 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         };
         required: boolean;
         validityStyles: boolean;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "full" | "large";
-        fillMode: "flat" | "solid" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -44,7 +44,7 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
          * @hidden
          */
         _this.state = {};
-        _this._inputId = "k-" + kendo_react_common_1.guid();
+        _this._inputId = "k-".concat((0, kendo_react_common_1.guid)());
         _this._service = new masking_service_1.MaskingService();
         _this._isPasted = false;
         _this._selection = [null, null];
@@ -121,7 +121,7 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
                     : _this.props.validationMessage || '');
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     Object.defineProperty(MaskedTextBoxWithoutContext.prototype, "element", {
@@ -266,7 +266,7 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
                 this.element.setSelectionRange(start, end);
             }
         }
-        if (utils_1.maskingChanged(prevProps, this.props)) {
+        if ((0, utils_1.maskingChanged)(prevProps, this.props)) {
             this.updateService();
         }
         this.setValidity();
@@ -288,16 +288,16 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
         var inputId = this.props.id || this._inputId;
         var isValid = !this.validityStyles || this.validity.valid;
         var style = this.props.style || {};
-        var component = (React.createElement("span", { dir: this.props.dir, className: kendo_react_common_1.classNames('k-maskedtextbox k-input', (_a = {},
-                _a["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-                _a["k-input-" + fillMode] = fillMode,
-                _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+        var component = (React.createElement("span", { dir: this.props.dir, className: (0, kendo_react_common_1.classNames)('k-maskedtextbox k-input', (_a = {},
+                _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+                _a["k-input-".concat(fillMode)] = fillMode,
+                _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
                 _a['k-invalid'] = !isValid,
                 _a['k-required'] = this.required,
                 _a['k-disabled'] = this.props.disabled,
                 _a), this.props.className), style: !this.props.label
                 ? __assign({ width: this.props.width }, style) : style },
-            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 })));
+            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 })));
         return this.props.label
             ? (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 }))
             : component;
@@ -308,14 +308,15 @@ var MaskedTextBoxWithoutContext = /** @class */ (function (_super) {
         });
         if (this.props.onChange) {
             this._valueDuringOnChange = maskedValue;
-            this.props.onChange.call(undefined, {
+            var ev = {
                 syntheticEvent: event,
                 nativeEvent: event.nativeEvent,
                 selectionStart: this._selection[0],
                 selectionEnd: this._selection[1],
                 target: this,
                 value: this.value
-            });
+            };
+            this.props.onChange.call(undefined, ev);
             this._valueDuringOnChange = undefined;
         }
     };
@@ -415,7 +416,7 @@ exports.MaskedTextBoxWithoutContext = MaskedTextBoxWithoutContext;
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.MaskedTextBoxPropsContext = kendo_react_common_1.createPropsContext();
+exports.MaskedTextBoxPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the props of the [KendoReact MaskedTextBox component]({% slug overview_maskedtextbox %}).
@@ -423,5 +424,5 @@ exports.MaskedTextBoxPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [MaskedTextBoxProps]({% slug api_inputs_maskedtextboxprops %}).
  * Obtaining the `ref` returns an object of type [MaskedTextBoxHandle]({% slug api_inputs_maskedtextboxhandle %}).
  */
-exports.MaskedTextBox = kendo_react_common_1.withPropsContext(exports.MaskedTextBoxPropsContext, MaskedTextBoxWithoutContext);
+exports.MaskedTextBox = (0, kendo_react_common_1.withPropsContext)(exports.MaskedTextBoxPropsContext, MaskedTextBoxWithoutContext);
 exports.MaskedTextBox.displayName = 'KendoReactMaskedTextBox';

package/dist/npm/maskedtextbox/masking.service.js

@@ -30,7 +30,7 @@ var MaskingService = /** @class */ (function () {
     MaskingService.prototype.validationValue = function (maskedValue) {
         if (maskedValue === void 0) { maskedValue = ''; }
         var value = maskedValue;
-        combinators_1.sequence(this.validationTokens)
+        (0, combinators_1.sequence)(this.validationTokens)
             .run(maskedValue)
             .fold(function (unmasked) {
             value = unmasked.join('');
@@ -43,7 +43,7 @@ var MaskingService = /** @class */ (function () {
         if (!this.rawTokens.length) {
             return value;
         }
-        combinators_1.sequence(this.rawTokens)
+        (0, combinators_1.sequence)(this.rawTokens)
             .run(maskedValue)
             .fold(function (unmasked) {
             value = unmasked.join('');
@@ -59,7 +59,7 @@ var MaskingService = /** @class */ (function () {
         if (!this.maskTokens.length) {
             return value;
         }
-        combinators_1.sequence(this.maskTokens)
+        (0, combinators_1.sequence)(this.maskTokens)
             .run(rawValue)
             .fold(function (masked) {
             value = masked.join('');
@@ -77,7 +77,7 @@ var MaskingService = /** @class */ (function () {
         var selection = end;
         var beforeChange = oldValue.split('').slice(0, start);
         var afterChange = oldValue.split('').slice(end);
-        combinators_1.sequence(this.maskTokens.slice(start, end))
+        (0, combinators_1.sequence)(this.maskTokens.slice(start, end))
             .run(pasted)
             .fold(function (masked) {
             value = beforeChange
@@ -97,7 +97,7 @@ var MaskingService = /** @class */ (function () {
         var unchanged = input.split('').slice(splitPoint);
         var changed = input.split('').slice(0, splitPoint).join('');
         var take = this.maskTokens.length - (input.length - splitPoint);
-        combinators_1.sequence(this.maskTokens.slice(0, take))
+        (0, combinators_1.sequence)(this.maskTokens.slice(0, take))
             .run(changed, control)
             .fold(function (masked) {
             selection = _this.adjustPosition(masked, selection);
@@ -121,12 +121,12 @@ var MaskingService = /** @class */ (function () {
         var value = '';
         var selection = splitPoint;
         var changed = input.slice(0, splitPoint);
-        combinators_1.sequence(this.unmaskTokens)
+        (0, combinators_1.sequence)(this.unmaskTokens)
             .run(changed, control)
             .chain(function (unmasked) {
             selection = unmasked.join('').length;
             var unchanged = control.slice(selection);
-            return combinators_1.sequence(_this.maskTokens)
+            return (0, combinators_1.sequence)(_this.maskTokens)
                 .run(unmasked.join('') + unchanged, control);
         })
             .fold(function (masked) {
@@ -141,8 +141,8 @@ var MaskingService = /** @class */ (function () {
         get: function () {
             var _a = this, prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;
             return {
-                literal: function (rule) { return parsers_1.literal(rule); },
-                mask: function (rule) { return parsers_1.mask({ prompt: prompt, promptPlaceholder: promptPlaceholder })(rule); }
+                literal: function (rule) { return (0, parsers_1.literal)(rule); },
+                mask: function (rule) { return (0, parsers_1.mask)({ prompt: prompt, promptPlaceholder: promptPlaceholder })(rule); }
             };
         },
         enumerable: false,
@@ -152,8 +152,8 @@ var MaskingService = /** @class */ (function () {
         get: function () {
             var _this = this;
             return {
-                literal: function (rule) { return parsers_1.unliteral(rule); },
-                mask: function (rule) { return parsers_1.unmask(_this.prompt)(rule); }
+                literal: function (rule) { return (0, parsers_1.unliteral)(rule); },
+                mask: function (rule) { return (0, parsers_1.unmask)(_this.prompt)(rule); }
             };
         },
         enumerable: false,
@@ -163,8 +163,8 @@ var MaskingService = /** @class */ (function () {
         get: function () {
             var _a = this, prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder, includeLiterals = _a.includeLiterals;
             return {
-                literal: function (_) { return parsers_1.rawLiteral(includeLiterals); },
-                mask: function (_) { return parsers_1.rawMask({ prompt: prompt, promptPlaceholder: promptPlaceholder }); }
+                literal: function (_) { return (0, parsers_1.rawLiteral)(includeLiterals); },
+                mask: function (_) { return (0, parsers_1.rawMask)({ prompt: prompt, promptPlaceholder: promptPlaceholder }); }
             };
         },
         enumerable: false,
@@ -174,8 +174,8 @@ var MaskingService = /** @class */ (function () {
         get: function () {
             var prompt = this.prompt;
             return {
-                literal: function (_) { return parsers_1.rawLiteral(false); },
-                mask: function (_) { return parsers_1.rawMask({ prompt: prompt, promptPlaceholder: '' }); }
+                literal: function (_) { return (0, parsers_1.rawLiteral)(false); },
+                mask: function (_) { return (0, parsers_1.rawMask)({ prompt: prompt, promptPlaceholder: '' }); }
             };
         },
         enumerable: false,
@@ -183,22 +183,22 @@ var MaskingService = /** @class */ (function () {
     });
     MaskingService.prototype.tokenize = function () {
         var _this = this;
-        combinators_1.greedy(parsers_1.token(this.rules, this.maskTokenCreator))
+        (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.maskTokenCreator))
             .run(this.mask)
             .fold(function (tokens, _) {
             _this.maskTokens = tokens;
         });
-        combinators_1.greedy(parsers_1.token(this.rules, this.unmaskTokenCreator))
+        (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.unmaskTokenCreator))
             .run(this.mask)
             .fold(function (tokens, _) {
             _this.unmaskTokens = tokens;
         });
-        combinators_1.greedy(parsers_1.token(this.rules, this.rawTokenCreator))
+        (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.rawTokenCreator))
             .run(this.mask)
             .fold(function (tokens, _) {
             _this.rawTokens = tokens;
         });
-        combinators_1.greedy(parsers_1.token(this.rules, this.validationTokenCreator))
+        (0, combinators_1.greedy)((0, parsers_1.token)(this.rules, this.validationTokenCreator))
             .run(this.mask)
             .fold(function (tokens, _) {
             _this.validationTokens = tokens;

package/dist/npm/maskedtextbox/parsing/result.js

@@ -35,7 +35,7 @@ var Result = /** @class */ (function () {
         return this.map(function (vs, _) { return r.chain(function (v, __) { return vs.concat([v]); }); });
     };
     Result.prototype.toString = function () {
-        return "Result({ value: '" + this.value + "', rest: " + this.rest + " })";
+        return "Result({ value: '".concat(this.value, "', rest: ").concat(this.rest, " })");
     };
     return Result;
 }());

package/dist/npm/numerictextbox/NumericTextBox.d.ts

@@ -11,4 +11,4 @@ export declare const NumericTextBoxPropsContext: React.Context<(p: NumericTextBo
 /**
  * Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
-export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle>>;
+export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle | null>>;

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -29,28 +29,28 @@ var VALIDATION_MESSAGE = 'Please enter a valid value!';
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.NumericTextBoxPropsContext = kendo_react_common_1.createPropsContext();
+exports.NumericTextBoxPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /**
  * Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
 exports.NumericTextBox = React.forwardRef(function (directProps, target) {
     var _a;
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-    var props = kendo_react_common_1.usePropsContext(exports.NumericTextBoxPropsContext, directProps);
-    var calculatedId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    var props = (0, kendo_react_common_1.usePropsContext)(exports.NumericTextBoxPropsContext, directProps);
+    var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
     var inputId = props.id || calculatedId;
-    var intlService = kendo_react_intl_1.useInternationalization();
-    var localizationService = kendo_react_intl_1.useLocalization();
+    var intlService = (0, kendo_react_intl_1.useInternationalization)();
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var elementRef = React.useRef(null);
     var valueDuringChangeRef = React.useRef();
     var _b = React.useState(false), forceUpdate = _b[0], setForceUpdate = _b[1];
-    var stateRef = React.useRef(utils_1.getInitialState());
+    var stateRef = React.useRef((0, utils_1.getInitialState)());
     var isPasteRef = React.useRef(false);
     var prevLooseValueRef = React.useRef();
     var stateValueRef = React.useRef(props.defaultValue);
-    var looseValue = utils_1.formatValue(stateRef.current.focused && !props.disabled ?
+    var looseValue = (0, utils_1.formatValue)(stateRef.current.focused && !props.disabled ?
         stateRef.current.currentLooseValue :
-        utils_1.getStateOrPropsValue(props.value, stateValueRef.current), props.format, intlService);
+        (0, utils_1.getStateOrPropsValue)(props.value, stateValueRef.current), props.format, intlService);
     prevLooseValueRef.current = looseValue;
     React.useEffect(function () {
         if (elementRef.current && elementRef.current.setCustomValidity) {
@@ -69,7 +69,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
             return valueDuringChangeRef.current;
         }
         else {
-            return utils_1.getStateOrPropsValue(props.value, stateValueRef.current);
+            return (0, utils_1.getStateOrPropsValue)(props.value, stateValueRef.current);
         }
     }, [props.value]);
     var nameGetter = React.useCallback(function () {
@@ -113,7 +113,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
     React.useImperativeHandle(target, getImperativeHandle);
     var getCurrentState = React.useCallback(function () {
         return {
-            eventValue: utils_1.getStateOrPropsValue(props.value, stateValueRef.current),
+            eventValue: (0, utils_1.getStateOrPropsValue)(props.value, stateValueRef.current),
             prevLooseValue: prevLooseValueRef.current,
             currentLooseValue: elementRef.current.value,
             selectionStart: elementRef.current.selectionStart,
@@ -131,8 +131,8 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
         }
         valueDuringChangeRef.current = newState.eventValue;
         stateValueRef.current = newState.eventValue;
-        var formattedValue = utils_1.formatValue(utils_1.rangeValue(newState.eventValue, props.min, props.max), props.format, intlService);
-        var rangedValue = utils_1.rangeValue(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
+        var formattedValue = (0, utils_1.formatValue)((0, utils_1.rangeValue)(newState.eventValue, props.min, props.max), props.format, intlService);
+        var rangedValue = (0, utils_1.rangeValue)(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
         if (rangedValue !== newState.eventValue) {
             newState.valueIsOutOfRange = true;
             newState.eventValue = rangedValue;
@@ -140,7 +140,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
         }
         var shouldFireEvent = props.value !== newState.eventValue;
         if (shouldFireEvent) {
-            kendo_react_common_1.dispatchEvent(props.onChange, event, getImperativeHandle(), { value: newState.eventValue });
+            (0, kendo_react_common_1.dispatchEvent)(props.onChange, event, getImperativeHandle(), { value: newState.eventValue });
         }
         valueDuringChangeRef.current = undefined;
         stateRef.current = newState;
@@ -149,7 +149,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
     var onChangeHandler = React.useCallback(function (event) {
         var stateCandidate = getCurrentState();
         isPasteRef.current = false;
-        triggerChange(event, utils_1.sanitizeNumber(stateCandidate, props.format, intlService));
+        triggerChange(event, (0, utils_1.sanitizeNumber)(stateCandidate, props.format, intlService));
     }, [props.format, props.onChange, intlService, triggerChange, getCurrentState]);
     var onKeyDown = React.useCallback(function (event) {
         var newState = getCurrentState();
@@ -163,21 +163,21 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
         switch (event.keyCode) {
             case 38:
                 // Arrow up
-                utils_1.increaseValue(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
+                (0, utils_1.increaseValue)(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
                 break;
             case 40:
                 // Arrow down
-                utils_1.decreaseValue(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
+                (0, utils_1.decreaseValue)(currentValue, newState, props.step, props.min, props.max, props.format, intlService);
                 break;
             case 13:
                 // Enter - range values
                 if (props.rangeOnEnter === false) {
                     return;
                 }
-                var formattedValue = utils_1.formatValue(utils_1.rangeValue(currentValue, props.min, props.max), props.format, intlService);
-                var rangedValue = utils_1.rangeValue(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
+                var formattedValue = (0, utils_1.formatValue)((0, utils_1.rangeValue)(currentValue, props.min, props.max), props.format, intlService);
+                var rangedValue = (0, utils_1.rangeValue)(intlService.parseNumber(formattedValue, props.format), props.min, props.max);
                 newState.eventValue = rangedValue;
-                newState.currentLooseValue = utils_1.formatValue(rangedValue, props.format, intlService);
+                newState.currentLooseValue = (0, utils_1.formatValue)(rangedValue, props.format, intlService);
                 newState.selectionStart = newState.selectionEnd = newState.currentLooseValue.length;
                 break;
             case 110:
@@ -189,7 +189,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
                         symbols.decimal +
                         newState.currentLooseValue.slice(newState.selectionEnd);
                     newState.selectionStart = newState.selectionEnd = newState.selectionStart + 1;
-                    newState = utils_1.sanitizeNumber(newState, props.format, intlService);
+                    newState = (0, utils_1.sanitizeNumber)(newState, props.format, intlService);
                 }
                 break;
             default:
@@ -207,7 +207,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
             return;
         }
         var newState = getCurrentState();
-        utils_1.increaseValue(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
+        (0, utils_1.increaseValue)(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
         triggerChange(event, newState);
     }, [props.format, props.min, props.max, props.step, props.onChange, props.readOnly, props.disabled, triggerChange, getCurrentState]);
     var onDecrease = React.useCallback(function (event) {
@@ -216,7 +216,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
             return;
         }
         var newState = getCurrentState();
-        utils_1.decreaseValue(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
+        (0, utils_1.decreaseValue)(intlService.parseNumber(String(newState.currentLooseValue), props.format), newState, props.step, props.min, props.max, props.format, intlService);
         triggerChange(event, newState);
     }, [props.format, props.min, props.max, props.step, props.onChange, props.readOnly, props.disabled, triggerChange, getCurrentState]);
     var onWheelHandler = React.useCallback(function (event) {
@@ -237,12 +237,12 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
     var onFocus = React.useCallback(function (event) {
         stateRef.current.currentLooseValue = prevLooseValueRef.current;
         stateRef.current.focused = true;
-        kendo_react_common_1.dispatchEvent(props.onFocus, event, getImperativeHandle(), {});
+        (0, kendo_react_common_1.dispatchEvent)(props.onFocus, event, getImperativeHandle(), {});
         setForceUpdate(function (x) { return !x; });
     }, [props.onFocus, setForceUpdate, getImperativeHandle]);
     var onBlur = React.useCallback(function (event) {
-        stateRef.current = utils_1.getInitialState();
-        kendo_react_common_1.dispatchEvent(props.onBlur, event, getImperativeHandle(), {});
+        stateRef.current = (0, utils_1.getInitialState)();
+        (0, kendo_react_common_1.dispatchEvent)(props.onBlur, event, getImperativeHandle(), {});
         setForceUpdate(function (x) { return !x; });
     }, [props.onBlur, setForceUpdate, getImperativeHandle]);
     var onMouseDown = React.useCallback(function (e) {
@@ -263,15 +263,15 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
     }, [forceUpdate]);
     var isValid = !validityStylesGetter() || validityGetter().valid;
     var numerictextbox = (React.createElement("span", { dir: props.dir, style: !props.label
-            ? __assign({ width: props.width }, props.style) : props.style, className: kendo_react_common_1.classNames('k-input', 'k-numerictextbox', (_a = {},
-            _a["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-input-" + props.fillMode] = props.fillMode,
-            _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
+            ? __assign({ width: props.width }, props.style) : props.style, className: (0, kendo_react_common_1.classNames)('k-input', 'k-numerictextbox', (_a = {},
+            _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
+            _a["k-input-".concat(props.fillMode)] = props.fillMode,
+            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
             _a['k-invalid'] = !isValid,
             _a['k-required'] = props.required,
             _a['k-disabled'] = props.disabled,
             _a), props.className), "aria-disabled": props.disabled ? 'true' : undefined },
-        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 }),
+        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 }),
         props.children,
         props.spinners &&
             (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },