@progress/kendo-react-inputs 8.3.0-develop.11 → 8.3.0-develop.12

package/index.d.mts

@@ -1931,7 +1931,6 @@ export declare class MaskedTextBoxWithoutContext extends React_2.Component<Maske
         rules: {
             [key: string]: RegExp;
         };
-        required: boolean;
         validityStyles: boolean;
         prefix: (_: any) => null;
         suffix: (_: any) => null;
@@ -4026,7 +4025,6 @@ export declare class SwitchWithoutContext extends React_2.Component<SwitchProps,
         onBlur: () => void;
         onFocus: () => void;
         onLabel: string;
-        required: boolean;
         validityStyles: boolean;
     };
     /**

package/index.d.ts

@@ -1931,7 +1931,6 @@ export declare class MaskedTextBoxWithoutContext extends React_2.Component<Maske
         rules: {
             [key: string]: RegExp;
         };
-        required: boolean;
         validityStyles: boolean;
         prefix: (_: any) => null;
         suffix: (_: any) => null;
@@ -4026,7 +4025,6 @@ export declare class SwitchWithoutContext extends React_2.Component<SwitchProps,
         onBlur: () => void;
         onFocus: () => void;
         onLabel: string;
-        required: boolean;
         validityStyles: boolean;
     };
     /**

package/maskedtextbox/MaskedTextBox.js

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

package/maskedtextbox/MaskedTextBox.mjs

@@ -48,9 +48,7 @@ const l = class l extends d.Component {
         nativeEvent: t.nativeEvent
       }));
     }, this.setValidity = () => {
-      this.element && this.element.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || ""
-      );
+      this.element && this.element.setCustomValidity(this.validity.valid ? "" : this.props.validationMessage || "");
     }, O(q);
   }
   /**
@@ -120,7 +118,7 @@ const l = class l extends d.Component {
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : l.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : !1;
   }
   /**
    * Gets the `name` property of the MaskedTextBox.
@@ -158,24 +156,25 @@ const l = class l extends d.Component {
       className: a
     } = this.props, p = this.props.id || this._inputId, n = !this.validityStyles || this.validity.valid, u = this.props.style || {}, h = o && o.uMaskedTextBox, {
       prefix: P = l.defaultProps.prefix,
-      suffix: C = l.defaultProps.suffix
-    } = this.props, [_] = g(P), [x] = g(C), f = /* @__PURE__ */ d.createElement(
+      suffix: _ = l.defaultProps.suffix
+    } = this.props, [C] = g(P), [x] = g(_), f = /* @__PURE__ */ d.createElement(
       "span",
       {
         dir: this.props.dir,
-        className: y(b.wrapper(
-          {
+        className: y(
+          b.wrapper({
             c: h,
             invalid: !n,
             disabled: this.props.disabled,
             size: i,
             fillMode: t,
             rounded: r
-          }
-        ), a),
+          }),
+          a
+        ),
         style: this.props.label ? u : { width: this.props.width, ...u }
       },
-      /* @__PURE__ */ d.createElement(_, null),
+      /* @__PURE__ */ d.createElement(C, null),
       /* @__PURE__ */ d.createElement(
         "input",
         {
@@ -191,6 +190,7 @@ const l = class l extends d.Component {
           "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: V(this.props.tabIndex, this.props.disabled, !0),
           accessKey: this.props.accessKey,
@@ -241,13 +241,16 @@ const l = class l extends d.Component {
     }
   }
   updateService(i) {
-    const t = Object.assign({
-      includeLiterals: this.props.includeLiterals,
-      mask: this.props.mask,
-      prompt: this.props.prompt,
-      promptPlaceholder: this.props.promptPlaceholder,
-      rules: this.rules
-    }, i);
+    const t = Object.assign(
+      {
+        includeLiterals: this.props.includeLiterals,
+        mask: this.props.mask,
+        prompt: this.props.prompt,
+        promptPlaceholder: this.props.promptPlaceholder,
+        rules: this.rules
+      },
+      i
+    );
     this._service.update(t);
   }
   get rules() {
@@ -267,10 +270,7 @@ l.displayName = "MaskedTextBox", l.propTypes = {
   suffix: e.any,
   ariaLabelledBy: e.string,
   ariaDescribedBy: e.string,
-  width: e.oneOfType([
-    e.string,
-    e.number
-  ]),
+  width: e.oneOfType([e.string, e.number]),
   tabIndex: e.number,
   accessKey: e.string,
   disabled: e.bool,
@@ -307,7 +307,6 @@ l.displayName = "MaskedTextBox", l.propTypes = {
   includeLiterals: !1,
   maskValidation: !0,
   rules: v,
-  required: !1,
   validityStyles: !0,
   prefix: (i) => null,
   suffix: (i) => null,
@@ -317,7 +316,12 @@ l.displayName = "MaskedTextBox", l.propTypes = {
   autoFocus: !1
 };
 let c = l;
-const B = w(), F = M(I(B, D(c)));
+const B = w(), F = M(
+  I(
+    B,
+    D(c)
+  )
+);
 F.displayName = "KendoReactMaskedTextBox";
 export {
   F as MaskedTextBox,

package/maskedtextbox/parsing/stream.mjs

@@ -26,9 +26,11 @@ class s {
       control: this.control[this.controlCursor]
     };
   }
+  // eslint-disable-next-line camelcase
   eat_input() {
     this.inputCursor++;
   }
+  // eslint-disable-next-line camelcase
   eat_control() {
     this.controlCursor++;
   }

package/numerictextbox/NumericTextBox.js

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

package/numerictextbox/NumericTextBox.mjs

@@ -12,13 +12,13 @@ import { useInternationalization as Qe, useLocalization as Xe } from "@progress/
 import { createPropsContext as Ze, validatePackage as et, usePropsContext as tt, useId as nt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as rt, classNames as at, kendoThemeMaps as ge, getTabIndex as lt } from "@progress/kendo-react-common";
 import { caretAltUpIcon as st, caretAltDownIcon as ot } from "@progress/kendo-svg-icons";
 import { FloatingLabel as ut } from "@progress/kendo-react-labels";
-import { packageMetadata as ct } from "../package-metadata.mjs";
-import { numericIncreaseValue as B, messages as M, numericDecreaseValue as T } from "../messages/index.mjs";
-import { getInitialState as ve, formatValue as z, getStateOrPropsValue as X, rangeValue as G, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
+import { packageMetadata as it } from "../package-metadata.mjs";
+import { numericIncreaseValue as M, messages as T, numericDecreaseValue as z } from "../messages/index.mjs";
+import { getInitialState as ve, formatValue as q, 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!", dt = Ze(), Ee = n.forwardRef((C, Se) => {
-  et(ct);
-  const q = tt(dt, C), {
+const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) => {
+  et(it);
+  const j = tt(dt, C), {
     className: xe,
     value: b,
     defaultValue: he,
@@ -28,10 +28,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     accessKey: Oe,
     title: Le,
     placeholder: ee,
-    min: i,
+    min: c,
     max: d,
     dir: te,
-    name: j,
+    name: A,
     label: I,
     id: Pe,
     ariaDescribedBy: Ne,
@@ -39,80 +39,80 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     ariaLabel: Re,
     inputType: Fe,
     readOnly: g,
-    validationMessage: A,
+    validationMessage: _,
     children: Be,
     style: ne,
     inputStyle: Me,
-    valid: _,
+    valid: H,
     step: v = u.step,
     spinners: Te = u.spinners,
     disabled: o = u.disabled,
-    required: H = u.required,
+    required: O = u.required,
     validityStyles: re = u.validityStyles,
     prefix: ze = u.prefix,
-    suffix: Ge = u.suffix,
+    suffix: qe = u.suffix,
     onChange: E = u.onChange,
     onFocus: ae = u.onFocus,
     onBlur: le = u.onBlur,
     rangeOnEnter: se = u.rangeOnEnter,
     size: K = u.size,
     rounded: w = u.rounded,
-    fillMode: O = u.fillMode,
-    autoFocus: qe = u.autoFocus,
+    fillMode: L = u.fillMode,
+    autoFocus: Ge = u.autoFocus,
     ...oe
-  } = q, je = nt(), ue = Pe || je, s = Qe(), L = Xe(), a = n.useRef(null), P = n.useRef(), [Ae, S] = n.useState(!1), c = n.useRef(ve()), N = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = z(
-    c.current.focused && !o ? c.current.currentLooseValue : X(b, x.current),
+  } = j, je = nt(), ue = Pe || je, s = Qe(), P = Xe(), a = n.useRef(null), N = n.useRef(), [Ae, S] = n.useState(!1), i = n.useRef(ve()), D = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = q(
+    i.current.focused && !o ? i.current.currentLooseValue : X(b, x.current),
     l,
     s
   );
   U.current = h;
-  const [_e] = pe(ze), [He] = pe(Ge);
+  const [_e] = pe(ze), [He] = pe(qe);
   n.useEffect(
     () => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        F().valid ? "" : A || it
+        B().valid ? "" : _ || ct
       );
     }
   );
-  const ce = n.useCallback(
+  const ie = n.useCallback(
     () => {
       a.current && a.current.focus();
     },
     []
-  ), D = n.useCallback(
-    () => P.current !== void 0 ? P.current : X(b, x.current),
-    [b]
-  ), ie = n.useCallback(
-    () => j,
-    [j]
   ), R = n.useCallback(
-    () => H,
-    [H]
+    () => N.current !== void 0 ? N.current : X(b, x.current),
+    [b]
+  ), ce = n.useCallback(
+    () => A,
+    [A]
   ), F = n.useCallback(
+    () => O,
+    [O]
+  ), B = n.useCallback(
     () => {
-      const r = A !== void 0, e = D(), V = _ !== void 0 ? _ : !c.current.valueIsOutOfRange && (!R() || e != null);
+      const r = _ !== void 0, e = R(), V = H !== void 0 ? H : !i.current.valueIsOutOfRange && (!F() || e != null);
       return {
         customError: r,
         valid: V,
         valueMissing: e == null
       };
     },
-    [A, _, D, R]
+    [_, H, R, F]
   ), $ = n.useCallback(
     () => re,
     [re]
   ), de = n.useCallback(
-    () => q,
-    [q]
+    () => j,
+    [j]
   ), y = n.useCallback(
     () => {
       const r = {
         element: a.current,
-        focus: ce
+        focus: ie
       };
-      return Object.defineProperty(r, "name", { get: ie }), Object.defineProperty(r, "value", { get: D }), Object.defineProperty(r, "validity", { get: F }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: R }), Object.defineProperty(r, "props", { get: de }), r;
+      return Object.defineProperty(r, "name", { get: ce }), Object.defineProperty(r, "value", { get: R }), Object.defineProperty(r, "validity", { get: B }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: F }), Object.defineProperty(r, "props", { get: de }), r;
     },
-    [ie, D, F, $, R, ce, de]
+    [ce, R, B, $, F, ie, de]
   );
   n.useImperativeHandle(Se, y);
   const f = n.useCallback(
@@ -125,28 +125,28 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       decimalSelect: !1,
       valueIsCorrected: !1,
       valueIsOutOfRange: !1,
-      isPaste: N.current,
-      focused: c.current.focused
+      isPaste: D.current,
+      focused: i.current.focused
     }),
     [b]
   ), p = n.useCallback(
     (r, e) => {
       if (o)
         return;
-      P.current = e.eventValue, x.current = e.eventValue;
-      const V = z(G(e.eventValue, i, d), l, s), m = G(s.parseNumber(V, l), i, d);
+      N.current = e.eventValue, x.current = e.eventValue;
+      const V = q(G(e.eventValue, c, d), l, s), m = G(s.parseNumber(V, l), c, d);
       m !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = m, x.current = m), b !== e.eventValue && Q(
         E,
         r,
         y(),
         { value: e.eventValue }
-      ), P.current = void 0, c.current = e, S((J) => !J);
+      ), N.current = void 0, i.current = e, S((J) => !J);
     },
     [b, E, o, S, y]
   ), Ke = n.useCallback(
     (r) => {
       const e = f();
-      N.current = !1, p(r, ye(e, l, s));
+      D.current = !1, p(r, ye(e, l, s));
     },
     [l, E, s, p, f]
   ), we = n.useCallback(
@@ -155,7 +155,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       const V = s.parseNumber(String(e.currentLooseValue), l);
       if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
         const m = s.numberSymbols(), k = m && r.key === m.minusSign, J = m && r.key === m.decimal;
-        N.current = !k && !J;
+        D.current = !k && !J;
         return;
       }
       switch (r.keyCode) {
@@ -164,7 +164,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
             V,
             e,
             v,
-            i,
+            c,
             d,
             l,
             s
@@ -175,7 +175,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
             V,
             e,
             v,
-            i,
+            c,
             d,
             l,
             s
@@ -184,8 +184,8 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         case 13: {
           if (se === !1)
             return;
-          const m = z(G(V, i, d), l, s), k = G(s.parseNumber(m, l), i, d);
-          e.eventValue = k, e.currentLooseValue = z(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
+          const m = q(G(V, c, d), l, s), k = G(s.parseNumber(m, l), c, d);
+          e.eventValue = k, e.currentLooseValue = q(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
           break;
         }
         case 110: {
@@ -198,10 +198,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       }
       r.preventDefault(), p(r, e);
     },
-    [l, i, d, v, E, se, p, f]
+    [l, c, d, v, E, se, p, f]
   ), Ue = n.useCallback(
     () => {
-      N.current = !0;
+      D.current = !0;
     },
     []
   ), W = n.useCallback(
@@ -213,13 +213,13 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         s.parseNumber(String(e.currentLooseValue), l),
         e,
         v,
-        i,
+        c,
         d,
         l,
         s
       ), p(r, e);
     },
-    [l, i, d, v, E, g, o, p, f]
+    [l, c, d, v, E, g, o, p, f]
   ), Y = n.useCallback(
     (r) => {
       if (g || o)
@@ -229,13 +229,13 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         s.parseNumber(String(e.currentLooseValue), l),
         e,
         v,
-        i,
+        c,
         d,
         l,
         s
       ), p(r, e);
     },
-    [l, i, d, v, E, g, o, p, f]
+    [l, c, d, v, E, g, o, p, f]
   ), $e = n.useCallback(
     (r) => {
       const e = be(document);
@@ -244,7 +244,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     [W, Y, o, g]
   ), We = n.useCallback(
     (r) => {
-      c.current.currentLooseValue = U.current, c.current.focused = !0, Q(
+      i.current.currentLooseValue = U.current, i.current.focused = !0, Q(
         ae,
         r,
         y(),
@@ -254,7 +254,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     [ae, S, y]
   ), Ye = n.useCallback(
     (r) => {
-      c.current = ve(), Q(
+      i.current = ve(), Q(
         le,
         r,
         y(),
@@ -273,11 +273,11 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
   );
   rt(
     () => {
-      a.current && a.current.type !== "number" && c.current.selectionStart !== void 0 && c.current.selectionEnd !== void 0 && (a.current.selectionStart = c.current.selectionStart, a.current.selectionEnd = c.current.selectionEnd, c.current.selectionStart = void 0, c.current.selectionEnd = void 0);
+      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);
     },
     [Ae]
   );
-  const me = !$() || F().valid, fe = /* @__PURE__ */ n.createElement(
+  const me = !$() || B().valid, fe = /* @__PURE__ */ n.createElement(
     "span",
     {
       dir: te,
@@ -287,10 +287,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         "k-numerictextbox",
         {
           [`k-input-${ge.sizeMap[K] || K}`]: K,
-          [`k-input-${O}`]: O,
+          [`k-input-${L}`]: L,
           [`k-rounded-${ge.roundedMap[w] || w}`]: w,
           "k-invalid": !me,
-          "k-required": H,
+          "k-required": O,
           "k-disabled": o
         },
         xe
@@ -309,20 +309,21 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         disabled: o,
         title: Le,
         "aria-disabled": o ? "true" : void 0,
-        "aria-valuemin": i,
+        "aria-valuemin": c,
         "aria-valuemax": d,
         "aria-label": Re,
         "aria-labelledby": De,
         "aria-describedby": Ne,
+        "aria-required": O,
         placeholder: ee,
         spellCheck: !1,
         autoComplete: "off",
         autoCorrect: "off",
-        autoFocus: qe,
+        autoFocus: Ge,
         type: Fe || "tel",
         className: "k-input-inner",
         id: ue,
-        name: j,
+        name: A,
         readOnly: g,
         style: Me,
         onChange: Ke,
@@ -350,10 +351,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
           icon: "caret-alt-up",
           svgIcon: st,
           rounded: null,
-          fillMode: O,
+          fillMode: L,
           className: "k-spinner-increase",
-          "aria-label": L.toLanguageString(B, M[B]),
-          title: L.toLanguageString(B, M[B]),
+          "aria-label": P.toLanguageString(M, T[M]),
+          title: P.toLanguageString(M, T[M]),
           onClick: W
         }
       ),
@@ -365,10 +366,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
           icon: "caret-alt-down",
           svgIcon: ot,
           rounded: null,
-          fillMode: O,
+          fillMode: L,
           className: "k-spinner-decrease",
-          "aria-label": L.toLanguageString(T, M[T]),
-          title: L.toLanguageString(T, M[T]),
+          "aria-label": P.toLanguageString(z, T[z]),
+          title: P.toLanguageString(z, T[z]),
           onClick: Y
         }
       )

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1724738460,
+  publishDate: 1725518640,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "8.3.0-develop.11",
+  "version": "8.3.0-develop.12",
   "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",
@@ -25,13 +25,13 @@
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.3.0-develop.11",
-    "@progress/kendo-react-buttons": "8.3.0-develop.11",
-    "@progress/kendo-react-common": "8.3.0-develop.11",
-    "@progress/kendo-react-dialogs": "8.3.0-develop.11",
-    "@progress/kendo-react-intl": "8.3.0-develop.11",
-    "@progress/kendo-react-labels": "8.3.0-develop.11",
-    "@progress/kendo-react-popup": "8.3.0-develop.11",
+    "@progress/kendo-react-animation": "8.3.0-develop.12",
+    "@progress/kendo-react-buttons": "8.3.0-develop.12",
+    "@progress/kendo-react-common": "8.3.0-develop.12",
+    "@progress/kendo-react-dialogs": "8.3.0-develop.12",
+    "@progress/kendo-react-intl": "8.3.0-develop.12",
+    "@progress/kendo-react-labels": "8.3.0-develop.12",
+    "@progress/kendo-react-popup": "8.3.0-develop.12",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"