@progress/kendo-react-inputs 7.1.0-develop.5 → 7.1.0-develop.7

package/dist/cdn/js/kendo-react-inputs.js

@@ -18,4 +18,4 @@
                     The value of the { value } property is not correct, please check your values.
                     `):null,defaultValue:i.number,min:i.number,max:i.number,step:(a,t,e)=>a.step!==void 0&&a.step<=0?new Error(`Invalid prop + ${t} supplied to ${e}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
-                `):null,hovered:i.number,label:i.string,readonly:i.bool,disabled:i.bool,half:i.bool,icon:i.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:i.string},ke={dir:"ltr",min:1,max:5,step:1,item:Je,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};xt.displayName="KendoReactRating",xt.propTypes=Nn,xt.defaultProps=ke;function Mn(a,t){let e=a;for(;e&&e!==t;)e=e.parentNode;return!!e}const Vn=250,Dn=84,hs=3,gs=2,Bn="#000000",On="#ffffff",bs=a=>a!==void 0,vs=r.createPropsContext(),Qe=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(vs,a),n=se.useLocalization(),l=s.useRef(null),o=s.useRef(null),u=s.useRef(null),c=s.useRef(null),b=s.useRef(null),[d,v]=s.useState(),[f,g]=s.useState(!1),[E,O]=s.useState(!1),[z,D]=s.useState(),[M,w]=s.useState(),_=bs(e.value)?e.value:z,[A,N]=s.useState(!1),K=bs(e.open),$=K?e.open:A,H=!(e.maximized||E||!e.maximizable||e.disabled),I=e.maximized&&!E,W=!(!(e.value||z)||E||e.readOnly||e.disabled),X=n.toLanguageString(qt,q[qt]),P=n.toLanguageString(Wt,q[Wt]),h=n.toLanguageString(Gt,q[Gt]),C=e.popupScale||hs,m=e.exportScale||gs,x=S=>{D(S),e.onChange&&e.onChange({value:S})},y=S=>{d==null||d.loadImage(S.value),x(S.value)};s.useEffect(()=>{e.value!==z&&(D(e.value),d==null||d.loadImage(e.value))},[e.value]);const F=()=>{d==null||d.clear(),x()},Z=s.useCallback(S=>{K||N(S)},[K]),T=S=>{var Y,fe;Fe(S),(fe=((Y=b.current)==null?void 0:Y.element)||o.current)==null||fe.focus()},V=s.useCallback(()=>{let S=Bn;return!e.color&&typeof document!="undefined"&&l.current&&(S=getComputedStyle(l.current).color),e.color||S},[e.color]),k=s.useCallback(()=>{let S=On;return!e.backgroundColor&&typeof document!="undefined"&&l.current&&(S=getComputedStyle(l.current).backgroundColor),e.backgroundColor||S},[e.backgroundColor]),J=()=>({scale:e.maximized?e.popupScale:1,color:V(),backgroundColor:k(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),U=async S=>{const{width:Y,height:fe}=S;return await(d==null?void 0:d.exportImage({width:Y*m,height:fe*m}))};s.useEffect(()=>{const S=o.current,Y=new ys.SignaturePad(S,J());return _&&Y.loadImage(_),v(Y),()=>Y.destroy()},[]),s.useEffect(()=>{d==null||d.setOptions({onChange:async()=>x(await U(yt())),onDraw:()=>O(!0),onDrawEnd:()=>O(!1)})},[d]),s.useLayoutEffect(()=>d==null?void 0:d.setOptions(J()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),s.useEffect(()=>{var fe,xe;const S=(xe=(fe=u.current)==null?void 0:fe.element)==null?void 0:xe.querySelector(".k-overlay");if(!S)return;const Y=()=>Z(!1);return S.addEventListener("click",Y),()=>S.removeEventListener("click",Y)},[$]),s.useEffect(()=>{if(!$||typeof document=="undefined")return;const S=Y=>{Y.keyCode===r.Keys.esc&&Z(!1)};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[$]),s.useEffect(()=>{var S,Y;e.maximized&&((Y=(S=c.current)==null?void 0:S.element)==null||Y.focus())},[]);const ee=s.useCallback(()=>{var S;return(S=o.current)==null?void 0:S.focus()},[]),ce=s.useCallback(()=>e.value,[e.value]),Ce=s.useCallback(()=>e.name,[e.name]),ue=s.useCallback(()=>e.required,[e.required]),de=s.useCallback(()=>{const S=e.validationMessage!==void 0,fe=!ce(),xe=e.valid!==void 0?e.valid:!ue()||!fe;return{customError:S,valid:xe,valueMissing:fe}},[e.validationMessage,e.valid,ce,ue]),ge=s.useCallback(()=>e.validityStyles,[e.validityStyles]),$e=s.useCallback(()=>e,[e]),G=s.useCallback(()=>{const S={element:l.current,focus:ee};return Object.defineProperty(S,"name",{get:Ce}),Object.defineProperty(S,"value",{get:ce}),Object.defineProperty(S,"validity",{get:de}),Object.defineProperty(S,"validityStyles",{get:ge}),Object.defineProperty(S,"required",{get:ue}),Object.defineProperty(S,"props",{get:$e}),Object.defineProperty(S,"color",{get:V}),Object.defineProperty(S,"backgroundColor",{get:k}),S},[Ce,ce,de,ge,ue,ee,$e,V,k]);s.useImperativeHandle(t,G);const pe=s.useCallback(S=>{f||e.maximized||(g(!0),r.dispatchEvent(e.onFocus,S,G(),{}))},[f,e.onFocus,G]),be=s.useCallback(S=>{Mn(S.relatedTarget,l.current)||(g(!1),r.dispatchEvent(e.onBlur,S,G(),{}))},[f,e.onBlur,G]),Pe=s.useCallback(async S=>{w(await U(St())),Z(!0),r.dispatchEvent(e.onOpen,S,G(),{})},[$,K,e.onOpen,e.value,z,G]),Fe=s.useCallback(S=>{Z(!1),r.dispatchEvent(e.onClose,S,G(),{})},[$,K,e.onClose,G]),ra=()=>{F(),ee()},yt=()=>{var fe,xe;const S=e.width||((fe=l.current)==null?void 0:fe.offsetWidth)||Vn,Y=e.height||((xe=l.current)==null?void 0:xe.offsetHeight)||Dn;return{width:S,height:Y}},St=()=>{const{width:S,height:Y}=yt();return{width:S*C,height:Y*C}},la=!ge()||de().valid;return s.createElement("div",{ref:l,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!la,"k-required":e.required,"k-disabled":e.disabled,"k-focus":f},e.className),onFocus:pe,onBlur:be},s.createElement("div",{className:"k-signature-canvas",ref:o,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),s.createElement("div",{className:"k-signature-actions k-signature-actions-top"},H&&s.createElement(re.Button,{className:"k-signature-action k-signature-maximize",ref:b,icon:"hyperlink-open",svgIcon:j.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Pe,"aria-label":X,title:X}),I&&s.createElement(re.Button,{className:"k-signature-action k-signature-minimize k-rotate-180",ref:c,icon:"hyperlink-open",svgIcon:j.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Fe,"aria-label":P,title:P})),!e.hideLine&&s.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),s.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},W&&s.createElement(re.Button,{className:"k-signature-action k-signature-clear",icon:"x",svgIcon:j.xIcon,fillMode:"flat",size:e.size,onClick:ra,"aria-label":h,title:h})),$&&s.createElement(Ss.Dialog,{ref:u},s.createElement(Qe,{...e,...St(),value:M,maximized:!0,exportScale:1/C*m,open:!1,onChange:y,onClose:T})))});Qe.propTypes={value:i.string,width:i.number,height:i.number,tabIndex:i.number,dir:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,readOnly:i.bool,disabled:i.bool,validationMessage:i.string,required:i.bool,onChange:i.func,onFocus:i.func,onBlur:i.func,onOpen:i.func,onClose:i.func,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Qe.displayName="KendoSignature",Qe.defaultProps={strokeWidth:1,smooth:!1,popupScale:hs,exportScale:gs,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:a=>r.noop,onFocus:a=>r.noop,onBlur:a=>r.noop,onOpen:a=>r.noop,onClose:a=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};const Et=s.forwardRef((a,t)=>{r.validatePackage(le);const e=s.useRef(null),n=s.useRef(null),l=s.useRef(),o=s.useCallback(()=>{var W;return l.current!==void 0?l.current:(W=e.current)==null?void 0:W.value},[]);s.useImperativeHandle(n,()=>({get element(){return e.current},get name(){return e.current&&e.current.name},get value(){return o()}})),s.useImperativeHandle(t,()=>n.current);const{size:u,fillMode:c,rounded:b,className:d,dir:v,style:f,prefix:g=ia.prefix,suffix:E=ia.suffix,valid:O,modified:z,touched:D,visited:M,...w}=a,[L]=r.useCustomComponent(g),[_]=r.useCustomComponent(E),[A,N]=s.useState(!1),K=W=>{N(!0)},$=W=>{N(!1)},H=s.useCallback(W=>{l.current=W.target.value,a.onChange&&a.onChange.call(void 0,{syntheticEvent:W,nativeEvent:W.nativeEvent,value:W.target.value,target:n.current}),l.current=void 0},[a.onChange]),{onFocus:I,onBlur:B}=r.useAsyncFocusBlur({onFocus:K,onBlur:$,onSyncFocus:a.onFocus,onSyncBlur:a.onBlur});return s.createElement("span",{style:f,dir:v,className:r.classNames("k-textbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[u]||u}`]:u,[`k-input-${c}`]:c,[`k-rounded-${r.kendoThemeMaps.roundedMap[b]||b}`]:b},{"k-focus":A,"k-required":a.required,"k-disabled":a.disabled,"k-invalid":a.valid===!1},d),onFocus:I,onBlur:B},s.createElement(L,null),s.createElement("input",{ref:e,className:"k-input-inner",...w,onChange:H}),s.createElement(_,null))}),ia={prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};Et.propTypes={size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Et.displayName="KendoReactTextBoxComponent",Et.defaultProps=ia;const ms=s.forwardRef((a,t)=>{const e=s.useRef(null),n=s.useRef(null);return s.useImperativeHandle(e,()=>({element:n.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:r.classNames("k-clear-value",a.className)})});ms.displayName="KendoReactInputClearValue";const ps=s.forwardRef(({orientation:a="horizontal",...t},e)=>{const n=s.useRef(null),l=s.useRef(null);return s.useImperativeHandle(n,()=>({element:l.current})),s.useImperativeHandle(e,()=>n.current),s.createElement("span",{...t,className:r.classNames("k-input-prefix",t.className,`k-input-prefix-${a}`)})});ps.displayName="KendoReactInputPrefix";const ks=s.forwardRef(({orientation:a="vertical",...t},e)=>{const n=s.useRef(null),l=s.useRef(null);return s.useImperativeHandle(n,()=>({element:l.current})),s.useImperativeHandle(e,()=>n.current),s.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${a}`)})});ks.displayName="KendoReactInputSeparator";const Cs=s.forwardRef(({orientation:a="horizontal",...t},e)=>{const n=s.useRef(null),l=s.useRef(null);return s.useImperativeHandle(n,()=>({element:l.current})),s.useImperativeHandle(e,()=>n.current),s.createElement("span",{...t,className:r.classNames("k-input-suffix",t.className,`k-input-suffix-${a}`)})});Cs.displayName="KendoReactInputSuffix";const xs=s.forwardRef((a,t)=>s.createElement(r.IconWrap,{ref:t,...a,className:r.classNames("k-input-validation-icon",a.className)}));xs.displayName="KendoReactInputValidationIcon",p.Checkbox=vt,p.CheckboxPropsContext=ns,p.ColorGradient=lt,p.ColorGradientPropsContext=Ka,p.ColorGradientWithoutContext=je,p.ColorInput=st,p.ColorPalette=ot,p.ColorPalettePropsContext=Wa,p.ColorPaletteWithoutContext=Re,p.ColorPicker=ct,p.ColorPickerPropsContext=ja,p.FlatColorPicker=sa,p.Input=Tt,p.InputClearValue=ms,p.InputPrefix=ps,p.InputPropsContext=Oa,p.InputSeparator=ks,p.InputSuffix=Cs,p.InputValidationIcon=xs,p.InputWithoutContext=We,p.MaskedTextBox=es,p.MaskedTextBoxWithoutContext=Xe,p.NumericTextBox=Ie,p.NumericTextBoxPropsContext=Ma,p.PALETTEPRESETS=Ha,p.RANGE_ACTION=R,p.RATING_ACTION=ie,p.RadioButton=Ze,p.RadioButtonPropsContext=is,p.RadioGroup=mt,p.RadioGroupPropsContext=rs,p.RangeSlider=ht,p.RangeSliderPropsContext=as,p.Rating=xt,p.RatingItem=Je,p.RatingPropsContext=fs,p.SLIDER_LABEL_ATTRIBUTE=ea,p.Signature=Qe,p.SignaturePropsContext=vs,p.Slider=nt,p.SliderLabel=qs,p.SliderWithoutContext=Ue,p.Switch=ss,p.SwitchWithoutContext=Ye,p.TextArea=pt,p.TextAreaPropsContext=os,p.TextBox=Et,p.inputsMessages=q,p.isCorrectValue=na,p.isHalf=kt,p.isSelected=Ct,p.maskingChanged=Ta,p.numericDecreaseValue=Ae,p.numericIncreaseValue=_e,p.rangeReducer=ts,p.ratingReducer=us,p.sanitizeNumber=Zt,p.toRound=he,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+                `):null,hovered:i.number,label:i.string,readonly:i.bool,disabled:i.bool,half:i.bool,icon:i.string,svgIcon:r.svgIconPropType,svgIconOutline:r.svgIconPropType,ariaDescribedBy:i.string},ke={dir:"ltr",min:1,max:5,step:1,item:Je,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};xt.displayName="KendoReactRating",xt.propTypes=Nn,xt.defaultProps=ke;function Mn(a,t){let e=a;for(;e&&e!==t;)e=e.parentNode;return!!e}const Vn=250,Dn=84,hs=3,gs=2,Bn="#000000",On="#ffffff",bs=a=>a!==void 0,vs=r.createPropsContext(),Qe=s.forwardRef((a,t)=>{r.validatePackage(le);const e=r.usePropsContext(vs,a),n=se.useLocalization(),l=s.useRef(null),o=s.useRef(null),u=s.useRef(null),c=s.useRef(null),b=s.useRef(null),[d,v]=s.useState(),[f,g]=s.useState(!1),[E,O]=s.useState(!1),[z,D]=s.useState(),[M,w]=s.useState(),_=bs(e.value)?e.value:z,[A,N]=s.useState(!1),K=bs(e.open),$=K?e.open:A,H=!(e.maximized||E||!e.maximizable||e.disabled),I=e.maximized&&!E,W=!(!(e.value||z)||E||e.readOnly||e.disabled),X=n.toLanguageString(qt,q[qt]),P=n.toLanguageString(Wt,q[Wt]),h=n.toLanguageString(Gt,q[Gt]),C=e.popupScale||hs,m=e.exportScale||gs,x=S=>{D(S),e.onChange&&e.onChange({value:S})},y=S=>{d==null||d.loadImage(S.value),x(S.value)};s.useEffect(()=>{e.value!==z&&(D(e.value),d==null||d.loadImage(e.value))},[e.value]);const F=()=>{d==null||d.clear(),x()},Z=s.useCallback(S=>{K||N(S)},[K]),T=S=>{var Y,fe;Fe(S),(fe=((Y=b.current)==null?void 0:Y.element)||o.current)==null||fe.focus()},V=s.useCallback(()=>{let S=Bn;return!e.color&&typeof document!="undefined"&&l.current&&(S=getComputedStyle(l.current).color),e.color||S},[e.color]),k=s.useCallback(()=>{let S=On;return!e.backgroundColor&&typeof document!="undefined"&&l.current&&(S=getComputedStyle(l.current).backgroundColor),e.backgroundColor||S},[e.backgroundColor]),J=()=>({scale:e.maximized?e.popupScale:1,color:V(),backgroundColor:k(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),U=async S=>{const{width:Y,height:fe}=S;return await(d==null?void 0:d.exportImage({width:Y*m,height:fe*m}))};s.useEffect(()=>{const S=o.current,Y=new ys.SignaturePad(S,J());return _&&Y.loadImage(_),v(Y),()=>Y.destroy()},[]),s.useEffect(()=>{d==null||d.setOptions({onChange:async()=>x(await U(yt())),onDraw:()=>O(!0),onDrawEnd:()=>O(!1)})},[d]),s.useLayoutEffect(()=>d==null?void 0:d.setOptions(J()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),s.useEffect(()=>{var fe,xe;const S=(xe=(fe=u.current)==null?void 0:fe.element)==null?void 0:xe.querySelector(".k-overlay");if(!S)return;const Y=()=>Z(!1);return S.addEventListener("click",Y),()=>S.removeEventListener("click",Y)},[$]),s.useEffect(()=>{if(!$||typeof document=="undefined")return;const S=Y=>{Y.keyCode===r.Keys.esc&&Z(!1)};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[$]),s.useEffect(()=>{var S,Y;e.maximized&&((Y=(S=c.current)==null?void 0:S.element)==null||Y.focus())},[]);const ee=s.useCallback(()=>{var S;return(S=o.current)==null?void 0:S.focus()},[]),ce=s.useCallback(()=>e.value,[e.value]),Ce=s.useCallback(()=>e.name,[e.name]),ue=s.useCallback(()=>e.required,[e.required]),de=s.useCallback(()=>{const S=e.validationMessage!==void 0,fe=!ce(),xe=e.valid!==void 0?e.valid:!ue()||!fe;return{customError:S,valid:xe,valueMissing:fe}},[e.validationMessage,e.valid,ce,ue]),ge=s.useCallback(()=>e.validityStyles,[e.validityStyles]),$e=s.useCallback(()=>e,[e]),G=s.useCallback(()=>{const S={element:l.current,focus:ee};return Object.defineProperty(S,"name",{get:Ce}),Object.defineProperty(S,"value",{get:ce}),Object.defineProperty(S,"validity",{get:de}),Object.defineProperty(S,"validityStyles",{get:ge}),Object.defineProperty(S,"required",{get:ue}),Object.defineProperty(S,"props",{get:$e}),Object.defineProperty(S,"color",{get:V}),Object.defineProperty(S,"backgroundColor",{get:k}),S},[Ce,ce,de,ge,ue,ee,$e,V,k]);s.useImperativeHandle(t,G);const pe=s.useCallback(S=>{f||e.maximized||(g(!0),r.dispatchEvent(e.onFocus,S,G(),{}))},[f,e.onFocus,G]),be=s.useCallback(S=>{Mn(S.relatedTarget,l.current)||(g(!1),r.dispatchEvent(e.onBlur,S,G(),{}))},[f,e.onBlur,G]),Pe=s.useCallback(async S=>{w(await U(St())),Z(!0),r.dispatchEvent(e.onOpen,S,G(),{})},[$,K,e.onOpen,e.value,z,G]),Fe=s.useCallback(S=>{Z(!1),r.dispatchEvent(e.onClose,S,G(),{})},[$,K,e.onClose,G]),ra=()=>{F(),ee()},yt=()=>{var fe,xe;const S=e.width||((fe=l.current)==null?void 0:fe.offsetWidth)||Vn,Y=e.height||((xe=l.current)==null?void 0:xe.offsetHeight)||Dn;return{width:S,height:Y}},St=()=>{const{width:S,height:Y}=yt();return{width:S*C,height:Y*C}},la=!ge()||de().valid;return s.createElement("div",{ref:l,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!la,"k-required":e.required,"k-disabled":e.disabled,"k-focus":f},e.className),onFocus:pe,onBlur:be},s.createElement("div",{className:"k-signature-canvas",ref:o,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),s.createElement("div",{className:"k-signature-actions k-signature-actions-top"},H&&s.createElement(re.Button,{type:"button",className:"k-signature-action k-signature-maximize",ref:b,icon:"hyperlink-open",svgIcon:j.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Pe,"aria-label":X,title:X}),I&&s.createElement(re.Button,{type:"button",className:"k-signature-action k-signature-minimize k-rotate-180",ref:c,icon:"hyperlink-open",svgIcon:j.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Fe,"aria-label":P,title:P})),!e.hideLine&&s.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),s.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},W&&s.createElement(re.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:j.xIcon,fillMode:"flat",size:e.size,onClick:ra,"aria-label":h,title:h})),$&&s.createElement(Ss.Dialog,{ref:u},s.createElement(Qe,{...e,...St(),value:M,maximized:!0,exportScale:1/C*m,open:!1,onChange:y,onClose:T})))});Qe.propTypes={value:i.string,width:i.number,height:i.number,tabIndex:i.number,dir:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,readOnly:i.bool,disabled:i.bool,validationMessage:i.string,required:i.bool,onChange:i.func,onFocus:i.func,onBlur:i.func,onOpen:i.func,onClose:i.func,size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Qe.displayName="KendoSignature",Qe.defaultProps={strokeWidth:1,smooth:!1,popupScale:hs,exportScale:gs,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:a=>r.noop,onFocus:a=>r.noop,onBlur:a=>r.noop,onOpen:a=>r.noop,onClose:a=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};const Et=s.forwardRef((a,t)=>{r.validatePackage(le);const e=s.useRef(null),n=s.useRef(null),l=s.useRef(),o=s.useCallback(()=>{var W;return l.current!==void 0?l.current:(W=e.current)==null?void 0:W.value},[]);s.useImperativeHandle(n,()=>({get element(){return e.current},get name(){return e.current&&e.current.name},get value(){return o()}})),s.useImperativeHandle(t,()=>n.current);const{size:u,fillMode:c,rounded:b,className:d,dir:v,style:f,prefix:g=ia.prefix,suffix:E=ia.suffix,valid:O,modified:z,touched:D,visited:M,...w}=a,[L]=r.useCustomComponent(g),[_]=r.useCustomComponent(E),[A,N]=s.useState(!1),K=W=>{N(!0)},$=W=>{N(!1)},H=s.useCallback(W=>{l.current=W.target.value,a.onChange&&a.onChange.call(void 0,{syntheticEvent:W,nativeEvent:W.nativeEvent,value:W.target.value,target:n.current}),l.current=void 0},[a.onChange]),{onFocus:I,onBlur:B}=r.useAsyncFocusBlur({onFocus:K,onBlur:$,onSyncFocus:a.onFocus,onSyncBlur:a.onBlur});return s.createElement("span",{style:f,dir:v,className:r.classNames("k-textbox k-input",{[`k-input-${r.kendoThemeMaps.sizeMap[u]||u}`]:u,[`k-input-${c}`]:c,[`k-rounded-${r.kendoThemeMaps.roundedMap[b]||b}`]:b},{"k-focus":A,"k-required":a.required,"k-disabled":a.disabled,"k-invalid":a.valid===!1},d),onFocus:I,onBlur:B},s.createElement(L,null),s.createElement("input",{ref:e,className:"k-input-inner",...w,onChange:H}),s.createElement(_,null))}),ia={prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};Et.propTypes={size:i.oneOf([null,"small","medium","large"]),rounded:i.oneOf([null,"small","medium","large","full"]),fillMode:i.oneOf([null,"solid","flat","outline"])},Et.displayName="KendoReactTextBoxComponent",Et.defaultProps=ia;const ms=s.forwardRef((a,t)=>{const e=s.useRef(null),n=s.useRef(null);return s.useImperativeHandle(e,()=>({element:n.current})),s.useImperativeHandle(t,()=>e.current),s.createElement("span",{...a,className:r.classNames("k-clear-value",a.className)})});ms.displayName="KendoReactInputClearValue";const ps=s.forwardRef(({orientation:a="horizontal",...t},e)=>{const n=s.useRef(null),l=s.useRef(null);return s.useImperativeHandle(n,()=>({element:l.current})),s.useImperativeHandle(e,()=>n.current),s.createElement("span",{...t,className:r.classNames("k-input-prefix",t.className,`k-input-prefix-${a}`)})});ps.displayName="KendoReactInputPrefix";const ks=s.forwardRef(({orientation:a="vertical",...t},e)=>{const n=s.useRef(null),l=s.useRef(null);return s.useImperativeHandle(n,()=>({element:l.current})),s.useImperativeHandle(e,()=>n.current),s.createElement("span",{...t,className:r.classNames("k-input-separator",t.className,`k-input-separator-${a}`)})});ks.displayName="KendoReactInputSeparator";const Cs=s.forwardRef(({orientation:a="horizontal",...t},e)=>{const n=s.useRef(null),l=s.useRef(null);return s.useImperativeHandle(n,()=>({element:l.current})),s.useImperativeHandle(e,()=>n.current),s.createElement("span",{...t,className:r.classNames("k-input-suffix",t.className,`k-input-suffix-${a}`)})});Cs.displayName="KendoReactInputSuffix";const xs=s.forwardRef((a,t)=>s.createElement(r.IconWrap,{ref:t,...a,className:r.classNames("k-input-validation-icon",a.className)}));xs.displayName="KendoReactInputValidationIcon",p.Checkbox=vt,p.CheckboxPropsContext=ns,p.ColorGradient=lt,p.ColorGradientPropsContext=Ka,p.ColorGradientWithoutContext=je,p.ColorInput=st,p.ColorPalette=ot,p.ColorPalettePropsContext=Wa,p.ColorPaletteWithoutContext=Re,p.ColorPicker=ct,p.ColorPickerPropsContext=ja,p.FlatColorPicker=sa,p.Input=Tt,p.InputClearValue=ms,p.InputPrefix=ps,p.InputPropsContext=Oa,p.InputSeparator=ks,p.InputSuffix=Cs,p.InputValidationIcon=xs,p.InputWithoutContext=We,p.MaskedTextBox=es,p.MaskedTextBoxWithoutContext=Xe,p.NumericTextBox=Ie,p.NumericTextBoxPropsContext=Ma,p.PALETTEPRESETS=Ha,p.RANGE_ACTION=R,p.RATING_ACTION=ie,p.RadioButton=Ze,p.RadioButtonPropsContext=is,p.RadioGroup=mt,p.RadioGroupPropsContext=rs,p.RangeSlider=ht,p.RangeSliderPropsContext=as,p.Rating=xt,p.RatingItem=Je,p.RatingPropsContext=fs,p.SLIDER_LABEL_ATTRIBUTE=ea,p.Signature=Qe,p.SignaturePropsContext=vs,p.Slider=nt,p.SliderLabel=qs,p.SliderWithoutContext=Ue,p.Switch=ss,p.SwitchWithoutContext=Ye,p.TextArea=pt,p.TextAreaPropsContext=os,p.TextBox=Et,p.inputsMessages=q,p.isCorrectValue=na,p.isHalf=kt,p.isSelected=Ct,p.maskingChanged=Ta,p.numericDecreaseValue=Ae,p.numericIncreaseValue=_e,p.rangeReducer=ts,p.ratingReducer=us,p.sanitizeNumber=Zt,p.toRound=he,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

package/index.js

@@ -18,4 +18,4 @@
                     The value of the { value } property is not correct, please check your values.
                     `):null,defaultValue:r.number,min:r.number,max:r.number,step:(a,t,e)=>a.step!==void 0&&a.step<=0?new Error(`Invalid prop + ${t} supplied to ${e}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
-                `):null,hovered:r.number,label:r.string,readonly:r.bool,disabled:r.bool,half:r.bool,icon:r.string,svgIcon:o.svgIconPropType,svgIconOutline:o.svgIconPropType,ariaDescribedBy:r.string},ye={dir:"ltr",min:1,max:5,step:1,item:Xe,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};yt.displayName="KendoReactRating";yt.propTypes=Rs;yt.defaultProps=ye;function Ns(a,t){let e=a;for(;e&&e!==t;)e=e.parentNode;return!!e}const Ms=250,Vs=84,hn=3,pn=2,Bs="#000000",Ds="#ffffff",La=a=>a!==void 0,mn=o.createPropsContext(),Ye=n.forwardRef((a,t)=>{o.validatePackage(ue);const e=o.usePropsContext(mn,a),s=ne.useLocalization(),i=n.useRef(null),l=n.useRef(null),d=n.useRef(null),c=n.useRef(null),m=n.useRef(null),[u,g]=n.useState(),[f,p]=n.useState(!1),[y,V]=n.useState(!1),[D,N]=n.useState(),[L,S]=n.useState(),T=La(e.value)?e.value:D,[O,P]=n.useState(!1),F=La(e.open),_=F?e.open:O,z=!(e.maximized||y||!e.maximizable||e.disabled),I=e.maximized&&!y,K=!(!(e.value||D)||y||e.readOnly||e.disabled),q=s.toLanguageString(Yt,H[Yt]),Z=s.toLanguageString(Zt,H[Zt]),h=s.toLanguageString(Xt,H[Xt]),k=e.popupScale||hn,b=e.exportScale||pn,C=E=>{N(E),e.onChange&&e.onChange({value:E})},x=E=>{u==null||u.loadImage(E.value),C(E.value)};n.useEffect(()=>{e.value!==D&&(N(e.value),u==null||u.loadImage(e.value))},[e.value]);const B=()=>{u==null||u.clear(),C()},j=n.useCallback(E=>{F||P(E)},[F]),J=E=>{var W,le;Le(E),(le=((W=m.current)==null?void 0:W.element)||l.current)==null||le.focus()},R=n.useCallback(()=>{let E=Bs;return!e.color&&typeof document!="undefined"&&i.current&&(E=getComputedStyle(i.current).color),e.color||E},[e.color]),v=n.useCallback(()=>{let E=Ds;return!e.backgroundColor&&typeof document!="undefined"&&i.current&&(E=getComputedStyle(i.current).backgroundColor),e.backgroundColor||E},[e.backgroundColor]),X=()=>({scale:e.maximized?e.popupScale:1,color:R(),backgroundColor:v(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),$=async E=>{const{width:W,height:le}=E;return await(u==null?void 0:u.exportImage({width:W*b,height:le*b}))};n.useEffect(()=>{const E=l.current,W=new Sn.SignaturePad(E,X());return T&&W.loadImage(T),g(W),()=>W.destroy()},[]),n.useEffect(()=>{u==null||u.setOptions({onChange:async()=>C(await $(Ze())),onDraw:()=>V(!0),onDrawEnd:()=>V(!1)})},[u]),n.useLayoutEffect(()=>u==null?void 0:u.setOptions(X()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var le,ke;const E=(ke=(le=d.current)==null?void 0:le.element)==null?void 0:ke.querySelector(".k-overlay");if(!E)return;const W=()=>j(!1);return E.addEventListener("click",W),()=>E.removeEventListener("click",W)},[_]),n.useEffect(()=>{if(!_||typeof document=="undefined")return;const E=W=>{W.keyCode===o.Keys.esc&&j(!1)};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[_]),n.useEffect(()=>{var E,W;e.maximized&&((W=(E=c.current)==null?void 0:E.element)==null||W.focus())},[]);const Q=n.useCallback(()=>{var E;return(E=l.current)==null?void 0:E.focus()},[]),re=n.useCallback(()=>e.value,[e.value]),ve=n.useCallback(()=>e.name,[e.name]),oe=n.useCallback(()=>e.required,[e.required]),ie=n.useCallback(()=>{const E=e.validationMessage!==void 0,le=!re(),ke=e.valid!==void 0?e.valid:!oe()||!le;return{customError:E,valid:ke,valueMissing:le}},[e.validationMessage,e.valid,re,oe]),fe=n.useCallback(()=>e.validityStyles,[e.validityStyles]),De=n.useCallback(()=>e,[e]),A=n.useCallback(()=>{const E={element:i.current,focus:Q};return Object.defineProperty(E,"name",{get:ve}),Object.defineProperty(E,"value",{get:re}),Object.defineProperty(E,"validity",{get:ie}),Object.defineProperty(E,"validityStyles",{get:fe}),Object.defineProperty(E,"required",{get:oe}),Object.defineProperty(E,"props",{get:De}),Object.defineProperty(E,"color",{get:R}),Object.defineProperty(E,"backgroundColor",{get:v}),E},[ve,re,ie,fe,oe,Q,De,R,v]);n.useImperativeHandle(t,A);const be=n.useCallback(E=>{f||e.maximized||(p(!0),o.dispatchEvent(e.onFocus,E,A(),{}))},[f,e.onFocus,A]),he=n.useCallback(E=>{Ns(E.relatedTarget,i.current)||(p(!1),o.dispatchEvent(e.onBlur,E,A(),{}))},[f,e.onBlur,A]),Ae=n.useCallback(async E=>{S(await $(Je())),j(!0),o.dispatchEvent(e.onOpen,E,A(),{})},[_,F,e.onOpen,e.value,D,A]),Le=n.useCallback(E=>{j(!1),o.dispatchEvent(e.onClose,E,A(),{})},[_,F,e.onClose,A]),Et=()=>{B(),Q()},Ze=()=>{var le,ke;const E=e.width||((le=i.current)==null?void 0:le.offsetWidth)||Ms,W=e.height||((ke=i.current)==null?void 0:ke.offsetHeight)||Vs;return{width:E,height:W}},Je=()=>{const{width:E,height:W}=Ze();return{width:E*k,height:W*k}},It=!fe()||ie().valid;return n.createElement("div",{ref:i,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:o.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${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":!It,"k-required":e.required,"k-disabled":e.disabled,"k-focus":f},e.className),onFocus:be,onBlur:he},n.createElement("div",{className:"k-signature-canvas",ref:l,tabIndex:o.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},z&&n.createElement(de.Button,{className:"k-signature-action k-signature-maximize",ref:m,icon:"hyperlink-open",svgIcon:G.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Ae,"aria-label":q,title:q}),I&&n.createElement(de.Button,{className:"k-signature-action k-signature-minimize k-rotate-180",ref:c,icon:"hyperlink-open",svgIcon:G.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Le,"aria-label":Z,title:Z})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},K&&n.createElement(de.Button,{className:"k-signature-action k-signature-clear",icon:"x",svgIcon:G.xIcon,fillMode:"flat",size:e.size,onClick:Et,"aria-label":h,title:h})),_&&n.createElement(wn.Dialog,{ref:d},n.createElement(Ye,{...e,...Je(),value:L,maximized:!0,exportScale:1/k*b,open:!1,onChange:x,onClose:J})))});Ye.propTypes={value:r.string,width:r.number,height:r.number,tabIndex:r.number,dir:r.string,ariaDescribedBy:r.string,ariaLabelledBy:r.string,ariaLabel:r.string,readOnly:r.bool,disabled:r.bool,validationMessage:r.string,required:r.bool,onChange:r.func,onFocus:r.func,onBlur:r.func,onOpen:r.func,onClose:r.func,size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large"]),fillMode:r.oneOf([null,"solid","flat","outline"])};Ye.displayName="KendoSignature";Ye.defaultProps={strokeWidth:1,smooth:!1,popupScale:hn,exportScale:pn,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:a=>o.noop,onFocus:a=>o.noop,onBlur:a=>o.noop,onOpen:a=>o.noop,onClose:a=>o.noop,size:"medium",rounded:"medium",fillMode:"solid"};const xt=n.forwardRef((a,t)=>{o.validatePackage(ue);const e=n.useRef(null),s=n.useRef(null),i=n.useRef(),l=n.useCallback(()=>{var K;return i.current!==void 0?i.current:(K=e.current)==null?void 0:K.value},[]);n.useImperativeHandle(s,()=>({get element(){return e.current},get name(){return e.current&&e.current.name},get value(){return l()}})),n.useImperativeHandle(t,()=>s.current);const{size:d,fillMode:c,rounded:m,className:u,dir:g,style:f,prefix:p=na.prefix,suffix:y=na.suffix,valid:V,modified:D,touched:N,visited:L,...S}=a,[w]=o.useCustomComponent(p),[T]=o.useCustomComponent(y),[O,P]=n.useState(!1),F=K=>{P(!0)},_=K=>{P(!1)},z=n.useCallback(K=>{i.current=K.target.value,a.onChange&&a.onChange.call(void 0,{syntheticEvent:K,nativeEvent:K.nativeEvent,value:K.target.value,target:s.current}),i.current=void 0},[a.onChange]),{onFocus:I,onBlur:M}=o.useAsyncFocusBlur({onFocus:F,onBlur:_,onSyncFocus:a.onFocus,onSyncBlur:a.onBlur});return n.createElement("span",{style:f,dir:g,className:o.classNames("k-textbox k-input",{[`k-input-${o.kendoThemeMaps.sizeMap[d]||d}`]:d,[`k-input-${c}`]:c,[`k-rounded-${o.kendoThemeMaps.roundedMap[m]||m}`]:m},{"k-focus":O,"k-required":a.required,"k-disabled":a.disabled,"k-invalid":a.valid===!1},u),onFocus:I,onBlur:M},n.createElement(w,null),n.createElement("input",{ref:e,className:"k-input-inner",...S,onChange:z}),n.createElement(T,null))}),na={prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};xt.propTypes={size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large","full"]),fillMode:r.oneOf([null,"solid","flat","outline"])};xt.displayName="KendoReactTextBoxComponent";xt.defaultProps=na;const gn=n.forwardRef((a,t)=>{const e=n.useRef(null),s=n.useRef(null);return n.useImperativeHandle(e,()=>({element:s.current})),n.useImperativeHandle(t,()=>e.current),n.createElement("span",{...a,className:o.classNames("k-clear-value",a.className)})});gn.displayName="KendoReactInputClearValue";const bn=n.forwardRef(({orientation:a="horizontal",...t},e)=>{const s=n.useRef(null),i=n.useRef(null);return n.useImperativeHandle(s,()=>({element:i.current})),n.useImperativeHandle(e,()=>s.current),n.createElement("span",{...t,className:o.classNames("k-input-prefix",t.className,`k-input-prefix-${a}`)})});bn.displayName="KendoReactInputPrefix";const vn=n.forwardRef(({orientation:a="vertical",...t},e)=>{const s=n.useRef(null),i=n.useRef(null);return n.useImperativeHandle(s,()=>({element:i.current})),n.useImperativeHandle(e,()=>s.current),n.createElement("span",{...t,className:o.classNames("k-input-separator",t.className,`k-input-separator-${a}`)})});vn.displayName="KendoReactInputSeparator";const kn=n.forwardRef(({orientation:a="horizontal",...t},e)=>{const s=n.useRef(null),i=n.useRef(null);return n.useImperativeHandle(s,()=>({element:i.current})),n.useImperativeHandle(e,()=>s.current),n.createElement("span",{...t,className:o.classNames("k-input-suffix",t.className,`k-input-suffix-${a}`)})});kn.displayName="KendoReactInputSuffix";const Cn=n.forwardRef((a,t)=>n.createElement(o.IconWrap,{ref:t,...a,className:o.classNames("k-input-validation-icon",a.className)}));Cn.displayName="KendoReactInputValidationIcon";exports.Checkbox=vt;exports.CheckboxPropsContext=rn;exports.ColorGradient=pt;exports.ColorGradientPropsContext=Wa;exports.ColorGradientWithoutContext=Ge;exports.ColorInput=ht;exports.ColorPalette=mt;exports.ColorPalettePropsContext=Ya;exports.ColorPaletteWithoutContext=qe;exports.ColorPicker=gt;exports.ColorPickerPropsContext=Ja;exports.FlatColorPicker=ia;exports.Input=ra;exports.InputClearValue=gn;exports.InputPrefix=bn;exports.InputPropsContext=Ga;exports.InputSeparator=vn;exports.InputSuffix=kn;exports.InputValidationIcon=Cn;exports.InputWithoutContext=Ke;exports.MaskedTextBox=tn;exports.MaskedTextBoxWithoutContext=We;exports.NumericTextBox=we;exports.NumericTextBoxPropsContext=Ka;exports.PALETTEPRESETS=Ua;exports.RANGE_ACTION=U;exports.RATING_ACTION=se;exports.RadioButton=je;exports.RadioButtonPropsContext=on;exports.RadioGroup=kt;exports.RadioGroupPropsContext=ln;exports.RangeSlider=bt;exports.RangeSliderPropsContext=nn;exports.Rating=yt;exports.RatingItem=Xe;exports.RatingPropsContext=fn;exports.SLIDER_LABEL_ATTRIBUTE=oa;exports.Signature=Ye;exports.SignaturePropsContext=mn;exports.Slider=ut;exports.SliderLabel=Gn;exports.SliderWithoutContext=$e;exports.Switch=sn;exports.SwitchWithoutContext=Ue;exports.TextArea=Ct;exports.TextAreaPropsContext=dn;exports.TextBox=xt;exports.inputsMessages=H;exports.isCorrectValue=aa;exports.isHalf=ft;exports.isSelected=ct;exports.maskingChanged=en;exports.numericDecreaseValue=Oe;exports.numericIncreaseValue=Te;exports.rangeReducer=an;exports.ratingReducer=un;exports.sanitizeNumber=Qt;exports.toRound=pe;
+                `):null,hovered:r.number,label:r.string,readonly:r.bool,disabled:r.bool,half:r.bool,icon:r.string,svgIcon:o.svgIconPropType,svgIconOutline:o.svgIconPropType,ariaDescribedBy:r.string},ye={dir:"ltr",min:1,max:5,step:1,item:Xe,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};yt.displayName="KendoReactRating";yt.propTypes=Rs;yt.defaultProps=ye;function Ns(a,t){let e=a;for(;e&&e!==t;)e=e.parentNode;return!!e}const Ms=250,Vs=84,hn=3,pn=2,Bs="#000000",Ds="#ffffff",La=a=>a!==void 0,mn=o.createPropsContext(),Ye=n.forwardRef((a,t)=>{o.validatePackage(ue);const e=o.usePropsContext(mn,a),s=ne.useLocalization(),i=n.useRef(null),l=n.useRef(null),d=n.useRef(null),c=n.useRef(null),m=n.useRef(null),[u,g]=n.useState(),[f,p]=n.useState(!1),[y,V]=n.useState(!1),[D,N]=n.useState(),[L,S]=n.useState(),T=La(e.value)?e.value:D,[O,P]=n.useState(!1),F=La(e.open),_=F?e.open:O,z=!(e.maximized||y||!e.maximizable||e.disabled),I=e.maximized&&!y,K=!(!(e.value||D)||y||e.readOnly||e.disabled),q=s.toLanguageString(Yt,H[Yt]),Z=s.toLanguageString(Zt,H[Zt]),h=s.toLanguageString(Xt,H[Xt]),k=e.popupScale||hn,b=e.exportScale||pn,C=E=>{N(E),e.onChange&&e.onChange({value:E})},x=E=>{u==null||u.loadImage(E.value),C(E.value)};n.useEffect(()=>{e.value!==D&&(N(e.value),u==null||u.loadImage(e.value))},[e.value]);const B=()=>{u==null||u.clear(),C()},j=n.useCallback(E=>{F||P(E)},[F]),J=E=>{var W,le;Le(E),(le=((W=m.current)==null?void 0:W.element)||l.current)==null||le.focus()},R=n.useCallback(()=>{let E=Bs;return!e.color&&typeof document!="undefined"&&i.current&&(E=getComputedStyle(i.current).color),e.color||E},[e.color]),v=n.useCallback(()=>{let E=Ds;return!e.backgroundColor&&typeof document!="undefined"&&i.current&&(E=getComputedStyle(i.current).backgroundColor),e.backgroundColor||E},[e.backgroundColor]),X=()=>({scale:e.maximized?e.popupScale:1,color:R(),backgroundColor:v(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),$=async E=>{const{width:W,height:le}=E;return await(u==null?void 0:u.exportImage({width:W*b,height:le*b}))};n.useEffect(()=>{const E=l.current,W=new Sn.SignaturePad(E,X());return T&&W.loadImage(T),g(W),()=>W.destroy()},[]),n.useEffect(()=>{u==null||u.setOptions({onChange:async()=>C(await $(Ze())),onDraw:()=>V(!0),onDrawEnd:()=>V(!1)})},[u]),n.useLayoutEffect(()=>u==null?void 0:u.setOptions(X()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var le,ke;const E=(ke=(le=d.current)==null?void 0:le.element)==null?void 0:ke.querySelector(".k-overlay");if(!E)return;const W=()=>j(!1);return E.addEventListener("click",W),()=>E.removeEventListener("click",W)},[_]),n.useEffect(()=>{if(!_||typeof document=="undefined")return;const E=W=>{W.keyCode===o.Keys.esc&&j(!1)};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[_]),n.useEffect(()=>{var E,W;e.maximized&&((W=(E=c.current)==null?void 0:E.element)==null||W.focus())},[]);const Q=n.useCallback(()=>{var E;return(E=l.current)==null?void 0:E.focus()},[]),re=n.useCallback(()=>e.value,[e.value]),ve=n.useCallback(()=>e.name,[e.name]),oe=n.useCallback(()=>e.required,[e.required]),ie=n.useCallback(()=>{const E=e.validationMessage!==void 0,le=!re(),ke=e.valid!==void 0?e.valid:!oe()||!le;return{customError:E,valid:ke,valueMissing:le}},[e.validationMessage,e.valid,re,oe]),fe=n.useCallback(()=>e.validityStyles,[e.validityStyles]),De=n.useCallback(()=>e,[e]),A=n.useCallback(()=>{const E={element:i.current,focus:Q};return Object.defineProperty(E,"name",{get:ve}),Object.defineProperty(E,"value",{get:re}),Object.defineProperty(E,"validity",{get:ie}),Object.defineProperty(E,"validityStyles",{get:fe}),Object.defineProperty(E,"required",{get:oe}),Object.defineProperty(E,"props",{get:De}),Object.defineProperty(E,"color",{get:R}),Object.defineProperty(E,"backgroundColor",{get:v}),E},[ve,re,ie,fe,oe,Q,De,R,v]);n.useImperativeHandle(t,A);const be=n.useCallback(E=>{f||e.maximized||(p(!0),o.dispatchEvent(e.onFocus,E,A(),{}))},[f,e.onFocus,A]),he=n.useCallback(E=>{Ns(E.relatedTarget,i.current)||(p(!1),o.dispatchEvent(e.onBlur,E,A(),{}))},[f,e.onBlur,A]),Ae=n.useCallback(async E=>{S(await $(Je())),j(!0),o.dispatchEvent(e.onOpen,E,A(),{})},[_,F,e.onOpen,e.value,D,A]),Le=n.useCallback(E=>{j(!1),o.dispatchEvent(e.onClose,E,A(),{})},[_,F,e.onClose,A]),Et=()=>{B(),Q()},Ze=()=>{var le,ke;const E=e.width||((le=i.current)==null?void 0:le.offsetWidth)||Ms,W=e.height||((ke=i.current)==null?void 0:ke.offsetHeight)||Vs;return{width:E,height:W}},Je=()=>{const{width:E,height:W}=Ze();return{width:E*k,height:W*k}},It=!fe()||ie().valid;return n.createElement("div",{ref:i,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:o.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${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":!It,"k-required":e.required,"k-disabled":e.disabled,"k-focus":f},e.className),onFocus:be,onBlur:he},n.createElement("div",{className:"k-signature-canvas",ref:l,tabIndex:o.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},z&&n.createElement(de.Button,{type:"button",className:"k-signature-action k-signature-maximize",ref:m,icon:"hyperlink-open",svgIcon:G.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Ae,"aria-label":q,title:q}),I&&n.createElement(de.Button,{type:"button",className:"k-signature-action k-signature-minimize k-rotate-180",ref:c,icon:"hyperlink-open",svgIcon:G.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Le,"aria-label":Z,title:Z})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},K&&n.createElement(de.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:G.xIcon,fillMode:"flat",size:e.size,onClick:Et,"aria-label":h,title:h})),_&&n.createElement(wn.Dialog,{ref:d},n.createElement(Ye,{...e,...Je(),value:L,maximized:!0,exportScale:1/k*b,open:!1,onChange:x,onClose:J})))});Ye.propTypes={value:r.string,width:r.number,height:r.number,tabIndex:r.number,dir:r.string,ariaDescribedBy:r.string,ariaLabelledBy:r.string,ariaLabel:r.string,readOnly:r.bool,disabled:r.bool,validationMessage:r.string,required:r.bool,onChange:r.func,onFocus:r.func,onBlur:r.func,onOpen:r.func,onClose:r.func,size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large"]),fillMode:r.oneOf([null,"solid","flat","outline"])};Ye.displayName="KendoSignature";Ye.defaultProps={strokeWidth:1,smooth:!1,popupScale:hn,exportScale:pn,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:a=>o.noop,onFocus:a=>o.noop,onBlur:a=>o.noop,onOpen:a=>o.noop,onClose:a=>o.noop,size:"medium",rounded:"medium",fillMode:"solid"};const xt=n.forwardRef((a,t)=>{o.validatePackage(ue);const e=n.useRef(null),s=n.useRef(null),i=n.useRef(),l=n.useCallback(()=>{var K;return i.current!==void 0?i.current:(K=e.current)==null?void 0:K.value},[]);n.useImperativeHandle(s,()=>({get element(){return e.current},get name(){return e.current&&e.current.name},get value(){return l()}})),n.useImperativeHandle(t,()=>s.current);const{size:d,fillMode:c,rounded:m,className:u,dir:g,style:f,prefix:p=na.prefix,suffix:y=na.suffix,valid:V,modified:D,touched:N,visited:L,...S}=a,[w]=o.useCustomComponent(p),[T]=o.useCustomComponent(y),[O,P]=n.useState(!1),F=K=>{P(!0)},_=K=>{P(!1)},z=n.useCallback(K=>{i.current=K.target.value,a.onChange&&a.onChange.call(void 0,{syntheticEvent:K,nativeEvent:K.nativeEvent,value:K.target.value,target:s.current}),i.current=void 0},[a.onChange]),{onFocus:I,onBlur:M}=o.useAsyncFocusBlur({onFocus:F,onBlur:_,onSyncFocus:a.onFocus,onSyncBlur:a.onBlur});return n.createElement("span",{style:f,dir:g,className:o.classNames("k-textbox k-input",{[`k-input-${o.kendoThemeMaps.sizeMap[d]||d}`]:d,[`k-input-${c}`]:c,[`k-rounded-${o.kendoThemeMaps.roundedMap[m]||m}`]:m},{"k-focus":O,"k-required":a.required,"k-disabled":a.disabled,"k-invalid":a.valid===!1},u),onFocus:I,onBlur:M},n.createElement(w,null),n.createElement("input",{ref:e,className:"k-input-inner",...S,onChange:z}),n.createElement(T,null))}),na={prefix:a=>null,suffix:a=>null,size:"medium",rounded:"medium",fillMode:"solid"};xt.propTypes={size:r.oneOf([null,"small","medium","large"]),rounded:r.oneOf([null,"small","medium","large","full"]),fillMode:r.oneOf([null,"solid","flat","outline"])};xt.displayName="KendoReactTextBoxComponent";xt.defaultProps=na;const gn=n.forwardRef((a,t)=>{const e=n.useRef(null),s=n.useRef(null);return n.useImperativeHandle(e,()=>({element:s.current})),n.useImperativeHandle(t,()=>e.current),n.createElement("span",{...a,className:o.classNames("k-clear-value",a.className)})});gn.displayName="KendoReactInputClearValue";const bn=n.forwardRef(({orientation:a="horizontal",...t},e)=>{const s=n.useRef(null),i=n.useRef(null);return n.useImperativeHandle(s,()=>({element:i.current})),n.useImperativeHandle(e,()=>s.current),n.createElement("span",{...t,className:o.classNames("k-input-prefix",t.className,`k-input-prefix-${a}`)})});bn.displayName="KendoReactInputPrefix";const vn=n.forwardRef(({orientation:a="vertical",...t},e)=>{const s=n.useRef(null),i=n.useRef(null);return n.useImperativeHandle(s,()=>({element:i.current})),n.useImperativeHandle(e,()=>s.current),n.createElement("span",{...t,className:o.classNames("k-input-separator",t.className,`k-input-separator-${a}`)})});vn.displayName="KendoReactInputSeparator";const kn=n.forwardRef(({orientation:a="horizontal",...t},e)=>{const s=n.useRef(null),i=n.useRef(null);return n.useImperativeHandle(s,()=>({element:i.current})),n.useImperativeHandle(e,()=>s.current),n.createElement("span",{...t,className:o.classNames("k-input-suffix",t.className,`k-input-suffix-${a}`)})});kn.displayName="KendoReactInputSuffix";const Cn=n.forwardRef((a,t)=>n.createElement(o.IconWrap,{ref:t,...a,className:o.classNames("k-input-validation-icon",a.className)}));Cn.displayName="KendoReactInputValidationIcon";exports.Checkbox=vt;exports.CheckboxPropsContext=rn;exports.ColorGradient=pt;exports.ColorGradientPropsContext=Wa;exports.ColorGradientWithoutContext=Ge;exports.ColorInput=ht;exports.ColorPalette=mt;exports.ColorPalettePropsContext=Ya;exports.ColorPaletteWithoutContext=qe;exports.ColorPicker=gt;exports.ColorPickerPropsContext=Ja;exports.FlatColorPicker=ia;exports.Input=ra;exports.InputClearValue=gn;exports.InputPrefix=bn;exports.InputPropsContext=Ga;exports.InputSeparator=vn;exports.InputSuffix=kn;exports.InputValidationIcon=Cn;exports.InputWithoutContext=Ke;exports.MaskedTextBox=tn;exports.MaskedTextBoxWithoutContext=We;exports.NumericTextBox=we;exports.NumericTextBoxPropsContext=Ka;exports.PALETTEPRESETS=Ua;exports.RANGE_ACTION=U;exports.RATING_ACTION=se;exports.RadioButton=je;exports.RadioButtonPropsContext=on;exports.RadioGroup=kt;exports.RadioGroupPropsContext=ln;exports.RangeSlider=bt;exports.RangeSliderPropsContext=nn;exports.Rating=yt;exports.RatingItem=Xe;exports.RatingPropsContext=fn;exports.SLIDER_LABEL_ATTRIBUTE=oa;exports.Signature=Ye;exports.SignaturePropsContext=mn;exports.Slider=ut;exports.SliderLabel=Gn;exports.SliderWithoutContext=$e;exports.Switch=sn;exports.SwitchWithoutContext=Ue;exports.TextArea=Ct;exports.TextAreaPropsContext=dn;exports.TextBox=xt;exports.inputsMessages=H;exports.isCorrectValue=aa;exports.isHalf=ft;exports.isSelected=ct;exports.maskingChanged=en;exports.numericDecreaseValue=Oe;exports.numericIncreaseValue=Te;exports.rangeReducer=an;exports.ratingReducer=un;exports.sanitizeNumber=Qt;exports.toRound=pe;

package/index.mjs

@@ -18,7 +18,7 @@ const me = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705499378,
+  publishDate: 1705647983,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 }, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Te = "slider.dragTitle", Fe = "colorGradient.r", nn = "colorGradient.g", sn = "colorGradient.b", rn = "colorGradient.a", ln = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", on = "flatColorPicker.cancelBtn", cn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", dn = "checkbox.validation", un = "checkbox.optionalText", Kn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", $ = {
@@ -4720,6 +4720,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     /* @__PURE__ */ n.createElement("div", { className: "k-signature-actions k-signature-actions-top" }, T && /* @__PURE__ */ n.createElement(
       ge,
       {
+        type: "button",
         className: "k-signature-action k-signature-maximize",
         ref: p,
         icon: "hyperlink-open",
@@ -4733,6 +4734,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     ), E && /* @__PURE__ */ n.createElement(
       ge,
       {
+        type: "button",
         className: "k-signature-action k-signature-minimize k-rotate-180",
         ref: o,
         icon: "hyperlink-open",
@@ -4754,6 +4756,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     /* @__PURE__ */ n.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, H && /* @__PURE__ */ n.createElement(
       ge,
       {
+        type: "button",
         className: "k-signature-action k-signature-clear",
         icon: "x",
         svgIcon: At,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "7.1.0-develop.5",
+  "version": "7.1.0-develop.7",
   "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",
@@ -25,14 +25,14 @@
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "7.1.0-develop.5",
-    "@progress/kendo-react-buttons": "7.1.0-develop.5",
-    "@progress/kendo-react-common": "7.1.0-develop.5",
-    "@progress/kendo-react-dialogs": "7.1.0-develop.5",
-    "@progress/kendo-react-form": "7.1.0-develop.5",
-    "@progress/kendo-react-intl": "7.1.0-develop.5",
-    "@progress/kendo-react-labels": "7.1.0-develop.5",
-    "@progress/kendo-react-popup": "7.1.0-develop.5",
+    "@progress/kendo-react-animation": "7.1.0-develop.7",
+    "@progress/kendo-react-buttons": "7.1.0-develop.7",
+    "@progress/kendo-react-common": "7.1.0-develop.7",
+    "@progress/kendo-react-dialogs": "7.1.0-develop.7",
+    "@progress/kendo-react-form": "7.1.0-develop.7",
+    "@progress/kendo-react-intl": "7.1.0-develop.7",
+    "@progress/kendo-react-labels": "7.1.0-develop.7",
+    "@progress/kendo-react-popup": "7.1.0-develop.7",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"