@progress/kendo-react-inputs 8.1.0-develop.9 → 8.1.1-develop.1

package/rating/Rating.mjs

@@ -7,98 +7,110 @@
  */
 "use client";
 import * as a from "react";
-import i from "prop-types";
-import { createPropsContext as ee, usePropsContext as te, useDir as ae, Keys as M, IconWrap as f, toIconName as B, getTabIndex as ne, classNames as le, svgIconPropType as $ } from "@progress/kendo-react-common";
-import { starOutlineIcon as K, starIcon as L } from "@progress/kendo-svg-icons";
+import r from "prop-types";
+import { createPropsContext as te, usePropsContext as ae, useDir as ne, Keys as R, IconWrap as y, toIconName as B, getTabIndex as le, classNames as se, svgIconPropType as S } from "@progress/kendo-react-common";
+import { starOutlineIcon as $, starIcon as K } from "@progress/kendo-svg-icons";
 import { RatingItem as oe } from "./RatingItem.mjs";
-import { RATING_ACTION as r, ratingReducer as se } from "./rating-reducer.mjs";
-import { calcIsFirstHalf as A, toRound as R, getRemainder as ie, isHalf as re, isSelected as F, isCorrectValue as X } from "./utils/index.mjs";
-import { ratingAriaLabel as q, messages as ce } from "../messages/index.mjs";
-import { useLocalization as ue } from "@progress/kendo-react-intl";
-const G = (n, g, e) => {
-  const [h, c] = a.useState(n);
-  return [h, (o) => {
-    const V = se(g.state || h, { ...o, ...g });
-    e && e(V, o.event), c(V);
+import { RATING_ACTION as c, ratingReducer as ie } from "./rating-reducer.mjs";
+import { calcIsFirstHalf as L, toRound as D, getRemainder as re, isHalf as ce, isSelected as F, isCorrectValue as A } from "./utils/index.mjs";
+import { ratingAriaLabel as X, messages as ue } from "../messages/index.mjs";
+import { useLocalization as me } from "@progress/kendo-react-intl";
+const q = (n, g, v) => {
+  const [e, N] = a.useState(n);
+  return [e, (h) => {
+    const o = ie(g.state || e, { ...h, ...g });
+    v && v(o, h.event), N(o);
   }];
-}, me = ee(), H = a.forwardRef((n, g) => {
-  const e = te(me, n), h = ue(), c = a.useRef(null), D = a.useRef(null), o = ae(D, e.dir);
-  a.useImperativeHandle(c, () => ({
-    element: D.current,
+}, de = te(), G = a.forwardRef((n, g) => {
+  const v = ae(de, 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,
+    ...v
+  }, N = me(), m = a.useRef(null), h = a.useRef(null), o = ne(h, e.dir);
+  a.useImperativeHandle(m, () => ({
+    element: h.current,
     props: e
-  })), a.useImperativeHandle(g, () => c.current);
-  const V = a.useCallback(
+  })), a.useImperativeHandle(g, () => m.current);
+  const W = a.useCallback(
     (t, l) => {
-      e.onChange && c.current && e.onChange.call(void 0, {
+      e.onChange && m.current && e.onChange.call(void 0, {
         value: t,
-        target: c.current,
+        target: m.current,
         syntheticEvent: l
       });
     },
     [e.onChange]
-  ), b = a.useMemo(
-    () => e.min !== void 0 ? e.min : m.min,
-    [e.min]
   ), I = a.useMemo(
-    () => e.max !== void 0 ? e.max : m.max,
+    () => 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 || m.precision,
+    () => e.precision || s.precision,
     [e.precision]
-  ), s = a.useMemo(
-    () => e.step !== void 0 ? e.step : m.step,
+  ), i = a.useMemo(
+    () => e.step !== void 0 ? e.step : s.step,
     [e.step]
-  ), w = a.useMemo(
-    () => e.readonly || m.readonly,
+  ), V = a.useMemo(
+    () => e.readonly || s.readonly,
     [e.readonly]
   ), k = a.useMemo(
-    () => e.disabled || m.disabled,
+    () => e.disabled || s.disabled,
     [e.disabled]
-  ), W = a.useMemo(
-    () => e.item || m.item,
+  ), _ = a.useMemo(
+    () => e.item || s.item,
     [e.item]
-  ), [P, p] = G(
-    e.defaultValue !== void 0 ? e.defaultValue : m.defaultValue,
+  ), [H, p] = q(
+    e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
     {
       state: e.value,
-      min: b,
-      max: I,
-      step: d === "half" ? s / 2 : s
+      min: I,
+      max: x,
+      step: d === "half" ? i / 2 : i
     },
-    V
-  ), [T, O] = G(
+    W
+  ), [T, O] = q(
     null,
     {
       state: e.value,
-      min: b,
-      max: I,
-      step: d === "half" ? s / 2 : s,
+      min: I,
+      max: x,
+      step: d === "half" ? i / 2 : i,
       precision: d
     }
   ), u = a.useMemo(
-    () => e.value !== void 0 ? e.value : P,
-    [e.value, P]
-  ), x = a.useMemo(
+    () => e.value !== void 0 ? e.value : H,
+    [e.value, H]
+  ), C = a.useMemo(
     () => T,
     [T]
   ), z = a.useMemo(
-    () => e.selection || m.selection,
+    () => e.selection || s.selection,
     [e.selection]
-  ), C = a.useMemo(
-    () => s / (d === "half" ? 2 : 1),
-    [s, d]
-  ), _ = a.useCallback(
+  ), E = a.useMemo(
+    () => i / (d === "half" ? 2 : 1),
+    [i, d]
+  ), j = a.useCallback(
     (t) => {
-      if (!(!t.target || !t.target.element || w || k)) {
+      if (!(!t.target || !t.target.element || V || k)) {
         if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), E = A(o || "ltr", l, t.syntheticEvent.clientX) ? R(t.target.value - s / 2, C) : t.target.value;
-          p({ type: r.select, payload: E, event: t.syntheticEvent });
+          const l = t.target.element.getBoundingClientRect(), M = L(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, E) : t.target.value;
+          p({ type: c.select, payload: M, event: t.syntheticEvent });
         } else
-          p({ type: r.select, payload: t.target.value, event: t.syntheticEvent });
+          p({ type: c.select, payload: t.target.value, event: t.syntheticEvent });
         if (e.onClick) {
           const l = {
             value: u,
-            target: c.current,
+            target: m.current,
             syntheticEvent: t.syntheticEvent
           };
           e.onClick.call(void 0, l);
@@ -106,37 +118,37 @@ const G = (n, g, e) => {
       }
     },
     [e.onClick, p, u]
-  ), j = a.useCallback(
+  ), J = a.useCallback(
     (t) => {
-      if (!(w || k)) {
+      if (!(V || k)) {
         switch (t.keyCode) {
-          case M.right:
+          case R.right:
             t.preventDefault(), p({
-              type: o === "rtl" ? r.decrease : r.increase,
+              type: o === "rtl" ? c.decrease : c.increase,
               event: t
             });
             break;
-          case M.left:
+          case R.left:
             t.preventDefault(), p({
-              type: o === "rtl" ? r.increase : r.decrease,
+              type: o === "rtl" ? c.increase : c.decrease,
               event: t
             });
             break;
-          case M.home:
+          case R.home:
             t.preventDefault(), p({
-              type: o === "rtl" ? r.min : r.max,
+              type: o === "rtl" ? c.min : c.max,
               event: t
             });
             break;
-          case M.end:
+          case R.end:
             t.preventDefault(), p({
-              type: o === "rtl" ? r.max : r.min,
+              type: o === "rtl" ? c.max : c.min,
               event: t
             });
             break;
-          case M.esc:
+          case R.esc:
             t.preventDefault(), p({
-              type: r.deselect,
+              type: c.deselect,
               event: t
             });
             break;
@@ -145,18 +157,18 @@ const G = (n, g, e) => {
           void 0,
           {
             value: u,
-            target: c.current,
+            target: m.current,
             syntheticEvent: t
           }
         );
       }
     },
     [e.onKeyDown, p, u]
-  ), J = a.useCallback(
+  ), Q = a.useCallback(
     (t) => {
       if (e.onFocus) {
         const l = {
-          target: c.current,
+          target: m.current,
           syntheticEvent: t
         };
         e.onFocus.call(
@@ -166,11 +178,11 @@ const G = (n, g, e) => {
       }
     },
     [e.onFocus]
-  ), Q = a.useCallback(
+  ), U = a.useCallback(
     (t) => {
       if (e.onBlur) {
         const l = {
-          target: c.current,
+          target: m.current,
           syntheticEvent: t
         };
         e.onBlur.call(
@@ -180,45 +192,45 @@ const G = (n, g, e) => {
       }
     },
     [e.onBlur]
-  ), U = a.useCallback(
+  ), Y = a.useCallback(
     (t) => {
       if (!(!t.target || !t.target.element))
         if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), E = A(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - s / 2 : t.target.value;
-          O({ type: r.select, payload: E, event: t.syntheticEvent });
+          const l = t.target.element.getBoundingClientRect(), M = L(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
+          O({ type: c.select, payload: M, event: t.syntheticEvent });
         } else
-          O({ type: r.select, payload: t.target.value, event: t.syntheticEvent });
+          O({ type: c.select, payload: t.target.value, event: t.syntheticEvent });
     },
-    [d, s, o]
-  ), Y = a.useCallback(
+    [d, i, o]
+  ), Z = a.useCallback(
     (t) => {
-      O({ type: r.reset, event: t.syntheticEvent });
+      O({ type: c.reset, event: t.syntheticEvent });
     },
     []
-  ), S = [], Z = ie(R(I - b, C), s);
-  for (let t = b; t <= I; t = R(t + s, C)) {
-    const l = R(t + Z, C), v = d === "half" ? re(l, x !== null ? x : u !== null ? u : 0, s) : !1, E = F(l, u, s, z), N = F(l, x !== null ? x : u, s, z), y = F(l, x, s, z);
-    S.push(
+  ), P = [], ee = re(D(x - I, E), i);
+  for (let t = I; t <= x; t = D(t + i, E)) {
+    const l = D(t + ee, E), f = d === "half" ? ce(l, C !== null ? C : u !== null ? u : 0, i) : !1, M = F(l, u, i, z), w = F(l, C !== null ? C : u, i, z), b = F(l, C, i, z);
+    P.push(
       /* @__PURE__ */ a.createElement(
-        W,
+        _,
         {
           key: l,
           value: l,
           dir: o,
-          title: String(v ? R(l - s / 2, C) : l),
+          title: String(f ? D(l - i / 2, E) : l),
           icon: e.icon,
           svgIcon: e.svgIcon,
-          half: v,
-          selected: E || N,
-          hovered: y,
-          onClick: _,
-          onMouseMove: U,
-          onMouseLeave: Y
+          half: f,
+          selected: M || w,
+          hovered: b,
+          onClick: j,
+          onMouseMove: Y,
+          onMouseLeave: Z
         },
-        v && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(f, { name: "star-outline", icon: K, style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(f, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
-        v && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(f, { name: "star", icon: L, style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(f, { name: e.icon ? B(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
-        v && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !v && !(e.icon || e.svgIcon) && (y || N && !y) && /* @__PURE__ */ a.createElement(f, { name: "star", icon: L, size: "xlarge" }) || !(e.icon || e.svgIcon) && !y && !N && /* @__PURE__ */ a.createElement(f, { name: "star-outline", icon: K, size: "xlarge" }) || (e.icon || e.svgIcon) && (y || N && !y) && /* @__PURE__ */ a.createElement(f, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !y && /* @__PURE__ */ a.createElement(f, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+        f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(y, { name: "star-outline", icon: $, style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(y, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
+        f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: K, style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(y, { name: e.icon ? B(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
+        f && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
+        !f && !(e.icon || e.svgIcon) && (b || w && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: K, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !w && /* @__PURE__ */ a.createElement(y, { name: "star-outline", icon: $, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || w && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(y, { name: B(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
       )
     );
   }
@@ -227,27 +239,27 @@ const G = (n, g, e) => {
     {
       id: e.id,
       style: e.style,
-      ref: D,
+      ref: h,
       role: "slider",
       dir: o,
-      tabIndex: ne(e.tabIndex, e.disabled, void 0),
-      className: le(
+      tabIndex: le(e.tabIndex, e.disabled, void 0),
+      className: se(
         "k-rating",
         {
           "k-rtl": o === "rtl",
-          "k-readonly": w,
+          "k-readonly": V,
           "k-disabled": k
         },
         e.className
       ),
-      onKeyDown: j,
-      onFocus: J,
-      onBlur: Q,
-      "aria-valuemin": b,
-      "aria-valuemax": I,
+      onKeyDown: J,
+      onFocus: Q,
+      onBlur: U,
+      "aria-valuemin": I,
+      "aria-valuemax": x,
       "aria-valuenow": u !== null ? u : void 0,
       "aria-disabled": k ? "true" : void 0,
-      "aria-label": h.toLanguageString(q, ce[q]),
+      "aria-label": N.toLanguageString(X, ue[X]),
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
@@ -256,7 +268,7 @@ const G = (n, g, e) => {
       {
         id: "rating",
         className: "k-hidden",
-        readOnly: w,
+        readOnly: V,
         disabled: k
       }
     ),
@@ -265,7 +277,7 @@ const G = (n, g, e) => {
       {
         className: "k-rating-container"
       },
-      S
+      P
     ),
     e.label && /* @__PURE__ */ a.createElement(
       "span",
@@ -275,34 +287,34 @@ const G = (n, g, e) => {
       e.label
     )
   );
-}), de = {
-  id: i.string,
-  dir: i.oneOf(["ltr", "rtl"]),
-  selection: i.oneOf(["continues", "single"]),
-  precision: i.oneOf(["item", "half"]),
-  value: (n, g, e) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? X(n.min, n.max, n.step / 2, n.value) : X(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
-    `Invalid prop + ${g} supplied to ${e}.
+}), pe = {
+  id: r.string,
+  dir: r.oneOf(["ltr", "rtl"]),
+  selection: r.oneOf(["continues", "single"]),
+  precision: r.oneOf(["item", "half"]),
+  value: (n, g, v) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? A(n.min, n.max, n.step / 2, n.value) : A(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
+    `Invalid prop + ${g} supplied to ${v}.
                     The value of the { value } property is not correct, please check your values.
                     `
   ) : null,
-  defaultValue: i.number,
-  min: i.number,
-  max: i.number,
-  step: (n, g, e) => n.step !== void 0 && n.step <= 0 ? new Error(
-    `Invalid prop + ${g} supplied to ${e}.
+  defaultValue: r.number,
+  min: r.number,
+  max: r.number,
+  step: (n, g, v) => n.step !== void 0 && n.step <= 0 ? new Error(
+    `Invalid prop + ${g} supplied to ${v}.
                 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: $,
-  svgIconOutline: $,
-  ariaDescribedBy: i.string
-}, m = {
+  hovered: r.number,
+  label: r.string,
+  readonly: r.bool,
+  disabled: r.bool,
+  half: r.bool,
+  icon: r.string,
+  svgIcon: S,
+  svgIconOutline: S,
+  ariaDescribedBy: r.string
+}, s = {
   dir: "ltr",
   min: 1,
   max: 5,
@@ -314,10 +326,9 @@ const G = (n, g, e) => {
   selection: "continues",
   precision: "item"
 };
-H.displayName = "KendoReactRating";
-H.propTypes = de;
-H.defaultProps = m;
+G.displayName = "KendoReactRating";
+G.propTypes = pe;
 export {
-  H as Rating,
-  me as RatingPropsContext
+  G as Rating,
+  de as RatingPropsContext
 };

package/rating/RatingItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),a=require("prop-types"),r=require("@progress/kendo-react-common");function h(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=h(g),u=l.forwardRef((e,o)=>{const t=l.useRef(null),c=l.useRef(null),i=r.useDir(c,e.dir);l.useImperativeHandle(t,()=>({element:c.current,props:e,value:e.value})),l.useImperativeHandle(o,()=>t.current);const s=l.useCallback(n=>{e.onClick&&e.onClick.call(void 0,{value:e.value,target:t.current,syntheticEvent:n})},[e.onClick,e.value]),d=l.useCallback(n=>{e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:n})},[e.onKeyDown]),v=l.useCallback(n=>{e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:n})},[e.onFocus]),f=l.useCallback(n=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:n})},[e.onBlur]),y=l.useCallback(n=>{e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseMove]),M=l.useCallback(n=>{e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseEnter]),b=l.useCallback(n=>{e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseLeave]);return l.createElement("span",{id:e.id,ref:c,dir:i,"data-half":e.half,tabIndex:e.tabIndex,title:e.title,style:e.style,className:r.classNames("k-rating-item",{"k-rtl":i==="rtl","k-selected":e.selected,"k-hover":e.hovered},e.className),onClick:s,onKeyDown:d,onFocus:v,onBlur:f,onMouseEnter:M,onMouseLeave:b,onMouseMove:y},e.children)}),m={id:a.string,icon:a.any,dir:a.oneOf(["ltr","rtl"]),title:a.string,value:a.number,half:a.bool,selected:a.bool,hovered:a.bool},k={dir:"ltr"};u.displayName="KendoReactRatingItem";u.propTypes=m;u.defaultProps=k;exports.RatingItem=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),l=require("prop-types"),i=require("@progress/kendo-react-common");function h(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(s,t,a.get?a:{enumerable:!0,get:()=>r[t]})}}return s.default=r,Object.freeze(s)}const o=h(g),c=o.forwardRef((r,s)=>{const t=o.useRef(null),a=o.useRef(null),e={dir:k.dir,...r},u=i.useDir(a,e.dir);o.useImperativeHandle(t,()=>({element:a.current,props:e,value:e.value})),o.useImperativeHandle(s,()=>t.current);const d=o.useCallback(n=>{e.onClick&&e.onClick.call(void 0,{value:e.value,target:t.current,syntheticEvent:n})},[e.onClick,e.value]),v=o.useCallback(n=>{e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:n})},[e.onKeyDown]),f=o.useCallback(n=>{e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:n})},[e.onFocus]),y=o.useCallback(n=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:n})},[e.onBlur]),p=o.useCallback(n=>{e.onMouseMove&&e.onMouseMove.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseMove]),M=o.useCallback(n=>{e.onMouseEnter&&e.onMouseEnter.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseEnter]),b=o.useCallback(n=>{e.onMouseLeave&&e.onMouseLeave.call(void 0,{target:t.current,syntheticEvent:n})},[e.onMouseLeave]);return o.createElement("span",{id:e.id,ref:a,dir:u,"data-half":e.half,tabIndex:e.tabIndex,title:e.title,style:e.style,className:i.classNames("k-rating-item",{"k-rtl":u==="rtl","k-selected":e.selected,"k-hover":e.hovered},e.className),onClick:d,onKeyDown:v,onFocus:f,onBlur:y,onMouseEnter:M,onMouseLeave:b,onMouseMove:p},e.children)}),m={id:l.string,icon:l.any,dir:l.oneOf(["ltr","rtl"]),title:l.string,value:l.number.isRequired,half:l.bool,selected:l.bool,hovered:l.bool},k={dir:"ltr"};c.displayName="KendoReactRatingItem";c.propTypes=m;exports.RatingItem=c;

package/rating/RatingItem.mjs

@@ -7,55 +7,55 @@
  */
 "use client";
 import * as n from "react";
-import a from "prop-types";
-import { useDir as m, classNames as y } from "@progress/kendo-react-common";
-const c = n.forwardRef((e, i) => {
-  const l = n.useRef(null), o = n.useRef(null), u = m(o, e.dir);
-  n.useImperativeHandle(l, () => ({
-    element: o.current,
+import l from "prop-types";
+import { useDir as p, classNames as y } from "@progress/kendo-react-common";
+const s = n.forwardRef((c, u) => {
+  const o = n.useRef(null), a = n.useRef(null), e = { dir: b.dir, ...c }, r = p(a, e.dir);
+  n.useImperativeHandle(o, () => ({
+    element: a.current,
     props: e,
     value: e.value
-  })), n.useImperativeHandle(i, () => l.current);
-  const s = n.useCallback(
+  })), n.useImperativeHandle(u, () => o.current);
+  const i = n.useCallback(
     (t) => {
       e.onClick && e.onClick.call(
         void 0,
         {
           value: e.value,
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
     },
     [e.onClick, e.value]
-  ), r = n.useCallback(
+  ), d = n.useCallback(
     (t) => {
       e.onKeyDown && e.onKeyDown.call(
         void 0,
         {
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
     },
     [e.onKeyDown]
-  ), d = n.useCallback(
+  ), v = n.useCallback(
     (t) => {
       e.onFocus && e.onFocus.call(
         void 0,
         {
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
     },
     [e.onFocus]
-  ), v = n.useCallback(
+  ), h = n.useCallback(
     (t) => {
       e.onBlur && e.onBlur.call(
         void 0,
         {
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
@@ -66,29 +66,29 @@ const c = n.forwardRef((e, i) => {
       e.onMouseMove && e.onMouseMove.call(
         void 0,
         {
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
     },
     [e.onMouseMove]
-  ), h = n.useCallback(
+  ), M = n.useCallback(
     (t) => {
       e.onMouseEnter && e.onMouseEnter.call(
         void 0,
         {
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
     },
     [e.onMouseEnter]
-  ), M = n.useCallback(
+  ), m = n.useCallback(
     (t) => {
       e.onMouseLeave && e.onMouseLeave.call(
         void 0,
         {
-          target: l.current,
+          target: o.current,
           syntheticEvent: t
         }
       );
@@ -99,8 +99,8 @@ const c = n.forwardRef((e, i) => {
     "span",
     {
       id: e.id,
-      ref: o,
-      dir: u,
+      ref: a,
+      dir: r,
       "data-half": e.half,
       tabIndex: e.tabIndex,
       title: e.title,
@@ -108,37 +108,36 @@ const c = n.forwardRef((e, i) => {
       className: y(
         "k-rating-item",
         {
-          "k-rtl": u === "rtl",
+          "k-rtl": r === "rtl",
           "k-selected": e.selected,
           "k-hover": e.hovered
         },
         e.className
       ),
-      onClick: s,
-      onKeyDown: r,
-      onFocus: d,
-      onBlur: v,
-      onMouseEnter: h,
-      onMouseLeave: M,
+      onClick: i,
+      onKeyDown: d,
+      onFocus: v,
+      onBlur: h,
+      onMouseEnter: M,
+      onMouseLeave: m,
       onMouseMove: f
     },
     e.children
   );
 }), k = {
-  id: a.string,
-  icon: a.any,
-  dir: a.oneOf(["ltr", "rtl"]),
-  title: a.string,
-  value: a.number,
-  half: a.bool,
-  selected: a.bool,
-  hovered: a.bool
+  id: l.string,
+  icon: l.any,
+  dir: l.oneOf(["ltr", "rtl"]),
+  title: l.string,
+  value: l.number.isRequired,
+  half: l.bool,
+  selected: l.bool,
+  hovered: l.bool
 }, b = {
   dir: "ltr"
 };
-c.displayName = "KendoReactRatingItem";
-c.propTypes = k;
-c.defaultProps = b;
+s.displayName = "KendoReactRatingItem";
+s.propTypes = k;
 export {
-  c as RatingItem
+  s as RatingItem
 };