@progress/kendo-react-inputs 13.3.0-develop.9 → 13.4.0-develop.1

package/numerictextbox/NumericTextBox.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { NumericTextBoxProps } from './interfaces/NumericTextBoxProps.js';
+import { NumericTextBoxHandle } from './interfaces/NumericTextBoxHandle.js';
+import * as React from 'react';
+/**
+ * Represents the PropsContext of the `NumericTextBox` component.
+ * Used for global configuration of all `NumericTextBox` instances.
+ *
+ * For more information, refer to the [Inputs Props Context](https://www.telerik.com/kendo-react-ui/components/inputs/props-context) article.
+ */
+export declare const NumericTextBoxPropsContext: React.Context<(p: NumericTextBoxProps) => NumericTextBoxProps>;
+/**
+ * Represents the [KendoReact NumericTextBox component](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox).
+ */
+export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle | null>>;

package/numerictextbox/NumericTextBox.js

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

package/numerictextbox/NumericTextBox.mjs

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

package/numerictextbox/interfaces/NumericTextBoxBlurEvent.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { NumericTextBoxHandle } from './NumericTextBoxHandle.js';
+/**
+ * The arguments for the `onBlur` NumericTextBox event.
+ */
+export interface NumericTextBoxBlurEvent extends BaseEvent<NumericTextBoxHandle> {
+}

package/numerictextbox/interfaces/NumericTextBoxChangeEvent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { NumericTextBoxHandle } from './NumericTextBoxHandle.js';
+/**
+ * The arguments for the `change` event of the NumericTextBox.
+ */
+export interface NumericTextBoxChangeEvent extends BaseEvent<NumericTextBoxHandle> {
+    /**
+     * The current value of the NumericTextBox.
+     */
+    value: number | null;
+}

package/numerictextbox/interfaces/NumericTextBoxFocusEvent.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { NumericTextBoxHandle } from './NumericTextBoxHandle.js';
+/**
+ * The arguments for the `onFocus` NumericTextBox event.
+ */
+export interface NumericTextBoxFocusEvent extends BaseEvent<NumericTextBoxHandle> {
+}