@progress/kendo-react-inputs 13.4.0-develop.2 → 13.4.0-develop.4

package/index.d.mts

@@ -44,7 +44,7 @@ export { sanitizeNumber } from './numerictextbox/utils/index.js';
 export { rangeReducer, RANGE_ACTION } from './range-slider/range-raducer.js';
 export * from './range-slider/RangeSlider.js';
 export * from './interfaces/ToggleBaseProps.js';
-export { Switch, SwitchWithoutContext, type SwitchHandle, type SwitchProps, type SwitchPropsContext, type SwitchState, type SwitchChangeEvent } from './switch/Switch.js';
+export { Switch, SwitchWithoutContext, type SwitchHandle, type SwitchProps, type SwitchPropsContext, type SwitchChangeEvent } from './switch/Switch.js';
 export * from './checkbox/interfaces/CheckboxProps.js';
 export * from './checkbox/interfaces/CheckboxChangeEvent.js';
 export * from './checkbox/interfaces/CheckboxFocusEvent.js';

package/index.d.ts

@@ -44,7 +44,7 @@ export { sanitizeNumber } from './numerictextbox/utils/index.js';
 export { rangeReducer, RANGE_ACTION } from './range-slider/range-raducer.js';
 export * from './range-slider/RangeSlider.js';
 export * from './interfaces/ToggleBaseProps.js';
-export { Switch, SwitchWithoutContext, type SwitchHandle, type SwitchProps, type SwitchPropsContext, type SwitchState, type SwitchChangeEvent } from './switch/Switch.js';
+export { Switch, SwitchWithoutContext, type SwitchHandle, type SwitchProps, type SwitchPropsContext, type SwitchChangeEvent } from './switch/Switch.js';
 export * from './checkbox/interfaces/CheckboxProps.js';
 export * from './checkbox/interfaces/CheckboxChangeEvent.js';
 export * from './checkbox/interfaces/CheckboxFocusEvent.js';

package/input/Input.mjs

@@ -7,10 +7,10 @@
  */
 import * as r from "react";
 import a from "prop-types";
-import { createPropsContext as z, applyDefaultProps as J, useUnstyled as Q, useId as W, classNames as X } from "@progress/kendo-react-common";
-import { FloatingLabel as Y } from "@progress/kendo-react-labels";
+import { createPropsContext as j, applyDefaultProps as z, useUnstyled as J, useId as Q, classNames as W } from "@progress/kendo-react-common";
+import { FloatingLabel as X } from "@progress/kendo-react-labels";
 const C = r.forwardRef((I, L) => {
-  const M = r.useContext(Z).call(void 0, I), [, P] = r.useReducer((t) => t, !0), n = J(M, _), {
+  const M = r.useContext(Y).call(void 0, I), [, P] = r.useReducer((t) => t, !0), n = z(M, Z), {
     className: k,
     label: o,
     labelClassName: x,
@@ -30,9 +30,9 @@ const C = r.forwardRef((I, L) => {
     style: m,
     ariaLabel: U,
     ...B
-  } = n, D = Q(), u = R || D;
+  } = n, D = J(), u = R || D;
   u && u.uInput;
-  const O = W(), [S, T] = r.useState({
+  const O = Q(), [S, T] = r.useState({
     value: N
   }), g = E || O, e = r.useRef(null), l = r.useRef(void 0), d = r.useRef(null), q = () => {
     e.current && e.current.focus();
@@ -70,7 +70,7 @@ const C = r.forwardRef((I, L) => {
     for (const h in t)
       t.hasOwnProperty(h) && (i = i || !!t[h]);
     return i;
-  }, v = !y || s().valid, G = X(
+  }, v = !y || s().valid, G = W(
     "k-input",
     {
       "k-invalid": !v,
@@ -79,7 +79,7 @@ const C = r.forwardRef((I, L) => {
     k
   ), H = () => {
     e.current && e.current.setCustomValidity && (s().valid || !y ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(s().valid ? "" : p || ""));
-  }, K = (t) => {
+  }, _ = (t) => {
     T({
       value: t.target.value
     }), l.current = t.target.value, n.onChange && n.onChange.call(void 0, {
@@ -88,7 +88,7 @@ const C = r.forwardRef((I, L) => {
       value: t.target.value,
       target: d.current
     }), l.current = void 0;
-  }, j = (t) => {
+  }, K = (t) => {
     if (t.animationName === "autoFillStart") {
       const i = t.target.parentNode;
       i && i.classList.contains("k-empty") && i.classList.remove("k-empty");
@@ -113,13 +113,13 @@ const C = r.forwardRef((I, L) => {
       id: g,
       autoFocus: V,
       className: G,
-      onChange: K,
-      onAnimationStart: j,
+      onChange: _,
+      onAnimationStart: K,
       ref: e
     }
   );
   return o ? /* @__PURE__ */ r.createElement(
-    Y,
+    X,
     {
       label: o,
       labelClassName: x,
@@ -134,7 +134,7 @@ const C = r.forwardRef((I, L) => {
       unstyled: u
     }
   ) : b;
-}), Z = z(), _ = {
+}), Y = j(), Z = {
   defaultValue: "",
   required: !1,
   validityStyles: !0,
@@ -156,5 +156,5 @@ C.propTypes = {
 };
 export {
   C as Input,
-  Z as InputPropsContext
+  Y as InputPropsContext
 };

package/maskedtextbox/MaskedTextBox.d.ts

@@ -58,7 +58,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         validityStyles: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"small" | "medium" | "large" | undefined>;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | undefined>;
+        rounded: PropTypes.Requireable<"small" | "none" | "medium" | "large" | "full" | undefined>;
         fillMode: PropTypes.Requireable<"flat" | "solid" | "outline" | undefined>;
         autoFocus: PropTypes.Requireable<boolean>;
         inputAttributes: PropTypes.Requireable<object>;

package/maskedtextbox/MaskedTextBox.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),e=require("prop-types"),M=require("./masking.service.js"),h=require("./utils.js"),n=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-labels");function V(u){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const s in u)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(u,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:()=>u[s]})}}return t.default=u,Object.freeze(t)}const p=V(O),l=class l extends p.Component{constructor(){super(...arguments),this.state={},this._inputId=`k_${this.props.id}`,this._service=new M.MaskingService,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:s,selectionEnd:i}=t.target;i!==s&&(this._isPasted=!0,this._selection=[s||0,i||0])},this.onChangeHandler=t=>{const s=t.currentTarget,i=s.value,a=this._selection[0]||0,o=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(i,t);return}const r=this.value;let d;if(this._isPasted){this._isPasted=!1;const c=r.length-o,v=i.length-c;d=this._service.maskInRange(i.slice(a,v),r,a,o)}else d=this._service.maskInput(i,r,s.selectionStart||0);this._selection=[d.selection,d.selection],this.triggerOnChange(d.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")}}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const t=this.value,s=this._service.validationValue(t),i=this.props.validationMessage!==void 0,a=this.props.valid!==void 0?this.props.valid:(!this.required||!!s)&&(!this.props.maskValidation||!this.props.prompt||t.indexOf(this.props.prompt)===-1);return{customError:i,valid:a,valueMissing:!s}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:l.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}get name(){return this.props.name}componentDidUpdate(t,s){if(this.element&&this.state.focused&&s.focused){let[i,a]=this._selection;const o=t.selection,r=this.props.selection;(!o&&r||o&&r&&(o.start!==r.start||o.end!==r.end))&&(i=r.start,a=r.end),i!==null&&a!==null&&this.element.setSelectionRange(i,a)}h.maskingChanged(t,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:t=l.defaultProps.size,fillMode:s=l.defaultProps.fillMode,rounded:i=l.defaultProps.rounded,autoFocus:a=l.defaultProps.autoFocus,prefix:o=l.defaultProps.prefix,suffix:r=l.defaultProps.suffix,inputAttributes:d,unstyled:c,className:v}=this.props,g=this.props.id||this._inputId,m=!this.validityStyles||this.validity.valid,b=this.props.style||{},C=c&&c.uMaskedTextBox,[_]=n.useCustomComponent(o),[P]=n.useCustomComponent(r),y=p.createElement("span",{dir:this.props.dir,className:n.classNames("k-input","k-maskedtextbox",{[`k-input-${n.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${s}`]:s,[`k-rounded-${n.kendoThemeMaps.roundedMap[i]||i}`]:i,"k-invalid":!m,"k-disabled":this.props.disabled},v),style:this.props.label?b:{width:this.props.width,...b}},p.createElement(_,null),p.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:a,spellCheck:!1,className:n.classNames(n.uMaskedTextBox.inputInner({c:C})),value:this.value,id:g,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,name:this.props.name,tabIndex:n.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:S=>{this._input=S},onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:h.returnFalse,onDrop:h.returnFalse,...d}),p.createElement(P,null));return this.props.label?p.createElement(E.FloatingLabel,{label:this.props.label,editorId:g,editorValue:this.value,editorValid:m,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:y,style:{width:this.props.width},dir:this.props.dir}):y}triggerOnChange(t,s){if(this.setState({value:t}),this.props.onChange){this._valueDuringOnChange=t;const i={syntheticEvent:s,nativeEvent:s.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,i),this._valueDuringOnChange=void 0}}updateService(t){const s=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},t);this._service.update(s)}get rules(){return Object.assign({},h.defaultRules,this.props.rules)}};l.displayName="MaskedTextBox",l.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,title:e.string,dir:e.string,id:e.string,style:e.object,className:e.string,prefix:e.any,suffix:e.any,ariaLabelledBy:e.string,ariaDescribedBy:e.string,width:e.oneOfType([e.string,e.number]),tabIndex:e.number,accessKey:e.string,disabled:e.bool,readonly:e.bool,prompt:e.string,promptPlaceholder:e.string,includeLiterals:e.bool,maskValidation:e.bool,mask:e.string,rules:function(t,s,i){const a=t.rules;return a!==void 0&&!Object.entries(a).some(r=>typeof r!="string"||!(a[r]instanceof RegExp))?new Error("Invalid prop `"+s+"` supplied to `"+i+"`. Validation failed."):null},selection:e.shape({start:e.number.isRequired,end:e.number.isRequired}),name:e.string,label:e.node,validationMessage:e.string,required:e.bool,valid:e.bool,validityStyles:e.bool,onChange:e.func,size:e.oneOf(["small","medium","large"]),rounded:e.oneOf(["small","medium","large","full"]),fillMode:e.oneOf(["solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object},l.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:h.defaultRules,validityStyles:!0,prefix:t=>null,suffix:t=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};let f=l;const k=n.createPropsContext(),x=n.withIdHOC(n.withPropsContext(k,n.withUnstyledHOC(f)));x.displayName="KendoReactMaskedTextBox";exports.MaskedTextBox=x;exports.MaskedTextBoxPropsContext=k;exports.MaskedTextBoxWithoutContext=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),e=require("prop-types"),M=require("./masking.service.js"),h=require("./utils.js"),l=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-labels");function V(u){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const s in u)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(u,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:()=>u[s]})}}return t.default=u,Object.freeze(t)}const p=V(O),n=class n extends p.Component{constructor(){super(...arguments),this.state={},this._inputId=`k_${this.props.id}`,this._service=new M.MaskingService,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:s,selectionEnd:i}=t.target;i!==s&&(this._isPasted=!0,this._selection=[s||0,i||0])},this.onChangeHandler=t=>{const s=t.currentTarget,i=s.value,a=this._selection[0]||0,o=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(i,t);return}const r=this.value;let d;if(this._isPasted){this._isPasted=!1;const c=r.length-o,v=i.length-c;d=this._service.maskInRange(i.slice(a,v),r,a,o)}else d=this._service.maskInput(i,r,s.selectionStart||0);this._selection=[d.selection,d.selection],this.triggerOnChange(d.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")}}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const t=this.value,s=this._service.validationValue(t),i=this.props.validationMessage!==void 0,a=this.props.valid!==void 0?this.props.valid:(!this.required||!!s)&&(!this.props.maskValidation||!this.props.prompt||t.indexOf(this.props.prompt)===-1);return{customError:i,valid:a,valueMissing:!s}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}get name(){return this.props.name}componentDidUpdate(t,s){if(this.element&&this.state.focused&&s.focused){let[i,a]=this._selection;const o=t.selection,r=this.props.selection;(!o&&r||o&&r&&(o.start!==r.start||o.end!==r.end))&&(i=r.start,a=r.end),i!==null&&a!==null&&this.element.setSelectionRange(i,a)}h.maskingChanged(t,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:t=n.defaultProps.size,fillMode:s=n.defaultProps.fillMode,rounded:i=n.defaultProps.rounded,autoFocus:a=n.defaultProps.autoFocus,prefix:o=n.defaultProps.prefix,suffix:r=n.defaultProps.suffix,inputAttributes:d,unstyled:c,className:v}=this.props,g=this.props.id||this._inputId,m=!this.validityStyles||this.validity.valid,b=this.props.style||{},C=c&&c.uMaskedTextBox,[_]=l.useCustomComponent(o),[P]=l.useCustomComponent(r),y=p.createElement("span",{dir:this.props.dir,className:l.classNames("k-input","k-maskedtextbox",{[`k-input-${l.kendoThemeMaps.sizeMap[t]||t}`]:t,[`k-input-${s}`]:s,[`k-rounded-${l.kendoThemeMaps.roundedMap[i]||i}`]:i,"k-invalid":!m,"k-disabled":this.props.disabled},v),style:this.props.label?b:{width:this.props.width,...b}},p.createElement(_,null),p.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:a,spellCheck:!1,className:l.classNames(l.uMaskedTextBox.inputInner({c:C})),value:this.value,id:g,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,name:this.props.name,tabIndex:l.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:S=>{this._input=S},onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:h.returnFalse,onDrop:h.returnFalse,...d}),p.createElement(P,null));return this.props.label?p.createElement(E.FloatingLabel,{label:this.props.label,editorId:g,editorValue:this.value,editorValid:m,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:y,style:{width:this.props.width},dir:this.props.dir}):y}triggerOnChange(t,s){if(this.setState({value:t}),this.props.onChange){this._valueDuringOnChange=t;const i={syntheticEvent:s,nativeEvent:s.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,i),this._valueDuringOnChange=void 0}}updateService(t){const s=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},t);this._service.update(s)}get rules(){return Object.assign({},h.defaultRules,this.props.rules)}};n.displayName="MaskedTextBox",n.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,title:e.string,dir:e.string,id:e.string,style:e.object,className:e.string,prefix:e.any,suffix:e.any,ariaLabelledBy:e.string,ariaDescribedBy:e.string,width:e.oneOfType([e.string,e.number]),tabIndex:e.number,accessKey:e.string,disabled:e.bool,readonly:e.bool,prompt:e.string,promptPlaceholder:e.string,includeLiterals:e.bool,maskValidation:e.bool,mask:e.string,rules:function(t,s,i){const a=t.rules;return a!==void 0&&!Object.entries(a).some(r=>typeof r!="string"||!(a[r]instanceof RegExp))?new Error("Invalid prop `"+s+"` supplied to `"+i+"`. Validation failed."):null},selection:e.shape({start:e.number.isRequired,end:e.number.isRequired}),name:e.string,label:e.node,validationMessage:e.string,required:e.bool,valid:e.bool,validityStyles:e.bool,onChange:e.func,size:e.oneOf(["small","medium","large"]),rounded:e.oneOf(["small","medium","large","full","none"]),fillMode:e.oneOf(["solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object},n.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:h.defaultRules,validityStyles:!0,prefix:t=>null,suffix:t=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};let f=n;const k=l.createPropsContext(),x=l.withIdHOC(l.withPropsContext(k,l.withUnstyledHOC(f)));x.displayName="KendoReactMaskedTextBox";exports.MaskedTextBox=x;exports.MaskedTextBoxPropsContext=k;exports.MaskedTextBoxWithoutContext=f;

package/maskedtextbox/MaskedTextBox.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as p from "react";
+import * as d from "react";
 import e from "prop-types";
 import { MaskingService as E } from "./masking.service.mjs";
 import { defaultRules as g, maskingChanged as O, returnFalse as y } from "./utils.mjs";
-import { withIdHOC as V, withPropsContext as M, createPropsContext as I, withUnstyledHOC as w, useCustomComponent as b, classNames as k, kendoThemeMaps as x, getTabIndex as D, uMaskedTextBox as H } from "@progress/kendo-react-common";
+import { withIdHOC as V, withPropsContext as M, createPropsContext as I, withUnstyledHOC as w, useCustomComponent as b, classNames as _, kendoThemeMaps as k, getTabIndex as D, uMaskedTextBox as H } from "@progress/kendo-react-common";
 import { FloatingLabel as q } from "@progress/kendo-react-labels";
-const l = class l extends p.Component {
+const l = class l extends d.Component {
   constructor() {
     super(...arguments), this.state = {}, this._inputId = `k_${this.props.id}`, this._service = new E(), this._isPasted = !1, this._selection = [null, null], this._input = null, this.focus = () => {
       this._input && this._input.focus();
@@ -28,7 +28,7 @@ const l = class l extends p.Component {
       let n;
       if (this._isPasted) {
         this._isPasted = !1;
-        const d = r.length - o, u = s.length - d;
+        const p = r.length - o, u = s.length - p;
         n = this._service.maskInRange(s.slice(a, u), r, a, o);
       } else
         n = this._service.maskInput(s, r, i.selectionStart || 0);
@@ -144,19 +144,19 @@ const l = class l extends p.Component {
       prefix: o = l.defaultProps.prefix,
       suffix: r = l.defaultProps.suffix,
       inputAttributes: n,
-      unstyled: d,
+      unstyled: p,
       className: u
-    } = this.props, c = this.props.id || this._inputId, f = !this.validityStyles || this.validity.valid, v = this.props.style || {}, _ = d && d.uMaskedTextBox, [C] = b(o), [P] = b(r), m = /* @__PURE__ */ p.createElement(
+    } = this.props, c = this.props.id || this._inputId, f = !this.validityStyles || this.validity.valid, v = this.props.style || {}, x = p && p.uMaskedTextBox, [C] = b(o), [P] = b(r), m = /* @__PURE__ */ d.createElement(
       "span",
       {
         dir: this.props.dir,
-        className: k(
+        className: _(
           "k-input",
           "k-maskedtextbox",
           {
-            [`k-input-${x.sizeMap[t] || t}`]: t,
+            [`k-input-${k.sizeMap[t] || t}`]: t,
             [`k-input-${i}`]: i,
-            [`k-rounded-${x.roundedMap[s] || s}`]: s,
+            [`k-rounded-${k.roundedMap[s] || s}`]: s,
             "k-invalid": !f,
             "k-disabled": this.props.disabled
           },
@@ -164,8 +164,8 @@ const l = class l extends p.Component {
         ),
         style: this.props.label ? v : { width: this.props.width, ...v }
       },
-      /* @__PURE__ */ p.createElement(C, null),
-      /* @__PURE__ */ p.createElement(
+      /* @__PURE__ */ d.createElement(C, null),
+      /* @__PURE__ */ d.createElement(
         "input",
         {
           type: "text",
@@ -174,7 +174,7 @@ const l = class l extends p.Component {
           autoCapitalize: "off",
           autoFocus: a,
           spellCheck: !1,
-          className: k(H.inputInner({ c: _ })),
+          className: _(H.inputInner({ c: x })),
           value: this.value,
           id: c,
           "aria-labelledby": this.props.ariaLabelledBy,
@@ -200,9 +200,9 @@ const l = class l extends p.Component {
           ...n
         }
       ),
-      /* @__PURE__ */ p.createElement(P, null)
+      /* @__PURE__ */ d.createElement(P, null)
     );
-    return this.props.label ? /* @__PURE__ */ p.createElement(
+    return this.props.label ? /* @__PURE__ */ d.createElement(
       q,
       {
         label: this.props.label,
@@ -291,7 +291,7 @@ l.displayName = "MaskedTextBox", l.propTypes = {
   validityStyles: e.bool,
   onChange: e.func,
   size: e.oneOf(["small", "medium", "large"]),
-  rounded: e.oneOf(["small", "medium", "large", "full"]),
+  rounded: e.oneOf(["small", "medium", "large", "full", "none"]),
   fillMode: e.oneOf(["solid", "flat", "outline"]),
   autoFocus: e.bool,
   inputAttributes: e.object

package/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -240,7 +240,7 @@ export interface MaskedTextBoxProps extends FormComponentProps {
      * <MaskedTextBox rounded="full" />
      * ```
      */
-    rounded?: 'small' | 'medium' | 'large' | 'full';
+    rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
     /**
      * Configures the `fillMode` of the MaskedTextBox.
      *

package/numerictextbox/NumericTextBox.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("react"),t=require("prop-types"),fe=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-common"),be=require("@progress/kendo-svg-icons"),Ke=require("@progress/kendo-react-labels"),g=require("../messages/index.js"),u=require("./utils/index.js"),pe=require("@progress/kendo-react-buttons");function $e(m){const L=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const v in m)if(v!=="default"){const R=Object.getOwnPropertyDescriptor(m,v);Object.defineProperty(L,v,R.get?R:{enumerable:!0,get:()=>m[v]})}}return L.default=m,Object.freeze(L)}const n=$e(we),Ue="Please enter a valid value!",ge=i.createPropsContext(),Q=n.forwardRef((m,L)=>{const v=i.usePropsContext(ge,m),{className:R,value:C,defaultValue:ve,format:s,width:X,tabIndex:ye,accessKey:Ve,title:ke,placeholder:Z,min:f,max:b,dir:ee,name:G,label:B,id:Ce,ariaDescribedBy:Se,ariaLabelledBy:Ee,ariaLabel:xe,inputType:Oe,readOnly:y,validationMessage:H,children:he,touched:We,visited:Ye,modified:Je,style:te,inputStyle:Ie,valid:w,step:S=c.step,spinners:Le=c.spinners,disabled:l=c.disabled,required:q=c.required,validityStyles:ne=c.validityStyles,prefix:Pe=c.prefix,suffix:De=c.suffix,onChange:h=c.onChange,onFocus:re=c.onFocus,onBlur:ae=c.onBlur,rangeOnEnter:se=c.rangeOnEnter,size:P=c.size,rounded:K=c.rounded,fillMode:M=c.fillMode,autoFocus:Ne=c.autoFocus,inputAttributes:Re,...ue}=v,Be=i.useId(),oe=Ce||Be,o=fe.useInternationalization(),T=fe.useLocalization(),a=n.useRef(null),F=n.useRef(void 0),[qe,I]=n.useState(!1),d=n.useRef(u.getInitialState()),j=n.useRef(!1),$=n.useRef(void 0),D=n.useRef(ve),N=u.formatValue(d.current.focused&&!l?d.current.currentLooseValue:u.getStateOrPropsValue(C,D.current),s,o);$.current=N;const[Me]=i.useCustomComponent(Pe),[Te]=i.useCustomComponent(De);n.useEffect(()=>{a.current&&a.current.setCustomValidity&&a.current.setCustomValidity(_().valid?"":H||Ue)});const le=n.useCallback(()=>{a.current&&a.current.focus()},[]),z=n.useCallback(()=>F.current!==void 0?F.current:u.getStateOrPropsValue(C,D.current),[C]),ce=n.useCallback(()=>G,[G]),A=n.useCallback(()=>q,[q]),_=n.useCallback(()=>{const r=H!==void 0,e=z(),x=w!==void 0?w:!d.current.valueIsOutOfRange&&(!A()||e!=null);return{customError:r,valid:x,valueMissing:e==null}},[H,w,z,A]),U=n.useCallback(()=>ne,[ne]),ie=n.useCallback(()=>v,[v]),E=n.useCallback(()=>{const r={element:a.current,focus:le};return Object.defineProperty(r,"name",{get:ce}),Object.defineProperty(r,"value",{get:z}),Object.defineProperty(r,"validity",{get:_}),Object.defineProperty(r,"validityStyles",{get:U}),Object.defineProperty(r,"required",{get:A}),Object.defineProperty(r,"props",{get:ie}),r},[ce,z,_,U,A,le,ie]);n.useImperativeHandle(L,E);const V=n.useCallback(()=>({eventValue:u.getStateOrPropsValue(C,D.current),prevLooseValue:$.current,currentLooseValue:a.current.value,selectionStart:a.current.selectionStart,selectionEnd:a.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:j.current,focused:d.current.focused}),[C]),k=n.useCallback((r,e)=>{if(l)return;F.current=e.eventValue,D.current=e.eventValue;const x=u.formatValue(u.rangeValue(e.eventValue,f,b),s,o),p=u.rangeValue(o.parseNumber(x,s),f,b);p!==e.eventValue&&(e.valueIsOutOfRange=!0,e.eventValue=p,D.current=p),C!==e.eventValue&&i.dispatchEvent(h,r,E(),{value:e.eventValue}),F.current=void 0,d.current=e,I(J=>!J)},[C,h,l,I,E]),Fe=n.useCallback(r=>{const e=V();j.current=!1,k(r,u.sanitizeNumber(e,s,o))},[s,h,o,k,V]),je=n.useCallback(r=>{if(y||l)return;let e=V();const x=o.parseNumber(String(e.currentLooseValue),s);if(e.selectionEnd>e.selectionStart&&e.selectionEnd-e.selectionStart===String(e.currentLooseValue).length){const p=o.numberSymbols(),O=p&&r.key===p.minusSign,J=p&&r.key===p.decimal;j.current=!O&&!J;return}switch(r.keyCode){case 38:u.increaseValue(x,e,S,f,b,s,o);break;case 40:u.decreaseValue(x,e,S,f,b,s,o);break;case 13:{if(se===!1)return;const p=u.formatValue(u.rangeValue(x,f,b),s,o),O=u.rangeValue(o.parseNumber(p,s),f,b);e.eventValue=O,e.currentLooseValue=u.formatValue(O,s,o),e.selectionStart=e.selectionEnd=e.currentLooseValue.length;break}case 110:{const p=a.current,O=o.numberSymbols();p&&(e.currentLooseValue=e.currentLooseValue.slice(0,e.selectionStart)+O.decimal+e.currentLooseValue.slice(e.selectionEnd),e.selectionStart=e.selectionEnd=e.selectionStart+1,e=u.sanitizeNumber(e,s,o));break}default:return}r.preventDefault(),k(r,e)},[s,f,b,S,h,se,k,V]),ze=n.useCallback(()=>{j.current=!0},[]),W=n.useCallback(r=>{if(y||l)return;const e=V();u.increaseValue(o.parseNumber(String(e.currentLooseValue),s),e,S,f,b,s,o),k(r,e)},[s,f,b,S,h,y,l,k,V]),Y=n.useCallback(r=>{if(y||l)return;const e=V();u.decreaseValue(o.parseNumber(String(e.currentLooseValue),s),e,S,f,b,s,o),k(r,e)},[s,f,b,S,h,y,l,k,V]),Ae=n.useCallback(r=>{const e=i.getActiveElement(document);!document||e!==a.current||!a.current||y||l||(r.nativeEvent.deltaY<0&&W(r),r.nativeEvent.deltaY>0&&Y(r))},[W,Y,l,y]),_e=n.useCallback(r=>{d.current.currentLooseValue=$.current,d.current.focused=!0,i.dispatchEvent(re,r,E(),{}),I(e=>!e)},[re,I,E]),Ge=n.useCallback(r=>{d.current=u.getInitialState(),i.dispatchEvent(ae,r,E(),{}),I(e=>!e)},[ae,I,E]),He=n.useCallback(r=>{if(document&&a.current){const e=i.getActiveElement(document);r.preventDefault(),e!==a.current&&a.current.focus()}},[]);i.useIsomorphicLayoutEffect(()=>{a.current&&a.current.type!=="number"&&d.current.selectionStart!==void 0&&d.current.selectionEnd!==void 0&&(a.current.selectionStart=d.current.selectionStart,a.current.selectionEnd=d.current.selectionEnd,d.current.selectionStart=void 0,d.current.selectionEnd=void 0)},[qe]);const de=!U()||_().valid,me=n.createElement("span",{dir:ee,style:B?te:{width:X,...te},className:i.classNames("k-input","k-numerictextbox",{[`k-input-${i.kendoThemeMaps.sizeMap[P]||P}`]:P,[`k-input-${M}`]:M,[`k-rounded-${i.kendoThemeMaps.roundedMap[K]||K}`]:K,"k-invalid":!de,"k-required":q,"k-disabled":l},R),"aria-disabled":l?"true":void 0,...B?{}:ue},n.createElement(Me,null),n.createElement("input",{role:"spinbutton",value:N===null?"":N,tabIndex:i.getTabIndex(ye,l),accessKey:Ve,disabled:l,title:ke,"aria-disabled":l?"true":void 0,"aria-valuemin":f,"aria-valuemax":b,"aria-label":xe,"aria-labelledby":Ee,"aria-describedby":Se,"aria-required":q,placeholder:Z,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Ne,type:Oe||"tel",className:"k-input-inner",id:oe,name:G,readOnly:y,style:Ie,onChange:Fe,onFocus:_e,onBlur:Ge,onKeyDown:je,onPaste:ze,onWheel:Ae,ref:a,...Re}),n.createElement(Te,null),he,Le&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:He},n.createElement(pe.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:be.caretAltUpIcon,fillMode:M,size:P,className:"k-spinner-increase","aria-label":T.toLanguageString(g.numericIncreaseValue,g.messages[g.numericIncreaseValue]),title:T.toLanguageString(g.numericIncreaseValue,g.messages[g.numericIncreaseValue]),onClick:W}),n.createElement(pe.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:be.caretAltDownIcon,fillMode:M,size:P,className:"k-spinner-decrease","aria-label":T.toLanguageString(g.numericDecreaseValue,g.messages[g.numericDecreaseValue]),title:T.toLanguageString(g.numericDecreaseValue,g.messages[g.numericDecreaseValue]),onClick:Y})));return B?n.createElement(Ke.FloatingLabel,{label:B,editorId:oe,editorValue:N===null?"":N,editorValid:de,editorDisabled:l,editorPlaceholder:Z,children:me,style:{width:X},dir:ee,...ue}):me});Q.propTypes={value:t.number,defaultValue:t.number,step:t.number,format:t.oneOfType([t.string,t.shape({style:t.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:t.string,currencyDisplay:t.oneOf(["symbol","code","name"]),useGrouping:t.bool,minimumIntegerDigits:t.number,minimumFractionDigits:t.number,maximumFractionDigits:t.number})]),width:t.oneOfType([t.string,t.number]),tabIndex:t.number,accessKey:t.string,title:t.string,placeholder:t.string,min:t.number,max:t.number,spinners:t.bool,disabled:t.bool,readOnly:t.bool,dir:t.string,name:t.string,label:t.string,validationMessage:t.string,required:t.bool,id:t.string,rangeOnEnter:t.bool,ariaLabelledBy:t.string,ariaDescribedBy:t.string,ariaLabel:t.string,onChange:t.func,onFocus:t.func,onBlur:t.func,size:t.oneOf(["small","medium","large"]),rounded:t.oneOf(["small","medium","large","full"]),fillMode:t.oneOf(["solid","flat","outline"]),inputAttributes:t.object};const c={prefix:m=>null,suffix:m=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:m=>{},onFocus:m=>{},onBlur:m=>{},size:void 0,rounded:void 0,fillMode:void 0};Q.displayName="KendoNumericTextBox";exports.NumericTextBox=Q;exports.NumericTextBoxPropsContext=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("react"),t=require("prop-types"),fe=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-common"),be=require("@progress/kendo-svg-icons"),Ke=require("@progress/kendo-react-labels"),g=require("../messages/index.js"),u=require("./utils/index.js"),pe=require("@progress/kendo-react-buttons");function $e(m){const L=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const v in m)if(v!=="default"){const R=Object.getOwnPropertyDescriptor(m,v);Object.defineProperty(L,v,R.get?R:{enumerable:!0,get:()=>m[v]})}}return L.default=m,Object.freeze(L)}const n=$e(we),Ue="Please enter a valid value!",ge=i.createPropsContext(),Q=n.forwardRef((m,L)=>{const v=i.usePropsContext(ge,m),{className:R,value:C,defaultValue:ve,format:s,width:X,tabIndex:ye,accessKey:Ve,title:ke,placeholder:Z,min:f,max:b,dir:ee,name:G,label:B,id:Ce,ariaDescribedBy:Se,ariaLabelledBy:Ee,ariaLabel:xe,inputType:Oe,readOnly:y,validationMessage:H,children:he,touched:We,visited:Ye,modified:Je,style:te,inputStyle:Ie,valid:w,step:S=c.step,spinners:Le=c.spinners,disabled:l=c.disabled,required:q=c.required,validityStyles:ne=c.validityStyles,prefix:Pe=c.prefix,suffix:De=c.suffix,onChange:h=c.onChange,onFocus:re=c.onFocus,onBlur:ae=c.onBlur,rangeOnEnter:se=c.rangeOnEnter,size:P=c.size,rounded:K=c.rounded,fillMode:M=c.fillMode,autoFocus:Ne=c.autoFocus,inputAttributes:Re,...ue}=v,Be=i.useId(),oe=Ce||Be,o=fe.useInternationalization(),T=fe.useLocalization(),a=n.useRef(null),F=n.useRef(void 0),[qe,I]=n.useState(!1),d=n.useRef(u.getInitialState()),j=n.useRef(!1),$=n.useRef(void 0),D=n.useRef(ve),N=u.formatValue(d.current.focused&&!l?d.current.currentLooseValue:u.getStateOrPropsValue(C,D.current),s,o);$.current=N;const[Me]=i.useCustomComponent(Pe),[Te]=i.useCustomComponent(De);n.useEffect(()=>{a.current&&a.current.setCustomValidity&&a.current.setCustomValidity(_().valid?"":H||Ue)});const le=n.useCallback(()=>{a.current&&a.current.focus()},[]),z=n.useCallback(()=>F.current!==void 0?F.current:u.getStateOrPropsValue(C,D.current),[C]),ce=n.useCallback(()=>G,[G]),A=n.useCallback(()=>q,[q]),_=n.useCallback(()=>{const r=H!==void 0,e=z(),x=w!==void 0?w:!d.current.valueIsOutOfRange&&(!A()||e!=null);return{customError:r,valid:x,valueMissing:e==null}},[H,w,z,A]),U=n.useCallback(()=>ne,[ne]),ie=n.useCallback(()=>v,[v]),E=n.useCallback(()=>{const r={element:a.current,focus:le};return Object.defineProperty(r,"name",{get:ce}),Object.defineProperty(r,"value",{get:z}),Object.defineProperty(r,"validity",{get:_}),Object.defineProperty(r,"validityStyles",{get:U}),Object.defineProperty(r,"required",{get:A}),Object.defineProperty(r,"props",{get:ie}),r},[ce,z,_,U,A,le,ie]);n.useImperativeHandle(L,E);const V=n.useCallback(()=>({eventValue:u.getStateOrPropsValue(C,D.current),prevLooseValue:$.current,currentLooseValue:a.current.value,selectionStart:a.current.selectionStart,selectionEnd:a.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:j.current,focused:d.current.focused}),[C]),k=n.useCallback((r,e)=>{if(l)return;F.current=e.eventValue,D.current=e.eventValue;const x=u.formatValue(u.rangeValue(e.eventValue,f,b),s,o),p=u.rangeValue(o.parseNumber(x,s),f,b);p!==e.eventValue&&(e.valueIsOutOfRange=!0,e.eventValue=p,D.current=p),C!==e.eventValue&&i.dispatchEvent(h,r,E(),{value:e.eventValue}),F.current=void 0,d.current=e,I(J=>!J)},[C,h,l,I,E]),Fe=n.useCallback(r=>{const e=V();j.current=!1,k(r,u.sanitizeNumber(e,s,o))},[s,h,o,k,V]),je=n.useCallback(r=>{if(y||l)return;let e=V();const x=o.parseNumber(String(e.currentLooseValue),s);if(e.selectionEnd>e.selectionStart&&e.selectionEnd-e.selectionStart===String(e.currentLooseValue).length){const p=o.numberSymbols(),O=p&&r.key===p.minusSign,J=p&&r.key===p.decimal;j.current=!O&&!J;return}switch(r.keyCode){case 38:u.increaseValue(x,e,S,f,b,s,o);break;case 40:u.decreaseValue(x,e,S,f,b,s,o);break;case 13:{if(se===!1)return;const p=u.formatValue(u.rangeValue(x,f,b),s,o),O=u.rangeValue(o.parseNumber(p,s),f,b);e.eventValue=O,e.currentLooseValue=u.formatValue(O,s,o),e.selectionStart=e.selectionEnd=e.currentLooseValue.length;break}case 110:{const p=a.current,O=o.numberSymbols();p&&(e.currentLooseValue=e.currentLooseValue.slice(0,e.selectionStart)+O.decimal+e.currentLooseValue.slice(e.selectionEnd),e.selectionStart=e.selectionEnd=e.selectionStart+1,e=u.sanitizeNumber(e,s,o));break}default:return}r.preventDefault(),k(r,e)},[s,f,b,S,h,se,k,V]),ze=n.useCallback(()=>{j.current=!0},[]),W=n.useCallback(r=>{if(y||l)return;const e=V();u.increaseValue(o.parseNumber(String(e.currentLooseValue),s),e,S,f,b,s,o),k(r,e)},[s,f,b,S,h,y,l,k,V]),Y=n.useCallback(r=>{if(y||l)return;const e=V();u.decreaseValue(o.parseNumber(String(e.currentLooseValue),s),e,S,f,b,s,o),k(r,e)},[s,f,b,S,h,y,l,k,V]),Ae=n.useCallback(r=>{const e=i.getActiveElement(document);!document||e!==a.current||!a.current||y||l||(r.nativeEvent.deltaY<0&&W(r),r.nativeEvent.deltaY>0&&Y(r))},[W,Y,l,y]),_e=n.useCallback(r=>{d.current.currentLooseValue=$.current,d.current.focused=!0,i.dispatchEvent(re,r,E(),{}),I(e=>!e)},[re,I,E]),Ge=n.useCallback(r=>{d.current=u.getInitialState(),i.dispatchEvent(ae,r,E(),{}),I(e=>!e)},[ae,I,E]),He=n.useCallback(r=>{if(document&&a.current){const e=i.getActiveElement(document);r.preventDefault(),e!==a.current&&a.current.focus()}},[]);i.useIsomorphicLayoutEffect(()=>{a.current&&a.current.type!=="number"&&d.current.selectionStart!==void 0&&d.current.selectionEnd!==void 0&&(a.current.selectionStart=d.current.selectionStart,a.current.selectionEnd=d.current.selectionEnd,d.current.selectionStart=void 0,d.current.selectionEnd=void 0)},[qe]);const de=!U()||_().valid,me=n.createElement("span",{dir:ee,style:B?te:{width:X,...te},className:i.classNames("k-input","k-numerictextbox",{[`k-input-${i.kendoThemeMaps.sizeMap[P]||P}`]:P,[`k-input-${M}`]:M,[`k-rounded-${i.kendoThemeMaps.roundedMap[K]||K}`]:K,"k-invalid":!de,"k-required":q,"k-disabled":l},R),"aria-disabled":l?"true":void 0,...B?{}:ue},n.createElement(Me,null),n.createElement("input",{role:"spinbutton",value:N===null?"":N,tabIndex:i.getTabIndex(ye,l),accessKey:Ve,disabled:l,title:ke,"aria-disabled":l?"true":void 0,"aria-valuemin":f,"aria-valuemax":b,"aria-label":xe,"aria-labelledby":Ee,"aria-describedby":Se,"aria-required":q,placeholder:Z,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Ne,type:Oe||"tel",className:"k-input-inner",id:oe,name:G,readOnly:y,style:Ie,onChange:Fe,onFocus:_e,onBlur:Ge,onKeyDown:je,onPaste:ze,onWheel:Ae,ref:a,...Re}),n.createElement(Te,null),he,Le&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:He},n.createElement(pe.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:be.caretAltUpIcon,fillMode:M,size:P,className:"k-spinner-increase","aria-label":T.toLanguageString(g.numericIncreaseValue,g.messages[g.numericIncreaseValue]),title:T.toLanguageString(g.numericIncreaseValue,g.messages[g.numericIncreaseValue]),onClick:W}),n.createElement(pe.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:be.caretAltDownIcon,fillMode:M,size:P,className:"k-spinner-decrease","aria-label":T.toLanguageString(g.numericDecreaseValue,g.messages[g.numericDecreaseValue]),title:T.toLanguageString(g.numericDecreaseValue,g.messages[g.numericDecreaseValue]),onClick:Y})));return B?n.createElement(Ke.FloatingLabel,{label:B,editorId:oe,editorValue:N===null?"":N,editorValid:de,editorDisabled:l,editorPlaceholder:Z,children:me,style:{width:X},dir:ee,...ue}):me});Q.propTypes={value:t.number,defaultValue:t.number,step:t.number,format:t.oneOfType([t.string,t.shape({style:t.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:t.string,currencyDisplay:t.oneOf(["symbol","code","name"]),useGrouping:t.bool,minimumIntegerDigits:t.number,minimumFractionDigits:t.number,maximumFractionDigits:t.number})]),width:t.oneOfType([t.string,t.number]),tabIndex:t.number,accessKey:t.string,title:t.string,placeholder:t.string,min:t.number,max:t.number,spinners:t.bool,disabled:t.bool,readOnly:t.bool,dir:t.string,name:t.string,label:t.string,validationMessage:t.string,required:t.bool,id:t.string,rangeOnEnter:t.bool,ariaLabelledBy:t.string,ariaDescribedBy:t.string,ariaLabel:t.string,onChange:t.func,onFocus:t.func,onBlur:t.func,size:t.oneOf(["small","medium","large"]),rounded:t.oneOf(["small","medium","large","full","none"]),fillMode:t.oneOf(["solid","flat","outline"]),inputAttributes:t.object};const c={prefix:m=>null,suffix:m=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:m=>{},onFocus:m=>{},onBlur:m=>{},size:void 0,rounded:void 0,fillMode:void 0};Q.displayName="KendoNumericTextBox";exports.NumericTextBox=Q;exports.NumericTextBoxPropsContext=ge;

package/numerictextbox/NumericTextBox.mjs

@@ -8,22 +8,22 @@
 import * as r from "react";
 import t from "prop-types";
 import { useInternationalization as Xe, useLocalization as Ze } from "@progress/kendo-react-intl";
-import { createPropsContext as et, usePropsContext as tt, useId as rt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as nt, classNames as at, kendoThemeMaps as ge, getTabIndex as st } from "@progress/kendo-react-common";
-import { caretAltUpIcon as ot, caretAltDownIcon as lt } from "@progress/kendo-svg-icons";
+import { createPropsContext as et, usePropsContext as tt, useId as rt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as nt, classNames as at, kendoThemeMaps as ge, getTabIndex as ot } from "@progress/kendo-react-common";
+import { caretAltUpIcon as st, caretAltDownIcon as lt } from "@progress/kendo-svg-icons";
 import { FloatingLabel as ut } from "@progress/kendo-react-labels";
 import { numericIncreaseValue as T, messages as z, numericDecreaseValue as q } from "../messages/index.mjs";
 import { getInitialState as ve, formatValue as A, getStateOrPropsValue as X, rangeValue as G, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
 import { Button as Ce } from "@progress/kendo-react-buttons";
 const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
   (C, Se) => {
-    const j = tt(
+    const _ = tt(
       ct,
       C
     ), {
       className: xe,
       value: g,
       defaultValue: he,
-      format: s,
+      format: o,
       width: Z,
       tabIndex: Ie,
       accessKey: Oe,
@@ -32,7 +32,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
       min: c,
       max: d,
       dir: te,
-      name: _,
+      name: j,
       label: O,
       id: Pe,
       ariaDescribedBy: Ne,
@@ -58,18 +58,18 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
       suffix: qe = u.suffix,
       onChange: E = u.onChange,
       onFocus: ae = u.onFocus,
-      onBlur: se = u.onBlur,
-      rangeOnEnter: oe = u.rangeOnEnter,
+      onBlur: oe = u.onBlur,
+      rangeOnEnter: se = u.rangeOnEnter,
       size: x = u.size,
       rounded: w = u.rounded,
       fillMode: P = u.fillMode,
       autoFocus: Ae = u.autoFocus,
       inputAttributes: Ge,
       ...le
-    } = j, je = rt(), ue = Pe || je, o = Xe(), N = Ze(), a = r.useRef(null), D = r.useRef(void 0), [_e, S] = r.useState(!1), i = r.useRef(ve()), R = r.useRef(!1), U = r.useRef(void 0), h = r.useRef(he), I = A(
+    } = _, _e = rt(), ue = Pe || _e, s = Xe(), N = Ze(), a = r.useRef(null), D = r.useRef(void 0), [je, S] = r.useState(!1), i = r.useRef(ve()), R = r.useRef(!1), U = r.useRef(void 0), h = r.useRef(he), I = A(
       i.current.focused && !l ? i.current.currentLooseValue : X(g, h.current),
-      s,
-      o
+      o,
+      s
     );
     U.current = I;
     const [He] = pe(ze), [Ke] = pe(qe);
@@ -80,14 +80,14 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
     });
     const ie = r.useCallback(() => {
       a.current && a.current.focus();
-    }, []), F = r.useCallback(() => D.current !== void 0 ? D.current : X(g, h.current), [g]), ce = r.useCallback(() => _, [_]), B = r.useCallback(() => L, [L]), M = r.useCallback(() => {
+    }, []), F = r.useCallback(() => D.current !== void 0 ? D.current : X(g, h.current), [g]), ce = r.useCallback(() => j, [j]), B = r.useCallback(() => L, [L]), M = r.useCallback(() => {
       const n = H !== void 0, e = F(), V = K !== void 0 ? K : !i.current.valueIsOutOfRange && (!B() || e != null);
       return {
         customError: n,
         valid: V,
         valueMissing: e == null
       };
-    }, [H, K, F, B]), $ = r.useCallback(() => ne, [ne]), de = r.useCallback(() => j, [j]), y = r.useCallback(() => {
+    }, [H, K, F, B]), $ = r.useCallback(() => ne, [ne]), de = r.useCallback(() => _, [_]), y = r.useCallback(() => {
       const n = {
         element: a.current,
         focus: ie
@@ -111,7 +111,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
         if (l)
           return;
         D.current = e.eventValue, h.current = e.eventValue;
-        const V = A(G(e.eventValue, c, d), s, o), m = G(o.parseNumber(V, s), c, d);
+        const V = A(G(e.eventValue, c, d), o, s), m = G(s.parseNumber(V, o), c, d);
         m !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = m, h.current = m), g !== e.eventValue && Q(E, n, y(), {
           value: e.eventValue
         }), D.current = void 0, i.current = e, S((J) => !J);
@@ -120,37 +120,37 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
     ), we = r.useCallback(
       (n) => {
         const e = p();
-        R.current = !1, b(n, ye(e, s, o));
+        R.current = !1, b(n, ye(e, o, s));
       },
-      [s, E, o, b, p]
+      [o, E, s, b, p]
     ), Ue = r.useCallback(
       (n) => {
         if (f || l)
           return;
         let e = p();
-        const V = o.parseNumber(String(e.currentLooseValue), s);
+        const V = s.parseNumber(String(e.currentLooseValue), o);
         if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
-          const m = o.numberSymbols(), k = m && n.key === m.minusSign, J = m && n.key === m.decimal;
+          const m = s.numberSymbols(), k = m && n.key === m.minusSign, J = m && n.key === m.decimal;
           R.current = !k && !J;
           return;
         }
         switch (n.keyCode) {
           case 38:
-            ke(V, e, v, c, d, s, o);
+            ke(V, e, v, c, d, o, s);
             break;
           case 40:
-            Ve(V, e, v, c, d, s, o);
+            Ve(V, e, v, c, d, o, s);
             break;
           case 13: {
-            if (oe === !1)
+            if (se === !1)
               return;
-            const m = A(G(V, c, d), s, o), k = G(o.parseNumber(m, s), c, d);
-            e.eventValue = k, e.currentLooseValue = A(k, s, o), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
+            const m = A(G(V, c, d), o, s), k = G(s.parseNumber(m, o), c, d);
+            e.eventValue = k, e.currentLooseValue = A(k, o, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
             break;
           }
           case 110: {
-            const m = a.current, k = o.numberSymbols();
-            m && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + k.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = ye(e, s, o));
+            const m = a.current, k = s.numberSymbols();
+            m && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + k.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = ye(e, o, s));
             break;
           }
           default:
@@ -158,7 +158,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
         }
         n.preventDefault(), b(n, e);
       },
-      [s, c, d, v, E, oe, b, p]
+      [o, c, d, v, E, se, b, p]
     ), $e = r.useCallback(() => {
       R.current = !0;
     }, []), W = r.useCallback(
@@ -167,32 +167,32 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
           return;
         const e = p();
         ke(
-          o.parseNumber(String(e.currentLooseValue), s),
+          s.parseNumber(String(e.currentLooseValue), o),
           e,
           v,
           c,
           d,
-          s,
-          o
+          o,
+          s
         ), b(n, e);
       },
-      [s, c, d, v, E, f, l, b, p]
+      [o, c, d, v, E, f, l, b, p]
     ), Y = r.useCallback(
       (n) => {
         if (f || l)
           return;
         const e = p();
         Ve(
-          o.parseNumber(String(e.currentLooseValue), s),
+          s.parseNumber(String(e.currentLooseValue), o),
           e,
           v,
           c,
           d,
-          s,
-          o
+          o,
+          s
         ), b(n, e);
       },
-      [s, c, d, v, E, f, l, b, p]
+      [o, c, d, v, E, f, l, b, p]
     ), We = r.useCallback(
       (n) => {
         const e = be(document);
@@ -206,9 +206,9 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
       [ae, S, y]
     ), Je = r.useCallback(
       (n) => {
-        i.current = ve(), Q(se, n, y(), {}), S((e) => !e);
+        i.current = ve(), Q(oe, n, y(), {}), S((e) => !e);
       },
-      [se, S, y]
+      [oe, S, y]
     ), Qe = r.useCallback((n) => {
       if (document && a.current) {
         const e = be(document);
@@ -217,7 +217,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
     }, []);
     nt(() => {
       a.current && a.current.type !== "number" && i.current.selectionStart !== void 0 && i.current.selectionEnd !== void 0 && (a.current.selectionStart = i.current.selectionStart, a.current.selectionEnd = i.current.selectionEnd, i.current.selectionStart = void 0, i.current.selectionEnd = void 0);
-    }, [_e]);
+    }, [je]);
     const me = !$() || M().valid, fe = /* @__PURE__ */ r.createElement(
       "span",
       {
@@ -245,7 +245,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
         {
           role: "spinbutton",
           value: I === null ? "" : I,
-          tabIndex: st(Ie, l),
+          tabIndex: ot(Ie, l),
           accessKey: Oe,
           disabled: l,
           title: Le,
@@ -264,7 +264,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
           type: Fe || "tel",
           className: "k-input-inner",
           id: ue,
-          name: _,
+          name: j,
           readOnly: f,
           style: Me,
           onChange: we,
@@ -285,7 +285,7 @@ const it = "Please enter a valid value!", ct = et(), Ee = r.forwardRef(
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-up",
-          svgIcon: ot,
+          svgIcon: st,
           fillMode: P,
           size: x,
           className: "k-spinner-increase",
@@ -378,7 +378,7 @@ Ee.propTypes = {
   onFocus: t.func,
   onBlur: t.func,
   size: t.oneOf(["small", "medium", "large"]),
-  rounded: t.oneOf(["small", "medium", "large", "full"]),
+  rounded: t.oneOf(["small", "medium", "large", "full", "none"]),
   fillMode: t.oneOf(["solid", "flat", "outline"]),
   inputAttributes: t.object
 };

package/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -174,7 +174,7 @@ export interface NumericTextBoxProps extends FormComponentProps, Omit<React.HTML
      * <NumericTextBox rounded="full" />
      * ```
      */
-    rounded?: 'small' | 'medium' | 'large' | 'full';
+    rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
     /**
      * Configures the `fillMode` of the NumericTextBox.
      *

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770287905,version:"13.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770362866,version:"13.4.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
     publishDate: 0,
-    version: '13.4.0-develop.2',
+    version: '13.4.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "13.4.0-develop.2",
+  "version": "13.4.0-develop.4",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,14 +28,14 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "13.4.0-develop.2",
-    "@progress/kendo-react-buttons": "13.4.0-develop.2",
-    "@progress/kendo-react-common": "13.4.0-develop.2",
-    "@progress/kendo-react-dialogs": "13.4.0-develop.2",
-    "@progress/kendo-react-layout": "13.4.0-develop.2",
-    "@progress/kendo-react-intl": "13.4.0-develop.2",
-    "@progress/kendo-react-labels": "13.4.0-develop.2",
-    "@progress/kendo-react-popup": "13.4.0-develop.2",
+    "@progress/kendo-react-animation": "13.4.0-develop.4",
+    "@progress/kendo-react-buttons": "13.4.0-develop.4",
+    "@progress/kendo-react-common": "13.4.0-develop.4",
+    "@progress/kendo-react-dialogs": "13.4.0-develop.4",
+    "@progress/kendo-react-layout": "13.4.0-develop.4",
+    "@progress/kendo-react-intl": "13.4.0-develop.4",
+    "@progress/kendo-react-labels": "13.4.0-develop.4",
+    "@progress/kendo-react-popup": "13.4.0-develop.4",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1770287905,
+      "publishDate": 1770362866,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },