@progress/kendo-react-inputs 7.4.0-develop.7 → 7.4.0-develop.9

package/index.d.mts

@@ -2056,7 +2056,7 @@ declare type NumericTextBoxInputType = 'tel' | 'text' | 'number';
 /**
  * Represents the props of the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
-export declare interface NumericTextBoxProps extends FormComponentProps {
+export declare interface NumericTextBoxProps extends FormComponentProps, Omit<(React.HTMLAttributes<HTMLElement>), 'defaultValue' | 'prefix' | 'onChange' | 'onBlur' | 'onFocus'> {
     /**
      * Sets a class of the NumericTextBox DOM element.
      */

package/index.d.ts

@@ -2056,7 +2056,7 @@ declare type NumericTextBoxInputType = 'tel' | 'text' | 'number';
 /**
  * Represents the props of the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
-export declare interface NumericTextBoxProps extends FormComponentProps {
+export declare interface NumericTextBoxProps extends FormComponentProps, Omit<(React.HTMLAttributes<HTMLElement>), 'defaultValue' | 'prefix' | 'onChange' | 'onBlur' | 'onFocus'> {
     /**
      * Sets a class of the NumericTextBox DOM element.
      */

package/numerictextbox/NumericTextBox.js

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