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

package/range-slider/RangeSlider.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"),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"),w=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(w.packageMetadata,{component:"RangeSlider"}),i=s.getLicenseMessage(w.packageMetadata),o=s.usePropsContext(K,n),e={step:k.step,largeStep:k.largeStep,defaultValue:k.defaultValue,vertical:k.vertical,disabled:k.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);const f=a.useMemo(()=>e.min,[e.min]),y=a.useMemo(()=>e.max,[e.max]),L=a.useMemo(()=>e.step!==void 0?e.step:k.step,[e.step,k.step]),P=a.useMemo(()=>e.largeStep!==void 0?e.largeStep:k.largeStep,[e.largeStep,k.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||k.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]),G=Q.useLocalization(),E=a.useCallback(t=>{if(!C.current)return;const m=C.current.getBoundingClientRect(),b=e.vertical?m.bottom-t.clientY:p==="rtl"?m.right-t.clientX:t.clientX-m.left,x=e.vertical?m.height:m.width,Y=b/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),b=H(m);S(b),b==="end"?D.current.focus():T.current.focus();const x=b==="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),b=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:b,payload:m,event:t})},F=t=>{const m=E(t),b=_==="end"?r.RANGE_ACTION.end:r.RANGE_ACTION.start;c({type:b,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:G.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:G.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"),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}.
                     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}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
@@ -17,4 +17,4 @@
                 ${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"])},k={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;
+                `):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;

package/range-slider/RangeSlider.mjs

@@ -7,27 +7,27 @@
  */
 import * as a from "react";
 import S from "prop-types";
-import { validatePackage as j, getLicenseMessage as J, usePropsContext as Q, useDir as Z, Keys as m, useDraggable as ee, classNames as te, getTabIndex as V, WatermarkOverlay as ae, createPropsContext as re } from "@progress/kendo-react-common";
+import { validatePackage as j, getLicenseMessage as J, usePropsContext as Q, useWebMcpRegister as Z, useDir as ee, Keys as m, useDraggable as te, classNames as ae, getTabIndex as V, WatermarkOverlay as re, createPropsContext as ne } from "@progress/kendo-react-common";
 import { sliderDragTitle as $, messages as z } from "../messages/index.mjs";
-import { useLocalization as ne } from "@progress/kendo-react-intl";
-import { RANGE_ACTION as r, rangeReducer as le } from "./range-raducer.mjs";
+import { useLocalization as le } from "@progress/kendo-react-intl";
+import { RANGE_ACTION as r, rangeReducer as se } from "./range-raducer.mjs";
 import { packageMetadata as P } from "../package-metadata.mjs";
-const se = (n, s, p) => {
+const ce = (n, s, p) => {
   const [c, i] = a.useState(n), e = a.useCallback(
     (f) => {
-      const h = le(s.state || c, { ...f, ...s });
+      const h = se(s.state || c, { ...f, ...s });
       p && p(h, f.event), i(h);
     },
     [s, p]
   );
   return [c, e];
-}, ce = re(), K = a.forwardRef((n, s) => {
-  const p = !j(P, { component: "RangeSlider" }), c = J(P), i = Q(ce, n), e = {
-    step: y.step,
-    largeStep: y.largeStep,
-    defaultValue: y.defaultValue,
-    vertical: y.vertical,
-    disabled: y.disabled,
+}, ie = ne(), K = a.forwardRef((n, s) => {
+  const p = !j(P, { component: "RangeSlider" }), c = J(P), i = Q(ie, n), e = {
+    step: b.step,
+    largeStep: b.largeStep,
+    defaultValue: b.defaultValue,
+    vertical: b.vertical,
+    disabled: b.disabled,
     ...i
   }, f = a.useRef(null), h = a.useRef(null), A = a.useRef(null), w = a.useRef(null), T = a.useRef(null), H = a.useCallback(() => {
     w.current && w.current.focus();
@@ -36,40 +36,40 @@ const se = (n, s, p) => {
     element: h.current,
     focus: H,
     props: e
-  })), a.useImperativeHandle(s, () => f.current);
-  const g = a.useMemo(() => e.min, [e.min]), k = a.useMemo(() => e.max, [e.max]), N = a.useMemo(
-    () => e.step !== void 0 ? e.step : y.step,
-    [e.step, y.step]
-  ), O = a.useMemo(
-    () => e.largeStep !== void 0 ? e.largeStep : y.largeStep,
-    [e.largeStep, y.largeStep]
-  ), o = Z(h, e.dir), W = (t, u) => {
+  })), a.useImperativeHandle(s, () => f.current), Z("rangeslider", f, e, e.webMcp);
+  const g = a.useMemo(() => e.min, [e.min]), k = a.useMemo(() => e.max, [e.max]), W = a.useMemo(
+    () => e.step !== void 0 ? e.step : b.step,
+    [e.step, b.step]
+  ), N = a.useMemo(
+    () => e.largeStep !== void 0 ? e.largeStep : b.largeStep,
+    [e.largeStep, b.largeStep]
+  ), o = ee(h, e.dir), O = (t, u) => {
     e.onChange && f.current && e.onChange.call(void 0, {
       value: t,
       target: f.current,
       syntheticEvent: u
     });
-  }, [E, L] = a.useState(""), [x, l] = se(
-    e.defaultValue || y.defaultValue,
+  }, [E, M] = a.useState(""), [x, l] = ce(
+    e.defaultValue || b.defaultValue,
     {
       min: g,
       max: k,
-      step: N,
-      largeStep: O,
+      step: W,
+      largeStep: N,
       state: e.value
     },
-    W
+    O
   ), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), v = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), B = a.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
   ), G = a.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
-  ), M = ne(), C = a.useCallback(
+  ), L = le(), C = a.useCallback(
     (t) => {
       if (!R.current)
         return;
-      const u = R.current.getBoundingClientRect(), b = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = b / I;
+      const u = R.current.getBoundingClientRect(), y = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = y / I;
       return g + _ * (k - g);
     },
     [
@@ -182,24 +182,24 @@ const se = (n, s, p) => {
     [l, o, e.disabled]
   ), Y = a.useCallback(
     (t) => {
-      const u = C(t), b = U(u);
-      L(b), b === "end" ? T.current.focus() : w.current.focus();
-      const I = b === "end" ? r.end : r.start;
+      const u = C(t), y = U(u);
+      M(y), y === "end" ? T.current.focus() : w.current.focus();
+      const I = y === "end" ? r.end : r.start;
       l({ type: I, payload: u, event: t });
     },
     [e.vertical, g, k, l]
   );
-  return ee(
+  return te(
     R,
     {
       onPress: Y,
       onDrag: (t) => {
-        const u = C(t), b = E === "end" ? r.end : r.start;
-        l({ type: b, payload: u, event: t });
+        const u = C(t), y = E === "end" ? r.end : r.start;
+        l({ type: y, payload: u, event: t });
       },
       onRelease: (t) => {
-        const u = C(t), b = E === "end" ? r.end : r.start;
-        l({ type: b, payload: u, event: t }), L("");
+        const u = C(t), y = E === "end" ? r.end : r.start;
+        l({ type: y, payload: u, event: t }), M("");
       }
     },
     { autoScroll: !1 }
@@ -210,7 +210,7 @@ const se = (n, s, p) => {
       style: e.style,
       ref: h,
       dir: o,
-      className: te(
+      className: ae(
         "k-slider",
         {
           "k-rtl": o === "rtl",
@@ -275,7 +275,7 @@ const se = (n, s, p) => {
             "aria-disabled": e.disabled ? "true" : void 0,
             "aria-valuetext": `${d.start} - ${d.end}`,
             className: "k-draghandle k-draghandle-start",
-            title: M.toLanguageString($, z[$]),
+            title: L.toLanguageString($, z[$]),
             style: e.vertical ? { bottom: "calc(" + v + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + v + "% - 13px)", zIndex: 1 } : { left: "calc(" + v + "%)", zIndex: 1 },
             onKeyDown: X
           }
@@ -292,15 +292,15 @@ const se = (n, s, p) => {
             "aria-disabled": e.disabled ? "true" : void 0,
             "aria-valuetext": `${d.start} - ${d.end}`,
             className: "k-draghandle k-draghandle-end",
-            title: M.toLanguageString($, z[$]),
+            title: L.toLanguageString($, z[$]),
             style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
             onKeyDown: F
           }
         )
       )
     )
-  ), p && /* @__PURE__ */ a.createElement(ae, { message: c }));
-}), ie = {
+  ), p && /* @__PURE__ */ a.createElement(re, { message: c }));
+}), de = {
   value: (n, s, p) => {
     if (n.value) {
       const c = n.value.start, i = n.value.end, e = n.min, f = n.max;
@@ -354,7 +354,7 @@ const se = (n, s, p) => {
   vertical: S.bool,
   disabled: S.bool,
   dir: S.oneOf(["ltr", "rtl"])
-}, y = {
+}, b = {
   step: 1,
   largeStep: 10,
   defaultValue: {
@@ -365,8 +365,8 @@ const se = (n, s, p) => {
   disabled: !1
 };
 K.displayName = "KendoReactRangeSlider";
-K.propTypes = ie;
+K.propTypes = de;
 export {
   K as RangeSlider,
-  ce as RangeSliderPropsContext
+  ie as RangeSliderPropsContext
 };

package/rating/Rating.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { FormComponentProps, SVGIcon } from '@progress/kendo-react-common';
+import { FormComponentProps, SVGIcon, WebMcpProps } from '@progress/kendo-react-common';
 import { RatingItemProps } from './RatingItem.js';
 import { RatingKeyboardEvent, RatingItemMouseEvent, RatingItemFocusEvent } from './models/index.js';
 import * as React from 'react';
@@ -264,6 +264,11 @@ export interface RatingProps extends FormComponentProps {
      * ```
      */
     ariaLabelledBy?: string;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /**
  * Represents the target(element and props) of the RatingChangeEvent.

package/rating/Rating.js

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),U=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),_=require("../messages/index.js"),Y=require("@progress/kendo-react-intl");function Z(n){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(p,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return p.default=n,Object.freeze(p)}const a=Z(Q),z={name:"star",content:'<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',viewBox:"0 0 24 24"},P={name:"star-outline",content:'<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',viewBox:"0 0 24 24"},B=(n,p,d)=>{const[e,M]=a.useState(n);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),M(i)}]},F=l.createPropsContext(),V=a.forwardRef((n,p)=>{const d=l.usePropsContext(F,n),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},M=Y.useLocalization(),v=a.useRef(null),h=a.useRef(null),i=l.useDir(h,e.dir);a.useImperativeHandle(v,()=>({element:h.current,props:e})),a.useImperativeHandle(p,()=>v.current);const H=a.useCallback((t,o)=>{e.onChange&&v.current&&e.onChange.call(void 0,{value:t,target:v.current,syntheticEvent:o})},[e.onChange]),N=a.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),R=a.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),I=a.useMemo(()=>e.precision||s.precision,[e.precision]),r=a.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),A=a.useMemo(()=>e.readonly||s.readonly,[e.readonly]),C=a.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=a.useMemo(()=>e.item||s.item,[e.item]),[w,f]=B(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:N,max:R,step:I==="half"?r/2:r},H),[G,D]=B(null,{state:e.value,min:N,max:R,step:I==="half"?r/2:r,precision:I}),g=a.useMemo(()=>e.value!==void 0?e.value:w,[e.value,w]),T=a.useMemo(()=>G,[G]),E=a.useMemo(()=>e.selection||s.selection,[e.selection]),x=a.useMemo(()=>r/(I==="half"?2:1),[r,I]),L=a.useCallback(t=>{if(!(!t.target||!t.target.element||A||C)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,x):t.target.value;f({type:c.RATING_ACTION.select,payload:k,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:v.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,g]),q=a.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:v.current,syntheticEvent:t})}},[e.onKeyDown,f,g]),$=a.useCallback(t=>{if(e.onFocus){const o={target:v.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),W=a.useCallback(t=>{if(e.onBlur){const o={target:v.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),j=a.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;D({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else D({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,i]),X=a.useCallback(t=>{D({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),S=[],J=u.getRemainder(u.toRound(R-N,x),r);for(let t=N;t<=R;t=u.toRound(t+r,x)){const o=u.toRound(t+J,x),y=I==="half"?u.isHalf(o,T!==null?T:g!==null?g:0,r):!1,k=u.isSelected(o,g,r,E),O=u.isSelected(o,T!==null?T:g,r,E),b=u.isSelected(o,T,r,E);S.push(a.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,x):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:k||O,hovered:b,onClick:L,onMouseMove:j,onMouseLeave:X},y&&a.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:"star",icon:P,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&a.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:"star",icon:z,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&a.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:"star",icon:z,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&a.createElement(l.IconWrap,{name:"star",icon:P,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return a.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:q,onFocus:$,onBlur:W,"aria-valuemin":N,"aria-valuemax":R,"aria-valuenow":g!==null?g:void 0,"aria-disabled":C?"true":void 0,"aria-label":M.toLanguageString(_.ratingAriaLabel,_.messages[_.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},a.createElement("input",{id:"rating",className:"k-hidden",readOnly:A,disabled:C}),a.createElement("span",{className:"k-rating-container"},S),e.label&&a.createElement("span",{className:"k-rating-label"},e.label))}),ee={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(n,p,d)=>n.value&&n.min&&n.max&&n.step&&!(n.precision==="half"?u.isCorrectValue(n.min,n.max,n.step/2,n.value):u.isCorrectValue(n.min,n.max,n.step,n.value))&&n.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),U=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),_=require("../messages/index.js"),Y=require("@progress/kendo-react-intl");function Z(n){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(p,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return p.default=n,Object.freeze(p)}const a=Z(Q),z={name:"star",content:'<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',viewBox:"0 0 24 24"},P={name:"star-outline",content:'<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',viewBox:"0 0 24 24"},B=(n,p,d)=>{const[e,M]=a.useState(n);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),M(i)}]},F=l.createPropsContext(),w=a.forwardRef((n,p)=>{const d=l.usePropsContext(F,n),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},M=Y.useLocalization(),g=a.useRef(null),h=a.useRef(null),i=l.useDir(h,e.dir);a.useImperativeHandle(g,()=>({element:h.current,props:e})),a.useImperativeHandle(p,()=>g.current),l.useWebMcpRegister("rating",g,e,e.webMcp);const H=a.useCallback((t,o)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:t,target:g.current,syntheticEvent:o})},[e.onChange]),R=a.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),N=a.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),I=a.useMemo(()=>e.precision||s.precision,[e.precision]),r=a.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),A=a.useMemo(()=>e.readonly||s.readonly,[e.readonly]),C=a.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=a.useMemo(()=>e.item||s.item,[e.item]),[V,f]=B(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:R,max:N,step:I==="half"?r/2:r},H),[G,D]=B(null,{state:e.value,min:R,max:N,step:I==="half"?r/2:r,precision:I}),v=a.useMemo(()=>e.value!==void 0?e.value:V,[e.value,V]),T=a.useMemo(()=>G,[G]),E=a.useMemo(()=>e.selection||s.selection,[e.selection]),x=a.useMemo(()=>r/(I==="half"?2:1),[r,I]),L=a.useCallback(t=>{if(!(!t.target||!t.target.element||A||C)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,x):t.target.value;f({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:v,target:g.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,v]),q=a.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:v,target:g.current,syntheticEvent:t})}},[e.onKeyDown,f,v]),W=a.useCallback(t=>{if(e.onFocus){const o={target:g.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),$=a.useCallback(t=>{if(e.onBlur){const o={target:g.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),j=a.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;D({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else D({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,i]),X=a.useCallback(t=>{D({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),S=[],J=u.getRemainder(u.toRound(N-R,x),r);for(let t=R;t<=N;t=u.toRound(t+r,x)){const o=u.toRound(t+J,x),y=I==="half"?u.isHalf(o,T!==null?T:v!==null?v:0,r):!1,k=u.isSelected(o,v,r,E),O=u.isSelected(o,T!==null?T:v,r,E),b=u.isSelected(o,T,r,E);S.push(a.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,x):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:k||O,hovered:b,onClick:L,onMouseMove:j,onMouseLeave:X},y&&a.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:"star",icon:P,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&a.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:"star",icon:z,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&a.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:"star",icon:z,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&a.createElement(l.IconWrap,{name:"star",icon:P,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return a.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:q,onFocus:W,onBlur:$,"aria-valuemin":R,"aria-valuemax":N,"aria-valuenow":v!==null?v:void 0,"aria-disabled":C?"true":void 0,"aria-label":M.toLanguageString(_.ratingAriaLabel,_.messages[_.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},a.createElement("input",{id:"rating",className:"k-hidden",readOnly:A,disabled:C}),a.createElement("span",{className:"k-rating-container"},S),e.label&&a.createElement("span",{className:"k-rating-label"},e.label))}),ee={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(n,p,d)=>n.value&&n.min&&n.max&&n.step&&!(n.precision==="half"?u.isCorrectValue(n.min,n.max,n.step/2,n.value):u.isCorrectValue(n.min,n.max,n.step,n.value))&&n.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:(n,p,d)=>n.step!==void 0&&n.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.
-                `):null,hovered:m.number,label:m.node,readonly:m.bool,disabled:m.bool,icon:m.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:m.string},s={dir:"ltr",min:1,max:5,step:1,item:U.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};V.displayName="KendoReactRating";V.propTypes=ee;exports.Rating=V;exports.RatingPropsContext=F;
+                `):null,hovered:m.number,label:m.node,readonly:m.bool,disabled:m.bool,icon:m.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:m.string},s={dir:"ltr",min:1,max:5,step:1,item:U.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};w.displayName="KendoReactRating";w.propTypes=ee;exports.Rating=w;exports.RatingPropsContext=F;

package/rating/Rating.mjs

@@ -7,28 +7,28 @@
  */
 import * as a from "react";
 import c from "prop-types";
-import { usePropsContext as te, useDir as ae, Keys as R, IconWrap as y, toIconName as O, classNames as ne, getTabIndex as le, createPropsContext as se, svgIconPropType as P } from "@progress/kendo-react-common";
-import { RatingItem as oe } from "./RatingItem.mjs";
-import { RATING_ACTION as r, ratingReducer as ie } from "./rating-reducer.mjs";
-import { calcIsFirstHalf as S, toRound as D, getRemainder as re, isHalf as ce, isSelected as F, isCorrectValue as $ } from "./utils/index.mjs";
-import { ratingAriaLabel as K, messages as ue } from "../messages/index.mjs";
-import { useLocalization as me } from "@progress/kendo-react-intl";
+import { usePropsContext as te, useDir as ae, useWebMcpRegister as ne, Keys as E, IconWrap as y, toIconName as O, classNames as le, getTabIndex as se, createPropsContext as oe, svgIconPropType as P } from "@progress/kendo-react-common";
+import { RatingItem as ie } from "./RatingItem.mjs";
+import { RATING_ACTION as r, ratingReducer as re } from "./rating-reducer.mjs";
+import { calcIsFirstHalf as S, toRound as D, getRemainder as ce, isHalf as ue, isSelected as F, isCorrectValue as $ } from "./utils/index.mjs";
+import { ratingAriaLabel as K, messages as me } from "../messages/index.mjs";
+import { useLocalization as de } from "@progress/kendo-react-intl";
 const A = {
   name: "star",
   content: '<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',
   viewBox: "0 0 24 24"
-}, X = {
+}, W = {
   name: "star-outline",
   content: '<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',
   viewBox: "0 0 24 24"
-}, q = (n, g, v) => {
+}, X = (n, g, v) => {
   const [e, z] = a.useState(n);
-  return [e, (b) => {
-    const o = ie(g.state || e, { ...b, ...g });
-    v && v(o, b.event), z(o);
+  return [e, (h) => {
+    const o = re(g.state || e, { ...h, ...g });
+    v && v(o, h.event), z(o);
   }];
-}, de = se(), G = a.forwardRef((n, g) => {
-  const v = te(de, n), e = {
+}, pe = oe(), q = a.forwardRef((n, g) => {
+  const v = te(pe, n), e = {
     dir: s.dir,
     min: s.min,
     max: s.max,
@@ -40,21 +40,21 @@ const A = {
     selection: s.selection,
     precision: s.precision,
     ...v
-  }, z = me(), m = a.useRef(null), b = a.useRef(null), o = ae(b, e.dir);
-  a.useImperativeHandle(m, () => ({
-    element: b.current,
+  }, z = de(), u = a.useRef(null), h = a.useRef(null), o = ae(h, e.dir);
+  a.useImperativeHandle(u, () => ({
+    element: h.current,
     props: e
-  })), a.useImperativeHandle(g, () => m.current);
-  const W = a.useCallback(
+  })), a.useImperativeHandle(g, () => u.current), ne("rating", u, e, e.webMcp);
+  const G = a.useCallback(
     (t, l) => {
-      e.onChange && m.current && e.onChange.call(void 0, {
+      e.onChange && u.current && e.onChange.call(void 0, {
         value: t,
-        target: m.current,
+        target: u.current,
         syntheticEvent: l
       });
     },
     [e.onChange]
-  ), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), V = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = q(
+  ), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), w = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = X(
     e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
     {
       state: e.value,
@@ -62,14 +62,14 @@ const A = {
       max: x,
       step: d === "half" ? i / 2 : i
     },
-    W
-  ), [L, B] = q(null, {
+    G
+  ), [L, B] = X(null, {
     state: e.value,
     min: I,
     max: x,
     step: d === "half" ? i / 2 : i,
     precision: d
-  }), u = a.useMemo(
+  }), m = a.useMemo(
     () => e.value !== void 0 ? e.value : H,
     [e.value, H]
   ), C = a.useMemo(() => L, [L]), N = a.useMemo(
@@ -77,10 +77,10 @@ const A = {
     [e.selection]
   ), M = a.useMemo(() => i / (d === "half" ? 2 : 1), [i, d]), j = a.useCallback(
     (t) => {
-      if (!(!t.target || !t.target.element || V || k)) {
+      if (!(!t.target || !t.target.element || w || k)) {
         if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), E = S(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, M) : t.target.value;
-          p({ type: r.select, payload: E, event: t.syntheticEvent });
+          const l = t.target.element.getBoundingClientRect(), R = S(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, M) : t.target.value;
+          p({ type: r.select, payload: R, event: t.syntheticEvent });
         } else
           p({
             type: r.select,
@@ -89,44 +89,44 @@ const A = {
           });
         if (e.onClick) {
           const l = {
-            value: u,
-            target: m.current,
+            value: m,
+            target: u.current,
             syntheticEvent: t.syntheticEvent
           };
           e.onClick.call(void 0, l);
         }
       }
     },
-    [e.onClick, p, u]
+    [e.onClick, p, m]
   ), J = a.useCallback(
     (t) => {
-      if (!(V || k)) {
+      if (!(w || k)) {
         switch (t.keyCode) {
-          case R.right:
+          case E.right:
             t.preventDefault(), p({
               type: o === "rtl" ? r.decrease : r.increase,
               event: t
             });
             break;
-          case R.left:
+          case E.left:
             t.preventDefault(), p({
               type: o === "rtl" ? r.increase : r.decrease,
               event: t
             });
             break;
-          case R.home:
+          case E.home:
             t.preventDefault(), p({
               type: o === "rtl" ? r.min : r.max,
               event: t
             });
             break;
-          case R.end:
+          case E.end:
             t.preventDefault(), p({
               type: o === "rtl" ? r.max : r.min,
               event: t
             });
             break;
-          case R.esc:
+          case E.esc:
             t.preventDefault(), p({
               type: r.deselect,
               event: t
@@ -134,18 +134,18 @@ const A = {
             break;
         }
         e.onKeyDown && e.onKeyDown.call(void 0, {
-          value: u,
-          target: m.current,
+          value: m,
+          target: u.current,
           syntheticEvent: t
         });
       }
     },
-    [e.onKeyDown, p, u]
+    [e.onKeyDown, p, m]
   ), Q = a.useCallback(
     (t) => {
       if (e.onFocus) {
         const l = {
-          target: m.current,
+          target: u.current,
           syntheticEvent: t
         };
         e.onFocus.call(void 0, l);
@@ -156,7 +156,7 @@ const A = {
     (t) => {
       if (e.onBlur) {
         const l = {
-          target: m.current,
+          target: u.current,
           syntheticEvent: t
         };
         e.onBlur.call(void 0, l);
@@ -167,8 +167,8 @@ const A = {
     (t) => {
       if (!(!t.target || !t.target.element))
         if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), E = S(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
-          B({ type: r.select, payload: E, event: t.syntheticEvent });
+          const l = t.target.element.getBoundingClientRect(), R = S(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
+          B({ type: r.select, payload: R, event: t.syntheticEvent });
         } else
           B({
             type: r.select,
@@ -179,9 +179,9 @@ const A = {
     [d, i, o]
   ), Z = a.useCallback((t) => {
     B({ type: r.reset, event: t.syntheticEvent });
-  }, []), T = [], ee = re(D(x - I, M), i);
+  }, []), T = [], ee = ce(D(x - I, M), i);
   for (let t = I; t <= x; t = D(t + i, M)) {
-    const l = D(t + ee, M), f = d === "half" ? ce(l, C !== null ? C : u !== null ? u : 0, i) : !1, E = F(l, u, i, N), w = F(l, C !== null ? C : u, i, N), h = F(l, C, i, N);
+    const l = D(t + ee, M), f = d === "half" ? ue(l, C !== null ? C : m !== null ? m : 0, i) : !1, R = F(l, m, i, N), V = F(l, C !== null ? C : m, i, N), b = F(l, C, i, N);
     T.push(
       /* @__PURE__ */ a.createElement(
         _,
@@ -193,8 +193,8 @@ const A = {
           icon: e.icon,
           svgIcon: e.svgIcon,
           half: f,
-          selected: E || w,
-          hovered: h,
+          selected: R || V,
+          hovered: b,
           onClick: j,
           onMouseMove: Y,
           onMouseLeave: Z
@@ -203,7 +203,7 @@ const A = {
           y,
           {
             name: "star",
-            icon: X,
+            icon: W,
             style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` },
             size: "xlarge"
           }
@@ -232,7 +232,7 @@ const A = {
           }
         )),
         f && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !f && !(e.icon || e.svgIcon) && (h || w && !h) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: A, size: "xlarge" }) || !(e.icon || e.svgIcon) && !h && !w && /* @__PURE__ */ a.createElement(y, { name: "star", icon: X, size: "xlarge" }) || (e.icon || e.svgIcon) && (h || w && !h) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !h && /* @__PURE__ */ a.createElement(
+        !f && !(e.icon || e.svgIcon) && (b || V && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: A, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !V && /* @__PURE__ */ a.createElement(y, { name: "star", icon: W, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || V && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(
           y,
           {
             name: O(`${e.icon}-outline`),
@@ -248,15 +248,15 @@ const A = {
     {
       id: e.id,
       style: e.style,
-      ref: b,
+      ref: h,
       role: "slider",
       dir: o,
-      tabIndex: le(e.tabIndex, e.disabled, void 0),
-      className: ne(
+      tabIndex: se(e.tabIndex, e.disabled, void 0),
+      className: le(
         "k-rating",
         {
           "k-rtl": o === "rtl",
-          "k-readonly": V,
+          "k-readonly": w,
           "k-disabled": k
         },
         e.className
@@ -266,17 +266,17 @@ const A = {
       onBlur: U,
       "aria-valuemin": I,
       "aria-valuemax": x,
-      "aria-valuenow": u !== null ? u : void 0,
+      "aria-valuenow": m !== null ? m : void 0,
       "aria-disabled": k ? "true" : void 0,
-      "aria-label": z.toLanguageString(K, ue[K]),
+      "aria-label": z.toLanguageString(K, me[K]),
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
-    /* @__PURE__ */ a.createElement("input", { id: "rating", className: "k-hidden", readOnly: V, disabled: k }),
+    /* @__PURE__ */ a.createElement("input", { id: "rating", className: "k-hidden", readOnly: w, disabled: k }),
     /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, T),
     e.label && /* @__PURE__ */ a.createElement("span", { className: "k-rating-label" }, e.label)
   );
-}), pe = {
+}), ge = {
   id: c.string,
   dir: c.oneOf(["ltr", "rtl"]),
   selection: c.oneOf(["continues", "single"]),
@@ -307,16 +307,16 @@ const A = {
   min: 1,
   max: 5,
   step: 1,
-  item: oe,
+  item: ie,
   defaultValue: null,
   readonly: !1,
   disabled: !1,
   selection: "continues",
   precision: "item"
 };
-G.displayName = "KendoReactRating";
-G.propTypes = pe;
+q.displayName = "KendoReactRating";
+q.propTypes = ge;
 export {
-  G as Rating,
-  de as RatingPropsContext
+  q as Rating,
+  pe as RatingPropsContext
 };