@progress/kendo-react-inputs 14.5.0-develop.14 → 14.5.0-develop.15

package/radiobutton/interfaces/RadioButtonProps.d.ts

@@ -25,6 +25,13 @@ export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInp
      * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
+    /**
+     * Sets the `aria-label` attribute on the RadioButton input element.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    ariaLabel?: string;
     /**
      * The content of the RadioButton component.
      */

package/range-slider/RangeSlider.d.ts

@@ -110,6 +110,14 @@ export interface RangeSliderProps extends FormComponentProps {
      * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
+    /**
+     * Sets the `aria-label` attribute on the RangeSlider wrapper and its drag handles.
+     * The start handle gets `"{ariaLabel} start"` and the end handle gets `"{ariaLabel} end"`.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    ariaLabel?: string;
     /**
      * Enables Web MCP tool registration for this component.
      * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.

package/range-slider/RangeSlider.js

@@ -5,16 +5,16 @@
  * 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"),I=require("prop-types"),s=require("@progress/kendo-react-common"),h=require("../messages/index.js"),Q=require("@progress/kendo-react-intl"),r=require("./range-raducer.js"),G=require("../package-metadata.js");function Z(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const i=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(l,d,i.get?i:{enumerable:!0,get:()=>n[d]})}}return l.default=n,Object.freeze(l)}const a=Z(J),ee=(n,l,d)=>{const[i,o]=a.useState(n),e=a.useCallback(g=>{const A=r.rangeReducer(l.state||i,{...g,...l});d&&d(A,g.event),o(A)},[l,d]);return[i,e]},K=s.createPropsContext(),O=a.forwardRef((n,l)=>{const d=!s.validatePackage(G.packageMetadata,{component:"RangeSlider"}),i=s.getLicenseMessage(G.packageMetadata),o=s.usePropsContext(K,n),e={step:b.step,largeStep:b.largeStep,defaultValue:b.defaultValue,vertical:b.vertical,disabled:b.disabled,...o},g=a.useRef(null),A=a.useRef(null),$=a.useRef(null),T=a.useRef(null),D=a.useRef(null),M=a.useCallback(()=>{T.current&&T.current.focus()},[T]);a.useImperativeHandle(g,()=>({element:A.current,focus:M,props:e})),a.useImperativeHandle(l,()=>g.current),s.useWebMcpRegister("rangeslider",g,e,e.webMcp);const f=a.useMemo(()=>e.min,[e.min]),y=a.useMemo(()=>e.max,[e.max]),L=a.useMemo(()=>e.step!==void 0?e.step:b.step,[e.step,b.step]),P=a.useMemo(()=>e.largeStep!==void 0?e.largeStep:b.largeStep,[e.largeStep,b.largeStep]),p=s.useDir(A,e.dir),z=(t,m)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:t,target:g.current,syntheticEvent:m})},[_,S]=a.useState(""),[N,c]=ee(e.defaultValue||b.defaultValue,{min:f,max:y,step:L,largeStep:P,state:e.value},z),u=a.useMemo(()=>e.value||N,[e.value,N]),V=a.useRef(null),C=a.useRef(null),v=a.useMemo(()=>(u.start-f)/(y-f)*100,[u.start,f,y]),R=a.useMemo(()=>(u.end-f)/(y-f)*100,[u.end,f,y]),q=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),j=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),w=Q.useLocalization(),E=a.useCallback(t=>{if(!C.current)return;const m=C.current.getBoundingClientRect(),k=e.vertical?m.bottom-t.clientY:p==="rtl"?m.right-t.clientX:t.clientX-m.left,x=e.vertical?m.height:m.width,Y=k/x;return f+Y*(y-f)},[C,e.vertical,p,f,y,N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),H=a.useCallback(t=>t<=u.start?"start":t>=u.end?"end":2*t<u.end+u.start?"start":"end",[N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),W=a.useCallback(t=>{if(!e.disabled)switch(t.keyCode){case s.Keys.right:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"start",event:t});break;case s.Keys.up:t.preventDefault(),c({type:r.RANGE_ACTION.increase,key:"start",event:t});break;case s.Keys.left:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"start",event:t});break;case s.Keys.down:t.preventDefault(),c({type:r.RANGE_ACTION.decrease,key:"start",event:t});break;case s.Keys.home:t.preventDefault(),c({type:r.RANGE_ACTION.min,key:"start",event:t});break;case s.Keys.end:t.preventDefault(),c({type:r.RANGE_ACTION.max,key:"start",event:t});break;case s.Keys.pageDown:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"start",event:t});break;case s.Keys.pageUp:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"start",event:t});break}},[c,e.disabled]),B=a.useCallback(t=>{if(!e.disabled)switch(t.keyCode){case s.Keys.right:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"end",event:t});break;case s.Keys.up:t.preventDefault(),c({type:r.RANGE_ACTION.increase,key:"end",event:t});break;case s.Keys.left:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"end",event:t});break;case s.Keys.down:t.preventDefault(),c({type:r.RANGE_ACTION.decrease,key:"end",event:t});break;case s.Keys.home:t.preventDefault(),c({type:r.RANGE_ACTION.min,key:"end",event:t});break;case s.Keys.end:t.preventDefault(),c({type:r.RANGE_ACTION.max,key:"end",event:t});break;case s.Keys.pageDown:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"end",event:t});break;case s.Keys.pageUp:t.preventDefault(),c({type:p==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"end",event:t});break}},[c,p,e.disabled]),U=a.useCallback(t=>{const m=E(t),k=H(m);S(k),k==="end"?D.current.focus():T.current.focus();const x=k==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:x,payload:m,event:t})},[e.vertical,f,y,c]),X=t=>{const m=E(t),k=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:k,payload:m,event:t})},F=t=>{const m=E(t),k=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:k,payload:m,event:t}),S("")};return s.useDraggable(C,{onPress:U,onDrag:X,onRelease:F},{autoScroll:!1}),a.createElement(a.Fragment,null,a.createElement("div",{id:e.id,style:e.style,ref:A,dir:p,className:s.classNames("k-slider",{"k-rtl":p==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:C,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...j}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...q}},a.Children.map(e.children,(t,m)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:m===0,lastTick:m===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:V,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[p==="rtl"?"right":"left"]:0,width:"100%"}},v!==null&&R!==null&&a.createElement("div",{"data-selection":!0,ref:$,title:`${u.start} - ${u.end}`,className:"k-slider-selection",style:e.vertical?{height:R-v+"%",bottom:v+"%"}:{[p==="rtl"?"right":"left"]:v+"%",width:R-v+"%"}}),a.createElement("span",{ref:T,role:"slider",tabIndex:s.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":f,"aria-valuemax":Math.max(y,u.end),"aria-valuenow":u.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${u.start} - ${u.end}`,className:"k-draghandle k-draghandle-start",title:w.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+v+"%)",zIndex:1}:p==="rtl"?{right:"calc("+v+"% - 13px)",zIndex:1}:{left:"calc("+v+"%)",zIndex:1},onKeyDown:W}),a.createElement("span",{ref:D,role:"slider",tabIndex:s.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(f,u.start),"aria-valuemax":y,"aria-valuenow":u.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${u.start} - ${u.end}`,className:"k-draghandle k-draghandle-end",title:w.toLanguageString(h.sliderDragTitle,h.messages[h.sliderDragTitle]),style:e.vertical?{bottom:"calc("+R+"%)",zIndex:1}:p==="rtl"?{right:"calc("+R+"% - 13px)",zIndex:1}:{left:"calc("+R+"%)",zIndex:1},onKeyDown:B})))),d&&a.createElement(s.WatermarkOverlay,{message:i}))}),te={value:(n,l,d)=>{if(n.value){const i=n.value.start,o=n.value.end,e=n.min,g=n.max;if(i>o||i>g||i<e||o>g||o<e||o<i)return new Error(`Invalid prop + ${l} supplied to ${d}.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),I=require("prop-types"),l=require("@progress/kendo-react-common"),v=require("../messages/index.js"),Q=require("@progress/kendo-react-intl"),r=require("./range-raducer.js"),G=require("../package-metadata.js");function Z(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const c=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(s,d,c.get?c:{enumerable:!0,get:()=>n[d]})}}return s.default=n,Object.freeze(s)}const t=Z(J),ee=(n,s,d)=>{const[c,o]=t.useState(n),e=t.useCallback(g=>{const R=r.rangeReducer(s.state||c,{...g,...s});d&&d(R,g.event),o(R)},[s,d]);return[c,e]},K=l.createPropsContext(),D=t.forwardRef((n,s)=>{const d=!l.validatePackage(G.packageMetadata,{component:"RangeSlider"}),c=l.getLicenseMessage(G.packageMetadata),o=l.usePropsContext(K,n),e={step:y.step,largeStep:y.largeStep,defaultValue:y.defaultValue,vertical:y.vertical,disabled:y.disabled,...o},g=t.useRef(null),R=t.useRef(null),L=t.useRef(null),T=t.useRef(null),S=t.useRef(null),M=t.useCallback(()=>{T.current&&T.current.focus()},[T]);t.useImperativeHandle(g,()=>({element:R.current,focus:M,props:e})),t.useImperativeHandle(s,()=>g.current),l.useWebMcpRegister("rangeslider",g,e,e.webMcp);const f=t.useMemo(()=>e.min,[e.min]),b=t.useMemo(()=>e.max,[e.max]),$=t.useMemo(()=>e.step!==void 0?e.step:y.step,[e.step,y.step]),P=t.useMemo(()=>e.largeStep!==void 0?e.largeStep:y.largeStep,[e.largeStep,y.largeStep]),u=l.useDir(R,e.dir),z=(a,p)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:a,target:g.current,syntheticEvent:p})},[_,w]=t.useState(""),[N,i]=ee(e.defaultValue||y.defaultValue,{min:f,max:b,step:$,largeStep:P,state:e.value},z),m=t.useMemo(()=>e.value||N,[e.value,N]),V=t.useRef(null),C=t.useRef(null),A=t.useMemo(()=>(m.start-f)/(b-f)*100,[m.start,f,b]),h=t.useMemo(()=>(m.end-f)/(b-f)*100,[m.end,f,b]),q=t.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),j=t.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),E=Q.useLocalization(),x=t.useCallback(a=>{if(!C.current)return;const p=C.current.getBoundingClientRect(),k=e.vertical?p.bottom-a.clientY:u==="rtl"?p.right-a.clientX:a.clientX-p.left,O=e.vertical?p.height:p.width,Y=k/O;return f+Y*(b-f)},[C,e.vertical,u,f,b,N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),H=t.useCallback(a=>a<=m.start?"start":a>=m.end?"end":2*a<m.end+m.start?"start":"end",[N.start,N.end,e.value&&e.value.start,e.value&&e.value.end]),W=t.useCallback(a=>{if(!e.disabled)switch(a.keyCode){case l.Keys.right:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"start",event:a});break;case l.Keys.up:a.preventDefault(),i({type:r.RANGE_ACTION.increase,key:"start",event:a});break;case l.Keys.left:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"start",event:a});break;case l.Keys.down:a.preventDefault(),i({type:r.RANGE_ACTION.decrease,key:"start",event:a});break;case l.Keys.home:a.preventDefault(),i({type:r.RANGE_ACTION.min,key:"start",event:a});break;case l.Keys.end:a.preventDefault(),i({type:r.RANGE_ACTION.max,key:"start",event:a});break;case l.Keys.pageDown:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"start",event:a});break;case l.Keys.pageUp:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"start",event:a});break}},[i,e.disabled]),B=t.useCallback(a=>{if(!e.disabled)switch(a.keyCode){case l.Keys.right:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decrease:r.RANGE_ACTION.increase,key:"end",event:a});break;case l.Keys.up:a.preventDefault(),i({type:r.RANGE_ACTION.increase,key:"end",event:a});break;case l.Keys.left:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increase:r.RANGE_ACTION.decrease,key:"end",event:a});break;case l.Keys.down:a.preventDefault(),i({type:r.RANGE_ACTION.decrease,key:"end",event:a});break;case l.Keys.home:a.preventDefault(),i({type:r.RANGE_ACTION.min,key:"end",event:a});break;case l.Keys.end:a.preventDefault(),i({type:r.RANGE_ACTION.max,key:"end",event:a});break;case l.Keys.pageDown:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.increaseLarge:r.RANGE_ACTION.decreaseLarge,key:"end",event:a});break;case l.Keys.pageUp:a.preventDefault(),i({type:u==="rtl"?r.RANGE_ACTION.decreaseLarge:r.RANGE_ACTION.increaseLarge,key:"end",event:a});break}},[i,u,e.disabled]),U=t.useCallback(a=>{const p=x(a),k=H(p);w(k),k==="end"?S.current.focus():T.current.focus();const O=k==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;i({type:O,payload:p,event:a})},[e.vertical,f,b,i]),X=a=>{const p=x(a),k=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;i({type:k,payload:p,event:a})},F=a=>{const p=x(a),k=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;i({type:k,payload:p,event:a}),w("")};return l.useDraggable(C,{onPress:U,onDrag:X,onRelease:F},{autoScroll:!1}),t.createElement(t.Fragment,null,t.createElement("div",{id:e.id,style:e.style,ref:R,dir:u,"aria-label":e.ariaLabel||E.toLanguageString(v.rangeSliderAriaLabel,v.messages[v.rangeSliderAriaLabel]),className:l.classNames("k-slider",{"k-rtl":u==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},t.createElement("div",{ref:C,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...j}},e.children&&t.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{...q}},t.Children.map(e.children,(a,p)=>a&&t.cloneElement(a,{position:100*(a.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:p===0,lastTick:p===t.Children.count(e.children)-1},a.props.children))),t.createElement("div",{ref:V,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[u==="rtl"?"right":"left"]:0,width:"100%"}},A!==null&&h!==null&&t.createElement("div",{"data-selection":!0,ref:L,title:`${m.start} - ${m.end}`,className:"k-slider-selection",style:e.vertical?{height:h-A+"%",bottom:A+"%"}:{[u==="rtl"?"right":"left"]:A+"%",width:h-A+"%"}}),t.createElement("span",{ref:T,role:"slider",tabIndex:l.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":f,"aria-valuemax":Math.max(b,m.end),"aria-valuenow":m.start,"aria-disabled":e.disabled?"true":void 0,"aria-orientation":e.vertical?"vertical":void 0,"aria-label":e.ariaLabel?`${e.ariaLabel} start`:"Range start",className:"k-draghandle k-draghandle-start",title:E.toLanguageString(v.sliderDragTitle,v.messages[v.sliderDragTitle]),style:e.vertical?{bottom:"calc("+A+"%)",zIndex:1}:u==="rtl"?{right:"calc("+A+"% - 13px)",zIndex:1}:{left:"calc("+A+"%)",zIndex:1},onKeyDown:W}),t.createElement("span",{ref:S,role:"slider",tabIndex:l.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(f,m.start),"aria-valuemax":b,"aria-valuenow":m.end,"aria-disabled":e.disabled?"true":void 0,"aria-orientation":e.vertical?"vertical":void 0,"aria-label":e.ariaLabel?`${e.ariaLabel} end`:"Range end",className:"k-draghandle k-draghandle-end",title:E.toLanguageString(v.sliderDragTitle,v.messages[v.sliderDragTitle]),style:e.vertical?{bottom:"calc("+h+"%)",zIndex:1}:u==="rtl"?{right:"calc("+h+"% - 13px)",zIndex:1}:{left:"calc("+h+"%)",zIndex:1},onKeyDown:B})))),d&&t.createElement(l.WatermarkOverlay,{message:c}))}),ae={value:(n,s,d)=>{if(n.value){const c=n.value.start,o=n.value.end,e=n.min,g=n.max;if(c>o||c>g||c<e||o>g||o<e||o<c)return new Error(`Invalid prop + ${s} supplied to ${d}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},defaultValue:(n,l,d)=>{if(n.defaultValue){const i=n.defaultValue.start,o=n.defaultValue.end,e=n.min,g=n.max;if(i>o||i>g||i<e||o>g||o<e||o<i)return new Error(`Invalid prop + ${l} supplied to ${d}.
+                    `)}return null},defaultValue:(n,s,d)=>{if(n.defaultValue){const c=n.defaultValue.start,o=n.defaultValue.end,e=n.min,g=n.max;if(c>o||c>g||c<e||o>g||o<e||o<c)return new Error(`Invalid prop + ${s} supplied to ${d}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},onChange:I.func,step:I.number,min:(n,l,d)=>{const i=n[l],o=n.min,e=n.max;return o===void 0?new Error(`Invalid prop + ${l} supplied to ${d}.
-                ${l} value can not be undefined.
-                `):i&&o>=e?new Error(`Invalid prop + ${l} supplied to ${d}.
-                ${l} value can not be equal to or bigger than the max value.
-                `):null},max:(n,l,d)=>{const i=n[l],o=n.min,e=n.max;return e===void 0?new Error(`Invalid prop + ${l} supplied to ${d}.
-                ${l} value can not be undefined.
-                `):i&&e<=o?new Error(`Invalid prop + ${l} supplied to ${d}.
-                ${l} value can not be equal to or smaller than the min value.
-                `):null},vertical:I.bool,disabled:I.bool,dir:I.oneOf(["ltr","rtl"])},b={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};O.displayName="KendoReactRangeSlider";O.propTypes=te;exports.RangeSlider=O;exports.RangeSliderPropsContext=K;
+                    `)}return null},onChange:I.func,step:I.number,min:(n,s,d)=>{const c=n[s],o=n.min,e=n.max;return o===void 0?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be undefined.
+                `):c&&o>=e?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be equal to or bigger than the max value.
+                `):null},max:(n,s,d)=>{const c=n[s],o=n.min,e=n.max;return e===void 0?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be undefined.
+                `):c&&e<=o?new Error(`Invalid prop + ${s} supplied to ${d}.
+                ${s} value can not be equal to or smaller than the min value.
+                `):null},vertical:I.bool,disabled:I.bool,dir:I.oneOf(["ltr","rtl"])},y={step:1,largeStep:10,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};D.displayName="KendoReactRangeSlider";D.propTypes=ae;exports.RangeSlider=D;exports.RangeSliderPropsContext=K;