@progress/kendo-react-inputs 14.5.0-develop.1 → 14.5.0-develop.10

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

package/numerictextbox/NumericTextBox.mjs

@@ -8,13 +8,13 @@
 import * as n from "react";
 import t from "prop-types";
 import { useInternationalization as et, useLocalization as tt } from "@progress/kendo-react-intl";
-import { usePropsContext as nt, useId as rt, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as at, getActiveElement as ve, useIsomorphicLayoutEffect as st, classNames as ot, kendoThemeMaps as ye, getTabIndex as lt, createPropsContext as ut } from "@progress/kendo-react-common";
-import { caretAltUpIcon as it, caretAltDownIcon as ct } from "@progress/kendo-svg-icons";
+import { usePropsContext as nt, useId as rt, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as at, getActiveElement as ve, useIsomorphicLayoutEffect as ot, classNames as st, kendoThemeMaps as ye, getTabIndex as ut, createPropsContext as lt } from "@progress/kendo-react-common";
+import { chevronUpIcon as it, chevronDownIcon as ct } from "@progress/kendo-svg-icons";
 import { FloatingLabel as dt } from "@progress/kendo-react-labels";
-import { numericIncreaseValue as G, messages as j, numericDecreaseValue as K } from "../messages/index.mjs";
-import { getInitialState as Ve, formatValue as O, getStateOrPropsValue as X, rangeValue as N, sanitizeNumber as Ce, decreaseValue as ke, increaseValue as Ee } from "./utils/index.mjs";
-import { Button as Se } from "@progress/kendo-react-buttons";
-const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
+import { numericIncreaseValue as j, messages as A, numericDecreaseValue as K } from "../messages/index.mjs";
+import { getInitialState as Ve, formatValue as O, getStateOrPropsValue as X, rangeValue as N, sanitizeNumber as Ce, decreaseValue as ke, increaseValue as he } from "./utils/index.mjs";
+import { Button as Ee } from "@progress/kendo-react-buttons";
+const mt = "Please enter a valid value!", ft = lt(), Se = n.forwardRef(
   (k, xe) => {
     const _ = nt(
       ft,
@@ -23,7 +23,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
       className: Ie,
       value: y,
       defaultValue: Le,
-      format: s,
+      format: o,
       width: Z,
       tabIndex: Oe,
       accessKey: Ne,
@@ -51,36 +51,36 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
       valid: w,
       step: V = c.step,
       spinners: ze = c.spinners,
-      disabled: l = c.disabled,
+      disabled: u = c.disabled,
       required: R = c.required,
       validityStyles: ae = c.validityStyles,
       prefix: qe = c.prefix,
-      suffix: Ae = c.suffix,
-      onChange: E = c.onChange,
-      onFocus: se = c.onFocus,
-      onBlur: oe = c.onBlur,
-      rangeOnEnter: le = c.rangeOnEnter,
-      size: h = c.size,
+      suffix: Ge = c.suffix,
+      onChange: h = c.onChange,
+      onFocus: oe = c.onFocus,
+      onBlur: se = c.onBlur,
+      rangeOnEnter: ue = c.rangeOnEnter,
+      size: S = c.size,
       rounded: U = c.rounded,
       fillMode: F = c.fillMode,
-      autoFocus: Ge = c.autoFocus,
-      inputAttributes: je,
-      ...ue
-    } = _, Ke = rt(), ie = ne || Ke, o = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [_e, S] = n.useState(!1), i = n.useRef(Ve()), T = n.useRef(!1), $ = n.useRef(void 0), x = n.useRef(Le), ce = P || ne, I = O(
-      i.current.focused && !l ? i.current.currentLooseValue : X(y, x.current),
-      s,
-      o
+      autoFocus: je = c.autoFocus,
+      inputAttributes: Ae,
+      ...le
+    } = _, Ke = rt(), ie = ne || Ke, s = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [_e, E] = n.useState(!1), i = n.useRef(Ve()), T = n.useRef(!1), $ = n.useRef(void 0), x = n.useRef(Le), ce = P || ne, I = O(
+      i.current.focused && !u ? i.current.currentLooseValue : X(y, x.current),
+      o,
+      s
     );
     $.current = I;
-    const [He] = ge(qe), [we] = ge(Ae);
+    const [He] = ge(qe), [we] = ge(Ge);
     n.useEffect(() => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        A().valid ? "" : H || mt
+        G().valid ? "" : H || mt
       );
     });
     const de = n.useCallback(() => {
       a.current && a.current.focus();
-    }, []), z = n.useCallback(() => M.current !== void 0 ? M.current : X(y, x.current), [y]), me = n.useCallback(() => P, [P]), q = n.useCallback(() => R, [R]), A = n.useCallback(() => {
+    }, []), z = n.useCallback(() => M.current !== void 0 ? M.current : X(y, x.current), [y]), me = n.useCallback(() => P, [P]), q = n.useCallback(() => R, [R]), G = n.useCallback(() => {
       const r = H !== void 0, e = z(), b = w !== void 0 ? w : !i.current.valueIsOutOfRange && (!q() || e != null);
       return {
         customError: r,
@@ -92,8 +92,8 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
         element: a.current,
         focus: de
       };
-      return Object.defineProperty(r, "name", { get: me }), Object.defineProperty(r, "value", { get: z }), Object.defineProperty(r, "validity", { get: A }), Object.defineProperty(r, "validityStyles", { get: W }), Object.defineProperty(r, "required", { get: q }), Object.defineProperty(r, "props", { get: fe }), r;
-    }, [me, z, A, W, q, de, fe]);
+      return Object.defineProperty(r, "name", { get: me }), Object.defineProperty(r, "value", { get: z }), Object.defineProperty(r, "validity", { get: G }), Object.defineProperty(r, "validityStyles", { get: W }), Object.defineProperty(r, "required", { get: q }), Object.defineProperty(r, "props", { get: fe }), r;
+    }, [me, z, G, W, q, de, fe]);
     n.useImperativeHandle(xe, C);
     const v = n.useCallback(() => ({
       eventValue: X(y, x.current),
@@ -108,33 +108,33 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
       focused: i.current.focused
     }), [y]), f = n.useCallback(
       (r, e) => {
-        if (l)
+        if (u)
           return;
         M.current = e.eventValue, x.current = e.eventValue;
-        const b = O(N(e.eventValue, d, m), s, o), u = N(o.parseNumber(b, s), d, m);
-        u !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = u, x.current = u), y !== e.eventValue && Q(E, r, C(), {
+        const b = O(N(e.eventValue, d, m), o, s), l = N(s.parseNumber(b, o), d, m);
+        l !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = l, x.current = l), y !== e.eventValue && Q(h, r, C(), {
           value: e.eventValue
-        }), M.current = void 0, i.current = e, S((L) => !L);
+        }), M.current = void 0, i.current = e, E((L) => !L);
       },
-      [y, E, l, S, C]
+      [y, h, u, E, C]
     ), Ue = n.useCallback(
       (r) => {
         const e = Number(r);
         if (isNaN(e))
           return;
-        const b = N(e, d, m), u = O(b, s, o), p = {
+        const b = N(e, d, m), l = O(b, o, s), p = {
           ...i.current,
           eventValue: b,
-          currentLooseValue: u,
-          selectionStart: u.length,
-          selectionEnd: u.length
+          currentLooseValue: l,
+          selectionStart: l.length,
+          selectionEnd: l.length
         }, L = {
           target: a.current,
           currentTarget: a.current
         };
         f(L, p);
       },
-      [d, m, s, o, f]
+      [d, m, o, s, f]
     );
     at(a, {
       fieldName: ce,
@@ -144,37 +144,37 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
     const $e = n.useCallback(
       (r) => {
         const e = v();
-        T.current = !1, f(r, Ce(e, s, o));
+        T.current = !1, f(r, Ce(e, o, s));
       },
-      [s, E, o, f, v]
+      [o, h, s, f, v]
     ), We = n.useCallback(
       (r) => {
-        if (g || l)
+        if (g || u)
           return;
         let e = v();
-        const b = o.parseNumber(String(e.currentLooseValue), s);
+        const b = s.parseNumber(String(e.currentLooseValue), o);
         if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
-          const u = o.numberSymbols(), p = u && r.key === u.minusSign, L = u && r.key === u.decimal;
+          const l = s.numberSymbols(), p = l && r.key === l.minusSign, L = l && r.key === l.decimal;
           T.current = !p && !L;
           return;
         }
         switch (r.keyCode) {
           case 38:
-            Ee(b, e, V, d, m, s, o);
+            he(b, e, V, d, m, o, s);
             break;
           case 40:
-            ke(b, e, V, d, m, s, o);
+            ke(b, e, V, d, m, o, s);
             break;
           case 13: {
-            if (le === !1)
+            if (ue === !1)
               return;
-            const u = O(N(b, d, m), s, o), p = N(o.parseNumber(u, s), d, m);
-            e.eventValue = p, e.currentLooseValue = O(p, s, o), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
+            const l = O(N(b, d, m), o, s), p = N(s.parseNumber(l, o), d, m);
+            e.eventValue = p, e.currentLooseValue = O(p, o, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
             break;
           }
           case 110: {
-            const u = a.current, p = o.numberSymbols();
-            u && (e.currentLooseValue = e.currentLooseValue.slice(0, e.selectionStart) + p.decimal + e.currentLooseValue.slice(e.selectionEnd), e.selectionStart = e.selectionEnd = e.selectionStart + 1, e = Ce(e, s, o));
+            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 = Ce(e, o, s));
             break;
           }
           default:
@@ -182,86 +182,86 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
         }
         r.preventDefault(), f(r, e);
       },
-      [s, d, m, V, E, le, f, v]
+      [o, d, m, V, h, ue, f, v]
     ), Ye = n.useCallback(() => {
       T.current = !0;
     }, []), Y = n.useCallback(
       (r) => {
-        if (g || l)
+        if (g || u)
           return;
         const e = v();
-        Ee(
-          o.parseNumber(String(e.currentLooseValue), s),
+        he(
+          s.parseNumber(String(e.currentLooseValue), o),
           e,
           V,
           d,
           m,
-          s,
-          o
+          o,
+          s
         ), f(r, e);
       },
-      [s, d, m, V, E, g, l, f, v]
+      [o, d, m, V, h, g, u, f, v]
     ), J = n.useCallback(
       (r) => {
-        if (g || l)
+        if (g || u)
           return;
         const e = v();
         ke(
-          o.parseNumber(String(e.currentLooseValue), s),
+          s.parseNumber(String(e.currentLooseValue), o),
           e,
           V,
           d,
           m,
-          s,
-          o
+          o,
+          s
         ), f(r, e);
       },
-      [s, d, m, V, E, g, l, f, v]
+      [o, d, m, V, h, g, u, f, v]
     ), Je = n.useCallback(
       (r) => {
         const e = ve(document);
-        !document || e !== a.current || !a.current || g || l || (r.nativeEvent.deltaY < 0 && Y(r), r.nativeEvent.deltaY > 0 && J(r));
+        !document || e !== a.current || !a.current || g || u || (r.nativeEvent.deltaY < 0 && Y(r), r.nativeEvent.deltaY > 0 && J(r));
       },
-      [Y, J, l, g]
+      [Y, J, u, g]
     ), Qe = n.useCallback(
       (r) => {
-        i.current.currentLooseValue = $.current, i.current.focused = !0, Q(se, r, C(), {}), S((e) => !e);
+        i.current.currentLooseValue = $.current, i.current.focused = !0, Q(oe, r, C(), {}), E((e) => !e);
       },
-      [se, S, C]
+      [oe, E, C]
     ), Xe = n.useCallback(
       (r) => {
-        i.current = Ve(), Q(oe, r, C(), {}), S((e) => !e);
+        i.current = Ve(), Q(se, r, C(), {}), E((e) => !e);
       },
-      [oe, S, C]
+      [se, E, C]
     ), Ze = n.useCallback((r) => {
       if (document && a.current) {
         const e = ve(document);
         r.preventDefault(), e !== a.current && a.current.focus();
       }
     }, []);
-    st(() => {
+    ot(() => {
       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 be = !W() || A().valid, pe = /* @__PURE__ */ n.createElement(
+    const be = !W() || G().valid, pe = /* @__PURE__ */ n.createElement(
       "span",
       {
         dir: te,
         style: D ? re : { width: Z, ...re },
-        className: ot(
+        className: st(
           "k-input",
           "k-numerictextbox",
           {
-            [`k-input-${ye.sizeMap[h] || h}`]: h,
+            [`k-input-${ye.sizeMap[S] || S}`]: S,
             [`k-input-${F}`]: F,
             [`k-rounded-${ye.roundedMap[U] || U}`]: U,
             "k-invalid": !be,
             "k-required": R,
-            "k-disabled": l
+            "k-disabled": u
           },
           Ie
         ),
-        "aria-disabled": l ? "true" : void 0,
-        ...D ? {} : ue
+        "aria-disabled": u ? "true" : void 0,
+        ...D ? {} : le
       },
       /* @__PURE__ */ n.createElement(He, null),
       /* @__PURE__ */ n.createElement(
@@ -269,11 +269,11 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
         {
           role: "spinbutton",
           value: I === null ? "" : I,
-          tabIndex: lt(Oe, l),
+          tabIndex: ut(Oe, u),
           accessKey: Ne,
-          disabled: l,
+          disabled: u,
           title: Pe,
-          "aria-disabled": l ? "true" : void 0,
+          "aria-disabled": u ? "true" : void 0,
           "aria-valuemin": d,
           "aria-valuemax": m,
           "aria-label": Fe,
@@ -284,7 +284,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
           spellCheck: !1,
           autoComplete: "off",
           autoCorrect: "off",
-          autoFocus: Ge,
+          autoFocus: je,
           type: Be || "tel",
           className: "k-input-inner",
           id: ie,
@@ -298,48 +298,48 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
           onPaste: Ye,
           onWheel: Je,
           ref: a,
-          ...je
+          ...Ae
         }
       ),
       /* @__PURE__ */ n.createElement(we, null),
       Me,
       ze && /* @__PURE__ */ n.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: Ze }, /* @__PURE__ */ n.createElement(
-        Se,
+        Ee,
         {
           tabIndex: -1,
           type: "button",
-          icon: "caret-alt-up",
+          icon: "chevron-up",
           svgIcon: it,
           fillMode: F,
-          size: h,
+          size: S,
           className: "k-spinner-increase",
           "aria-label": B.toLanguageString(
-            G,
-            j[G]
+            j,
+            A[j]
           ),
           title: B.toLanguageString(
-            G,
-            j[G]
+            j,
+            A[j]
           ),
           onClick: Y
         }
       ), /* @__PURE__ */ n.createElement(
-        Se,
+        Ee,
         {
           tabIndex: -1,
           type: "button",
-          icon: "caret-alt-down",
+          icon: "chevron-down",
           svgIcon: ct,
           fillMode: F,
-          size: h,
+          size: S,
           className: "k-spinner-decrease",
           "aria-label": B.toLanguageString(
             K,
-            j[K]
+            A[K]
           ),
           title: B.toLanguageString(
             K,
-            j[K]
+            A[K]
           ),
           onClick: J
         }
@@ -352,17 +352,17 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
         editorId: ie,
         editorValue: I === null ? "" : I,
         editorValid: be,
-        editorDisabled: l,
+        editorDisabled: u,
         editorPlaceholder: ee,
         children: pe,
         style: { width: Z },
         dir: te,
-        ...ue
+        ...le
       }
     ) : pe;
   }
 );
-he.propTypes = {
+Se.propTypes = {
   value: t.number,
   defaultValue: t.number,
   step: t.number,
@@ -426,8 +426,8 @@ const c = {
   rounded: void 0,
   fillMode: void 0
 };
-he.displayName = "KendoNumericTextBox";
+Se.displayName = "KendoNumericTextBox";
 export {
-  he as NumericTextBox,
+  Se as NumericTextBox,
   ft 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: 1777909906,version:"14.5.0-develop.1",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: 1778664032,version:"14.5.0-develop.10",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: 1777909906,
-    version: '14.5.0-develop.1',
+    publishDate: 1778664032,
+    version: '14.5.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "14.5.0-develop.1",
+  "version": "14.5.0-develop.10",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,15 +28,15 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "14.5.0-develop.1",
-    "@progress/kendo-react-buttons": "14.5.0-develop.1",
-    "@progress/kendo-react-common": "14.5.0-develop.1",
-    "@progress/kendo-react-dialogs": "14.5.0-develop.1",
-    "@progress/kendo-react-layout": "14.5.0-develop.1",
-    "@progress/kendo-react-intl": "14.5.0-develop.1",
-    "@progress/kendo-react-labels": "14.5.0-develop.1",
-    "@progress/kendo-react-popup": "14.5.0-develop.1",
-    "@progress/kendo-svg-icons": "^4.0.0",
+    "@progress/kendo-react-animation": "14.5.0-develop.10",
+    "@progress/kendo-react-buttons": "14.5.0-develop.10",
+    "@progress/kendo-react-common": "14.5.0-develop.10",
+    "@progress/kendo-react-dialogs": "14.5.0-develop.10",
+    "@progress/kendo-react-layout": "14.5.0-develop.10",
+    "@progress/kendo-react-intl": "14.5.0-develop.10",
+    "@progress/kendo-react-labels": "14.5.0-develop.10",
+    "@progress/kendo-react-popup": "14.5.0-develop.10",
+    "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1777909906,
+      "publishDate": 1778664032,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },
@@ -92,5 +92,10 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "peerDependenciesMeta": {
+    "@progress/kendo-svg-icons": {
+      "optional": true
+    }
   }
 }

package/rating/Rating.js

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),M=require("@progress/kendo-svg-icons"),Q=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),V=require("../messages/index.js"),U=require("@progress/kendo-react-intl");function Y(a){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const d in a)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(a,d);Object.defineProperty(p,d,e.get?e:{enumerable:!0,get:()=>a[d]})}}return p.default=a,Object.freeze(p)}const n=Y(J),z=(a,p,d)=>{const[e,D]=n.useState(a);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),D(i)}]},F=l.createPropsContext(),S=n.forwardRef((a,p)=>{const d=l.usePropsContext(F,a),e={dir:s.dir,min:s.min,max:s.max,step:s.step,item:s.item,defaultValue:s.defaultValue,readonly:s.readonly,disabled:s.disabled,selection:s.selection,precision:s.precision,...d},D=U.useLocalization(),I=n.useRef(null),h=n.useRef(null),i=l.useDir(h,e.dir);n.useImperativeHandle(I,()=>({element:h.current,props:e})),n.useImperativeHandle(p,()=>I.current);const H=n.useCallback((t,o)=>{e.onChange&&I.current&&e.onChange.call(void 0,{value:t,target:I.current,syntheticEvent:o})},[e.onChange]),N=n.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),R=n.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),v=n.useMemo(()=>e.precision||s.precision,[e.precision]),r=n.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),A=n.useMemo(()=>e.readonly||s.readonly,[e.readonly]),C=n.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=n.useMemo(()=>e.item||s.item,[e.item]),[G,f]=z(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:N,max:R,step:v==="half"?r/2:r},H),[w,E]=z(null,{state:e.value,min:N,max:R,step:v==="half"?r/2:r,precision:v}),g=n.useMemo(()=>e.value!==void 0?e.value:G,[e.value,G]),T=n.useMemo(()=>w,[w]),_=n.useMemo(()=>e.selection||s.selection,[e.selection]),k=n.useMemo(()=>r/(v==="half"?2:1),[r,v]),q=n.useCallback(t=>{if(!(!t.target||!t.target.element||A||C)){if(v==="half"){const o=t.target.element.getBoundingClientRect(),x=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,k):t.target.value;f({type:c.RATING_ACTION.select,payload:x,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:g,target:I.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,g]),B=n.useCallback(t=>{if(!(A||C)){switch(t.keyCode){case l.Keys.right:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.decrease:c.RATING_ACTION.increase,event:t});break;case l.Keys.left:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.increase:c.RATING_ACTION.decrease,event:t});break;case l.Keys.home:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.min:c.RATING_ACTION.max,event:t});break;case l.Keys.end:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.max:c.RATING_ACTION.min,event:t});break;case l.Keys.esc:t.preventDefault(),f({type:c.RATING_ACTION.deselect,event:t});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:g,target:I.current,syntheticEvent:t})}},[e.onKeyDown,f,g]),$=n.useCallback(t=>{if(e.onFocus){const o={target:I.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),W=n.useCallback(t=>{if(e.onBlur){const o={target:I.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),L=n.useCallback(t=>{if(!(!t.target||!t.target.element))if(v==="half"){const o=t.target.element.getBoundingClientRect(),x=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;E({type:c.RATING_ACTION.select,payload:x,event:t.syntheticEvent})}else E({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[v,r,i]),j=n.useCallback(t=>{E({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),P=[],X=u.getRemainder(u.toRound(R-N,k),r);for(let t=N;t<=R;t=u.toRound(t+r,k)){const o=u.toRound(t+X,k),y=v==="half"?u.isHalf(o,T!==null?T:g!==null?g:0,r):!1,x=u.isSelected(o,g,r,_),O=u.isSelected(o,T!==null?T:g,r,_),b=u.isSelected(o,T,r,_);P.push(n.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,k):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:x||O,hovered:b,onClick:q,onMouseMove:L,onMouseLeave:j},y&&n.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:"star-outline",icon:M.starOutlineIcon,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&n.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&n.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&n.createElement(l.IconWrap,{name:"star-outline",icon:M.starOutlineIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&n.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return n.createElement("span",{id:e.id,style:e.style,ref:h,role:"slider",dir:i,tabIndex:l.getTabIndex(e.tabIndex,e.disabled,void 0),className:l.classNames("k-rating",{"k-rtl":i==="rtl","k-readonly":A,"k-disabled":C},e.className),onKeyDown:B,onFocus:$,onBlur:W,"aria-valuemin":N,"aria-valuemax":R,"aria-valuenow":g!==null?g:void 0,"aria-disabled":C?"true":void 0,"aria-label":D.toLanguageString(V.ratingAriaLabel,V.messages[V.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},n.createElement("input",{id:"rating",className:"k-hidden",readOnly:A,disabled:C}),n.createElement("span",{className:"k-rating-container"},P),e.label&&n.createElement("span",{className:"k-rating-label"},e.label))}),Z={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(a,p,d)=>a.value&&a.min&&a.max&&a.step&&!(a.precision==="half"?u.isCorrectValue(a.min,a.max,a.step/2,a.value):u.isCorrectValue(a.min,a.max,a.step,a.value))&&a.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),M=require("@progress/kendo-svg-icons"),Q=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),V=require("../messages/index.js"),U=require("@progress/kendo-react-intl");function Y(a){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const d in a)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(a,d);Object.defineProperty(p,d,e.get?e:{enumerable:!0,get:()=>a[d]})}}return p.default=a,Object.freeze(p)}const n=Y(J),z=(a,p,d)=>{const[e,D]=n.useState(a);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),D(i)}]},F=l.createPropsContext(),S=n.forwardRef((a,p)=>{const d=l.usePropsContext(F,a),e={dir:s.dir,min:s.min,max:s.max,step:s.step,item:s.item,defaultValue:s.defaultValue,readonly:s.readonly,disabled:s.disabled,selection:s.selection,precision:s.precision,...d},D=U.useLocalization(),I=n.useRef(null),h=n.useRef(null),i=l.useDir(h,e.dir);n.useImperativeHandle(I,()=>({element:h.current,props:e})),n.useImperativeHandle(p,()=>I.current);const H=n.useCallback((t,o)=>{e.onChange&&I.current&&e.onChange.call(void 0,{value:t,target:I.current,syntheticEvent:o})},[e.onChange]),N=n.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),R=n.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),v=n.useMemo(()=>e.precision||s.precision,[e.precision]),r=n.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),A=n.useMemo(()=>e.readonly||s.readonly,[e.readonly]),C=n.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=n.useMemo(()=>e.item||s.item,[e.item]),[G,f]=z(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:N,max:R,step:v==="half"?r/2:r},H),[w,E]=z(null,{state:e.value,min:N,max:R,step:v==="half"?r/2:r,precision:v}),g=n.useMemo(()=>e.value!==void 0?e.value:G,[e.value,G]),T=n.useMemo(()=>w,[w]),_=n.useMemo(()=>e.selection||s.selection,[e.selection]),k=n.useMemo(()=>r/(v==="half"?2:1),[r,v]),q=n.useCallback(t=>{if(!(!t.target||!t.target.element||A||C)){if(v==="half"){const o=t.target.element.getBoundingClientRect(),x=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,k):t.target.value;f({type:c.RATING_ACTION.select,payload:x,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:g,target:I.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,g]),B=n.useCallback(t=>{if(!(A||C)){switch(t.keyCode){case l.Keys.right:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.decrease:c.RATING_ACTION.increase,event:t});break;case l.Keys.left:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.increase:c.RATING_ACTION.decrease,event:t});break;case l.Keys.home:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.min:c.RATING_ACTION.max,event:t});break;case l.Keys.end:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.max:c.RATING_ACTION.min,event:t});break;case l.Keys.esc:t.preventDefault(),f({type:c.RATING_ACTION.deselect,event:t});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:g,target:I.current,syntheticEvent:t})}},[e.onKeyDown,f,g]),$=n.useCallback(t=>{if(e.onFocus){const o={target:I.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),W=n.useCallback(t=>{if(e.onBlur){const o={target:I.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),L=n.useCallback(t=>{if(!(!t.target||!t.target.element))if(v==="half"){const o=t.target.element.getBoundingClientRect(),x=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;E({type:c.RATING_ACTION.select,payload:x,event:t.syntheticEvent})}else E({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[v,r,i]),j=n.useCallback(t=>{E({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),P=[],X=u.getRemainder(u.toRound(R-N,k),r);for(let t=N;t<=R;t=u.toRound(t+r,k)){const o=u.toRound(t+X,k),y=v==="half"?u.isHalf(o,T!==null?T:g!==null?g:0,r):!1,x=u.isSelected(o,g,r,_),O=u.isSelected(o,T!==null?T:g,r,_),b=u.isSelected(o,T,r,_);P.push(n.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,k):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:x||O,hovered:b,onClick:q,onMouseMove:L,onMouseLeave:j},y&&n.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&n.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&n.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&n.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return n.createElement("span",{id:e.id,style:e.style,ref:h,role:"slider",dir:i,tabIndex:l.getTabIndex(e.tabIndex,e.disabled,void 0),className:l.classNames("k-rating",{"k-rtl":i==="rtl","k-readonly":A,"k-disabled":C},e.className),onKeyDown:B,onFocus:$,onBlur:W,"aria-valuemin":N,"aria-valuemax":R,"aria-valuenow":g!==null?g:void 0,"aria-disabled":C?"true":void 0,"aria-label":D.toLanguageString(V.ratingAriaLabel,V.messages[V.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},n.createElement("input",{id:"rating",className:"k-hidden",readOnly:A,disabled:C}),n.createElement("span",{className:"k-rating-container"},P),e.label&&n.createElement("span",{className:"k-rating-label"},e.label))}),Z={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(a,p,d)=>a.value&&a.min&&a.max&&a.step&&!(a.precision==="half"?u.isCorrectValue(a.min,a.max,a.step/2,a.value):u.isCorrectValue(a.min,a.max,a.step,a.value))&&a.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
                     The value of the { value } property is not correct, please check your values.
                     `):null,defaultValue:m.number,min:m.number,max:m.number,step:(a,p,d)=>a.step!==void 0&&a.step<=0?new Error(`Invalid prop + ${p} supplied to ${d}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.