@progress/kendo-react-inputs 15.1.1-develop.3 → 15.2.0-develop.2

package/maskedtextbox/MaskedTextBox.d.ts

@@ -33,6 +33,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         className: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<any>;
         suffix: PropTypes.Requireable<any>;
+        ariaLabel: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
         width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;

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

package/maskedtextbox/MaskedTextBox.mjs

@@ -26,19 +26,19 @@ const n = class n extends p.Component {
       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, l = this._selection[1] || 0;
+      const s = t.currentTarget, i = s.value, r = this._selection[0] || 0, l = this._selection[1] || 0;
       if (!this.props.mask) {
         this._isPasted = !1, this._selection = [null, null], this.triggerOnChange(i, t);
         return;
       }
-      const r = this.value;
+      const a = this.value;
       let o;
       if (this._isPasted) {
         this._isPasted = !1;
-        const d = r.length - l, u = i.length - d;
-        o = this._service.maskInRange(i.slice(a, u), r, a, l);
+        const d = a.length - l, u = i.length - d;
+        o = this._service.maskInRange(i.slice(r, u), a, r, l);
       } else
-        o = this._service.maskInput(i, r, s.selectionStart || 0);
+        o = this._service.maskInput(i, a, s.selectionStart || 0);
       this._selection = [o.selection, o.selection], this.triggerOnChange(o.value, t);
     }, this.focusHandler = (t) => {
       this.state.focused || (this.setState({ focused: !0 }), this.props.onFocus && this.props.onFocus.call(void 0, {
@@ -97,10 +97,10 @@ const n = class n extends p.Component {
    * Represents the validity state into which the MaskedTextBox is set.
    */
   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);
+    const t = this.value, s = this._service.validationValue(t), i = this.props.validationMessage !== void 0, r = 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,
+      valid: r,
       valueMissing: !s
     };
   }
@@ -127,9 +127,9 @@ const n = class n extends p.Component {
    */
   componentDidUpdate(t, s) {
     if (this.element && this.state.focused && s.focused) {
-      let [i, a] = this._selection;
-      const l = t.selection, r = this.props.selection;
-      (!l && r || l && r && (l.start !== r.start || l.end !== r.end)) && (i = r.start, a = r.end), i !== null && a !== null && this.element.setSelectionRange(i, a);
+      let [i, r] = this._selection;
+      const l = t.selection, a = this.props.selection;
+      (!l && a || l && a && (l.start !== a.start || l.end !== a.end)) && (i = a.start, r = a.end), i !== null && r !== null && this.element.setSelectionRange(i, r);
     }
     V(t, this.props) && this.updateService(), this.setValidity();
   }
@@ -161,13 +161,13 @@ const n = class n extends p.Component {
       size: t = n.defaultProps.size,
       fillMode: s = n.defaultProps.fillMode,
       rounded: i = n.defaultProps.rounded,
-      autoFocus: a = n.defaultProps.autoFocus,
+      autoFocus: r = n.defaultProps.autoFocus,
       prefix: l = n.defaultProps.prefix,
-      suffix: r = n.defaultProps.suffix,
+      suffix: a = n.defaultProps.suffix,
       inputAttributes: o,
       unstyled: d,
       className: u
-    } = this.props, c = this.props.id || this._inputId, f = !this.validityStyles || this.validity.valid, v = this.props.style || {}, k = d && d.uMaskedTextBox, [C] = y(l), [x] = y(r), g = /* @__PURE__ */ p.createElement(
+    } = this.props, f = this.props.id || this._inputId, h = !this.validityStyles || this.validity.valid, v = this.props.style || {}, k = d && d.uMaskedTextBox, [C] = y(l), [x] = y(a), g = /* @__PURE__ */ p.createElement(
       "span",
       {
         dir: this.props.dir,
@@ -178,7 +178,7 @@ const n = class n extends p.Component {
             [`k-input-${_.sizeMap[t] || t}`]: t,
             [`k-input-${s}`]: s,
             [`k-rounded-${_.roundedMap[i] || i}`]: i,
-            "k-invalid": !f,
+            "k-invalid": !h,
             "k-disabled": this.props.disabled
           },
           u
@@ -193,15 +193,17 @@ const n = class n extends p.Component {
           autoComplete: "off",
           autoCorrect: "off",
           autoCapitalize: "off",
-          autoFocus: a,
+          autoFocus: r,
           spellCheck: !1,
           className: P(H.inputInner({ c: k })),
           value: this.value,
-          id: c,
+          id: f,
+          "aria-label": this.props.ariaLabel,
           "aria-labelledby": this.props.ariaLabelledBy,
           "aria-describedby": this.props.ariaDescribedBy,
           "aria-placeholder": this.props.mask,
           "aria-required": this.props.required,
+          "aria-invalid": h ? void 0 : "true",
           name: this.props.name,
           tabIndex: D(this.props.tabIndex, this.props.disabled, !0),
           accessKey: this.props.accessKey,
@@ -227,9 +229,9 @@ const n = class n extends p.Component {
       q,
       {
         label: this.props.label,
-        editorId: c,
+        editorId: f,
         editorValue: this.value,
-        editorValid: f,
+        editorValid: h,
         editorDisabled: this.props.disabled,
         editorPlaceholder: this.props.placeholder,
         children: g,
@@ -282,6 +284,7 @@ n.displayName = "MaskedTextBox", n.propTypes = {
   className: e.string,
   prefix: e.any,
   suffix: e.any,
+  ariaLabel: e.string,
   ariaLabelledBy: e.string,
   ariaDescribedBy: e.string,
   width: e.oneOfType([e.string, e.number]),
@@ -295,8 +298,8 @@ n.displayName = "MaskedTextBox", n.propTypes = {
   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(
+    const r = t.rules;
+    return r !== void 0 && !Object.entries(r).some((a) => typeof a != "string" || !(r[a] instanceof RegExp)) ? new Error(
       "Invalid prop `" + s + "` supplied to `" + i + "`. Validation failed."
     ) : null;
   },
@@ -330,16 +333,16 @@ n.displayName = "MaskedTextBox", n.propTypes = {
   fillMode: void 0,
   autoFocus: !1
 };
-let h = n;
+let c = n;
 const B = T(), F = O(
   M(
     B,
-    I(h)
+    I(c)
   )
 );
 F.displayName = "KendoReactMaskedTextBox";
 export {
   F as MaskedTextBox,
   B as MaskedTextBoxPropsContext,
-  h as MaskedTextBoxWithoutContext
+  c as MaskedTextBoxWithoutContext
 };

package/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -154,6 +154,13 @@ export interface MaskedTextBoxProps extends FormComponentProps {
      * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
+    /**
+     * Sets the accessible label text of the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    ariaLabel?: string;
     /**
      * Identifies the element(s) which will label the component.
      *

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

package/numerictextbox/NumericTextBox.mjs

@@ -271,7 +271,6 @@ const gt = "Please enter a valid value!", vt = mt(), Oe = n.forwardRef(
           },
           Pe
         ),
-        "aria-disabled": u ? "true" : void 0,
         ...F ? {} : ie
       },
       /* @__PURE__ */ n.createElement(We, null),
@@ -284,7 +283,6 @@ const gt = "Please enter a valid value!", vt = mt(), Oe = n.forwardRef(
           accessKey: Fe,
           disabled: u,
           title: Be,
-          "aria-disabled": u ? "true" : void 0,
           "aria-valuemin": W ? d : void 0,
           "aria-valuemax": W ? m : void 0,
           "aria-label": ze,
@@ -324,6 +322,7 @@ const gt = "Please enter a valid value!", vt = mt(), Oe = n.forwardRef(
           svgIcon: ft,
           fillMode: M,
           size: I,
+          disabled: u,
           className: "k-spinner-increase",
           "aria-label": T.toLanguageString(
             H,
@@ -344,6 +343,7 @@ const gt = "Please enter a valid value!", vt = mt(), Oe = n.forwardRef(
           svgIcon: pt,
           fillMode: M,
           size: I,
+          disabled: u,
           className: "k-spinner-decrease",
           "aria-label": T.toLanguageString(
             _,

package/otpinput/OTPInput.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 be=require("react"),I=require("@progress/kendo-react-common"),he=require("./OTPInputCell.js"),ge=require("./OTPInputSeparator.js"),Ce=require("@progress/kendo-react-intl"),j=require("../messages/index.js");function ve(o){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const f in o)if(f!=="default"){const m=Object.getOwnPropertyDescriptor(o,f);Object.defineProperty(d,f,m.get?m:{enumerable:!0,get:()=>o[f]})}}return d.default=o,Object.freeze(d)}const r=ve(be),ke=4;function ye(o,d){if(Array.isArray(d)){const C=d.reduce((E,w)=>E+w,0);return C!==o&&console.warn(`[OTPInput] The sum of groupLength values (${C}) must equal length (${o}).`),d}const f=[];let m=o;for(;m>0;)f.push(Math.min(d,m)),m-=d;return f}const H=r.forwardRef((o,d)=>{const{value:f,defaultValue:m,length:C,groupLength:E,separator:w,type:h,placeholder:G,spacing:F,disabled:L,readOnly:_,inputAttributes:U,name:T,required:W,valid:A,size:O,fillMode:J,rounded:Q,onChange:M,onFocus:P,onBlur:z,ariaLabel:X,ariaLabelledBy:Y,ariaDescribedBy:Z,id:$,style:x,dir:S,className:ee,touched:_e,visited:Ee,modified:we,validationMessage:Te,...te}=o,u=C!=null?C:ke,B=f!==void 0,[ae,re]=r.useState(()=>(m!=null?m:"").padEnd(u," ").slice(0,u)),l=(B?f:ae).padEnd(u," ").slice(0,u),V=r.useRef(l);V.current=l;const[ne,N]=r.useState(null),v=r.useRef(null),k=r.useCallback(e=>{v.current!==null&&clearTimeout(v.current),N(e),v.current=setTimeout(()=>{N(null),v.current=null},300)},[]);r.useEffect(()=>()=>{v.current!==null&&clearTimeout(v.current)},[]);const q=r.useRef(null),R=r.useRef([]),y=r.useRef(null),i=r.useCallback(e=>{var n;const t=Math.max(0,Math.min(e,u-1));(n=R.current[t])==null||n.focus()},[u]),b=r.useCallback((e,t)=>{const n=e.padEnd(u," ").slice(0,u);n!==l&&(V.current=n,B||re(n),M&&M({syntheticEvent:t,nativeEvent:t.nativeEvent,target:y.current,value:n}))},[B,u,M,l]),le=r.useCallback((e,t,n)=>{const a=n.target.value.slice(-1);if(!a)return;if(h==="number"&&!/^\d$/.test(a)){k(e);const g=l[e]===" "?"":l[e];n.target.value=g,n.target.select();return}const p=V.current.split("");p[e]=a;const s=p.join("");b(s,n),i(e+1)},[l,b,i,h,k]),K=r.useCallback((e,t,n)=>{if(n.preventDefault(),h==="number"&&!/^\d$/.test(t)){k(e),n.target.select();return}const c=l.split("");c[e]=t,b(c.join(""),n),i(e+1)},[h,k,l,b,i]),se=r.useCallback((e,t)=>{var c;if(_)return;const n=S==="rtl";switch(t.key){case"ArrowLeft":{t.preventDefault(),i(n?e+1:e-1);break}case"ArrowRight":{t.preventDefault(),i(n?e-1:e+1);break}case"ArrowUp":case"ArrowDown":{t.preventDefault();break}case"Backspace":{t.preventDefault();const a=l.split("");a[e]=" ",b(a.join(""),t),i(e-1);break}case"Delete":{t.preventDefault();const a=l.split("");a[e]=" ",b(a.join(""),t);break}default:{const{key:a,ctrlKey:p,altKey:s,metaKey:g}=t,D=(c=l[e])!=null?c:" ";a.length===1&&!p&&!s&&!g&&D!==" "&&K(e,a,t);break}}},[l,b,i,S,_,K]),ue=r.useCallback((e,t)=>{P&&P({syntheticEvent:t,nativeEvent:t.nativeEvent,target:y.current,cellIndex:e})},[P]),ce=r.useCallback((e,t)=>{},[]),{onFocus:oe,onBlur:ie}=I.useAsyncFocusBlur({onFocus:e=>{},onBlur:e=>{z&&z({syntheticEvent:e,nativeEvent:e.nativeEvent,target:y.current})}}),pe=r.useCallback(e=>{if(e.preventDefault(),_)return;const t=e.clipboardData.getData("text");if(!t)return;const n=R.current.findIndex(s=>s===document.activeElement),c=n>=0?n:0;if(h==="number"&&!/^\d+$/.test(t.trim())){k(c);return}const a=l.split("");for(let s=0;s<t.length&&c+s<u;s++)a[c+s]=t[s];b(a.join(""),e);const p=Math.min(c+t.length,u-1);i(p)},[l,b,i,u,h,k,_]);r.useImperativeHandle(y,()=>({get element(){return q.current},get value(){return l},focus(e){if(e!==void 0)i(e);else{const t=l.indexOf(" ");i(t>=0?t:u-1)}},blur(){R.current.forEach(e=>e==null?void 0:e.blur())}})),r.useImperativeHandle(d,()=>y.current),I.useWebMcpRegister("otpinput",y,o,o.webMcp);const de=()=>{const e=a=>{var p;return r.createElement(he.OTPInputCell,{key:a,ref:s=>{R.current[a]=s},index:a,totalLength:u,char:(p=l[a])!=null?p:" ",type:h,placeholder:G,disabled:L,readOnly:_,required:W,size:O,fillMode:J,rounded:Q,inputAttributes:U,valid:A===!1||ne===a?!1:A,onCellChange:le,onCellKeyDown:se,onCellFocus:ue,onCellBlur:ce,name:T?`${T}-cell-${a}`:`otp-cell-${a}`,id:$?`${$}-cell-${a}`:`otp-cell-${a}`})};if(!E){const a=Array.from({length:u},(p,s)=>e(s));return F===!1?[r.createElement("div",{key:"group",className:"k-input-group"},a)]:a}const t=ye(u,E);let n=0;const c=[];return t.forEach((a,p)=>{const s=n;p>0&&w!==void 0&&c.push(r.createElement(ge.OTPInputSeparator,{key:`sep-${s}`,separator:w}));const g=[];for(let D=0;D<a;D++)g.push(e(n++));F===!1?c.push(r.createElement("div",{key:`group-${s}`,className:"k-input-group"},g)):c.push(...g)}),c},fe=I.classNames("k-otp",{"k-disabled":L,"k-invalid":A===!1,[`k-otp-${I.kendoThemeMaps.sizeMap[O]||O}`]:O},ee),me=Ce.useLocalization().toLanguageString(j.otpInputAriaLabel,j.messages[j.otpInputAriaLabel]);return r.createElement("div",{ref:q,className:fe,role:"group","aria-label":X||me,"aria-labelledby":Y,"aria-describedby":Z,id:$,style:x,dir:S,onFocus:oe,onBlur:ie,onPaste:pe,...te},T&&r.createElement("input",{"aria-hidden":!0,type:"hidden",name:T,value:l.replace(/ /g,"")}),de())});H.displayName="KendoReactOTPInput";exports.OTPInput=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const fe=require("react"),M=require("@progress/kendo-react-common"),me=require("./OTPInputCell.js"),he=require("./OTPInputSeparator.js");function be(o){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const f in o)if(f!=="default"){const m=Object.getOwnPropertyDescriptor(o,f);Object.defineProperty(d,f,m.get?m:{enumerable:!0,get:()=>o[f]})}}return d.default=o,Object.freeze(d)}const a=be(fe),ge=4;function Ce(o,d){if(Array.isArray(d)){const C=d.reduce((E,w)=>E+w,0);return C!==o&&console.warn(`[OTPInput] The sum of groupLength values (${C}) must equal length (${o}).`),d}const f=[];let m=o;for(;m>0;)f.push(Math.min(d,m)),m-=d;return f}const L=a.forwardRef((o,d)=>{const{value:f,defaultValue:m,length:C,groupLength:E,separator:w,type:b,placeholder:H,spacing:F,disabled:N,readOnly:_,inputAttributes:G,name:O,required:U,valid:P,size:T,fillMode:W,rounded:J,onChange:$,onFocus:I,onBlur:S,ariaLabel:Q,ariaLabelledBy:X,ariaDescribedBy:Y,id:A,style:Z,dir:B,className:x,touched:ve,visited:ye,modified:ke,validationMessage:_e,...ee}=o,u=C!=null?C:ge,V=f!==void 0,[te,re]=a.useState(()=>(m!=null?m:"").padEnd(u," ").slice(0,u)),l=(V?f:te).padEnd(u," ").slice(0,u),j=a.useRef(l);j.current=l;const[ae,q]=a.useState(null),v=a.useRef(null),y=a.useCallback(e=>{v.current!==null&&clearTimeout(v.current),q(e),v.current=setTimeout(()=>{q(null),v.current=null},300)},[]);a.useEffect(()=>()=>{v.current!==null&&clearTimeout(v.current)},[]);const z=a.useRef(null),R=a.useRef([]),k=a.useRef(null),i=a.useCallback(e=>{var n;const t=Math.max(0,Math.min(e,u-1));(n=R.current[t])==null||n.focus()},[u]),h=a.useCallback((e,t)=>{const n=e.padEnd(u," ").slice(0,u);n!==l&&(j.current=n,V||re(n),$&&$({syntheticEvent:t,nativeEvent:t.nativeEvent,target:k.current,value:n}))},[V,u,$,l]),ne=a.useCallback((e,t,n)=>{const r=n.target.value.slice(-1);if(!r)return;if(b==="number"&&!/^\d$/.test(r)){y(e);const g=l[e]===" "?"":l[e];n.target.value=g,n.target.select();return}const p=j.current.split("");p[e]=r;const s=p.join("");h(s,n),i(e+1)},[l,h,i,b,y]),K=a.useCallback((e,t,n)=>{if(n.preventDefault(),b==="number"&&!/^\d$/.test(t)){y(e),n.target.select();return}const c=l.split("");c[e]=t,h(c.join(""),n),i(e+1)},[b,y,l,h,i]),le=a.useCallback((e,t)=>{var c;if(_)return;const n=B==="rtl";switch(t.key){case"ArrowLeft":{t.preventDefault(),i(n?e+1:e-1);break}case"ArrowRight":{t.preventDefault(),i(n?e-1:e+1);break}case"ArrowUp":case"ArrowDown":{t.preventDefault();break}case"Backspace":{t.preventDefault();const r=l.split("");r[e]=" ",h(r.join(""),t),i(e-1);break}case"Delete":{t.preventDefault();const r=l.split("");r[e]=" ",h(r.join(""),t);break}default:{const{key:r,ctrlKey:p,altKey:s,metaKey:g}=t,D=(c=l[e])!=null?c:" ";r.length===1&&!p&&!s&&!g&&D!==" "&&K(e,r,t);break}}},[l,h,i,B,_,K]),se=a.useCallback((e,t)=>{I&&I({syntheticEvent:t,nativeEvent:t.nativeEvent,target:k.current,cellIndex:e})},[I]),ue=a.useCallback((e,t)=>{},[]),{onFocus:ce,onBlur:oe}=M.useAsyncFocusBlur({onFocus:e=>{},onBlur:e=>{S&&S({syntheticEvent:e,nativeEvent:e.nativeEvent,target:k.current})}}),ie=a.useCallback(e=>{if(e.preventDefault(),_)return;const t=e.clipboardData.getData("text");if(!t)return;const n=R.current.findIndex(s=>s===document.activeElement),c=n>=0?n:0;if(b==="number"&&!/^\d+$/.test(t.trim())){y(c);return}const r=l.split("");for(let s=0;s<t.length&&c+s<u;s++)r[c+s]=t[s];h(r.join(""),e);const p=Math.min(c+t.length,u-1);i(p)},[l,h,i,u,b,y,_]);a.useImperativeHandle(k,()=>({get element(){return z.current},get value(){return l},focus(e){if(e!==void 0)i(e);else{const t=l.indexOf(" ");i(t>=0?t:u-1)}},blur(){R.current.forEach(e=>e==null?void 0:e.blur())}})),a.useImperativeHandle(d,()=>k.current),M.useWebMcpRegister("otpinput",k,o,o.webMcp);const pe=()=>{const e=r=>{var p;return a.createElement(me.OTPInputCell,{key:r,ref:s=>{R.current[r]=s},index:r,totalLength:u,char:(p=l[r])!=null?p:" ",type:b,placeholder:H,disabled:N,readOnly:_,required:U,size:T,fillMode:W,rounded:J,inputAttributes:G,valid:P===!1||ae===r?!1:P,onCellChange:ne,onCellKeyDown:le,onCellFocus:se,onCellBlur:ue,name:O?`${O}-cell-${r}`:`otp-cell-${r}`,id:A?`${A}-cell-${r}`:`otp-cell-${r}`})};if(!E){const r=Array.from({length:u},(p,s)=>e(s));return F===!1?[a.createElement("div",{key:"group",className:"k-input-group"},r)]:r}const t=Ce(u,E);let n=0;const c=[];return t.forEach((r,p)=>{const s=n;p>0&&w!==void 0&&c.push(a.createElement(he.OTPInputSeparator,{key:`sep-${s}`,separator:w}));const g=[];for(let D=0;D<r;D++)g.push(e(n++));F===!1?c.push(a.createElement("div",{key:`group-${s}`,className:"k-input-group"},g)):c.push(...g)}),c},de=M.classNames("k-otp",{"k-disabled":N,"k-invalid":P===!1,[`k-otp-${M.kendoThemeMaps.sizeMap[T]||T}`]:T},x);return a.createElement("div",{ref:z,className:de,role:"group","aria-label":Q,"aria-labelledby":X,"aria-describedby":Y,id:A,style:Z,dir:B,onFocus:ce,onBlur:oe,onPaste:ie,...ee},O&&a.createElement("input",{"aria-hidden":!0,type:"hidden",name:O,value:l.replace(/ /g,"")}),pe())});L.displayName="KendoReactOTPInput";exports.OTPInput=L;