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

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

package/numerictextbox/NumericTextBox.mjs

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

package/package-metadata.js

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

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1784220800,
-    version: '15.1.1-develop.2',
+    publishDate: 1784273472,
+    version: '15.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });