@progress/kendo-react-inputs 11.0.0-develop.8 → 11.0.0

package/rating/Rating.mjs

@@ -7,9 +7,9 @@
  */
 import * as a from "react";
 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 { createPropsContext as te, usePropsContext as ae, useDir as ne, Keys as R, IconWrap as y, toIconName as B, getTabIndex as le, classNames as oe, 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 { RatingItem as se } from "./RatingItem.mjs";
 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";
@@ -17,23 +17,23 @@ 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);
+    const s = ie(g.state || e, { ...h, ...g });
+    v && v(s, h.event), N(s);
   }];
 }, 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,
+    dir: o.dir,
+    min: o.min,
+    max: o.max,
+    step: o.step,
+    item: o.item,
+    defaultValue: o.defaultValue,
+    readonly: o.readonly,
+    disabled: o.disabled,
+    selection: o.selection,
+    precision: o.precision,
     ...v
-  }, N = me(), m = a.useRef(null), h = a.useRef(null), o = ne(h, e.dir);
+  }, N = me(), m = a.useRef(null), h = a.useRef(null), s = ne(h, e.dir);
   a.useImperativeHandle(m, () => ({
     element: h.current,
     props: e
@@ -47,8 +47,8 @@ const q = (n, g, v) => {
       });
     },
     [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(
-    e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
+  ), I = a.useMemo(() => e.min !== void 0 ? e.min : o.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : o.max, [e.max]), d = a.useMemo(() => e.precision || o.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : o.step, [e.step]), V = a.useMemo(() => e.readonly || o.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || o.disabled, [e.disabled]), _ = a.useMemo(() => e.item || o.item, [e.item]), [H, p] = q(
+    e.defaultValue !== void 0 ? e.defaultValue : o.defaultValue,
     {
       state: e.value,
       min: I,
@@ -66,13 +66,13 @@ const q = (n, g, v) => {
     () => e.value !== void 0 ? e.value : H,
     [e.value, H]
   ), C = a.useMemo(() => T, [T]), z = a.useMemo(
-    () => e.selection || s.selection,
+    () => e.selection || o.selection,
     [e.selection]
   ), E = a.useMemo(() => i / (d === "half" ? 2 : 1), [i, d]), j = a.useCallback(
     (t) => {
       if (!(!t.target || !t.target.element || V || k)) {
         if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), M = L(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, E) : t.target.value;
+          const l = t.target.element.getBoundingClientRect(), M = L(s || "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({
@@ -97,25 +97,25 @@ const q = (n, g, v) => {
         switch (t.keyCode) {
           case R.right:
             t.preventDefault(), p({
-              type: o === "rtl" ? c.decrease : c.increase,
+              type: s === "rtl" ? c.decrease : c.increase,
               event: t
             });
             break;
           case R.left:
             t.preventDefault(), p({
-              type: o === "rtl" ? c.increase : c.decrease,
+              type: s === "rtl" ? c.increase : c.decrease,
               event: t
             });
             break;
           case R.home:
             t.preventDefault(), p({
-              type: o === "rtl" ? c.min : c.max,
+              type: s === "rtl" ? c.min : c.max,
               event: t
             });
             break;
           case R.end:
             t.preventDefault(), p({
-              type: o === "rtl" ? c.max : c.min,
+              type: s === "rtl" ? c.max : c.min,
               event: t
             });
             break;
@@ -160,7 +160,7 @@ const q = (n, g, v) => {
     (t) => {
       if (!(!t.target || !t.target.element))
         if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), M = L(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
+          const l = t.target.element.getBoundingClientRect(), M = L(s || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
           O({ type: c.select, payload: M, event: t.syntheticEvent });
         } else
           O({
@@ -169,7 +169,7 @@ const q = (n, g, v) => {
             event: t.syntheticEvent
           });
     },
-    [d, i, o]
+    [d, i, s]
   ), Z = a.useCallback((t) => {
     O({ type: c.reset, event: t.syntheticEvent });
   }, []), P = [], ee = re(D(x - I, E), i);
@@ -181,7 +181,7 @@ const q = (n, g, v) => {
         {
           key: l,
           value: l,
-          dir: o,
+          dir: s,
           title: String(f ? D(l - i / 2, E) : l),
           icon: e.icon,
           svgIcon: e.svgIcon,
@@ -197,7 +197,7 @@ const q = (n, g, v) => {
           {
             name: "star-outline",
             icon: $,
-            style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` },
+            style: { clipPath: `${s === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` },
             size: "xlarge"
           }
         ), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
@@ -213,7 +213,7 @@ const q = (n, g, v) => {
           {
             name: "star",
             icon: K,
-            style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` },
+            style: { clipPath: `${s === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` },
             size: "xlarge"
           }
         ), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(
@@ -243,12 +243,12 @@ const q = (n, g, v) => {
       style: e.style,
       ref: h,
       role: "slider",
-      dir: o,
+      dir: s,
       tabIndex: le(e.tabIndex, e.disabled, void 0),
-      className: se(
+      className: oe(
         "k-rating",
         {
-          "k-rtl": o === "rtl",
+          "k-rtl": s === "rtl",
           "k-readonly": V,
           "k-disabled": k
         },
@@ -288,7 +288,7 @@ const q = (n, g, v) => {
                 `
   ) : null,
   hovered: r.number,
-  label: r.string,
+  label: r.node,
   readonly: r.bool,
   disabled: r.bool,
   half: r.bool,
@@ -296,12 +296,12 @@ const q = (n, g, v) => {
   svgIcon: S,
   svgIconOutline: S,
   ariaDescribedBy: r.string
-}, s = {
+}, o = {
   dir: "ltr",
   min: 1,
   max: 5,
   step: 1,
-  item: oe,
+  item: se,
   defaultValue: null,
   readonly: !1,
   disabled: !1,