@progress/kendo-react-inputs 14.0.1 → 14.1.0-develop.1

package/range-slider/RangeSlider.mjs

@@ -59,18 +59,18 @@ const se = (n, s, p) => {
       state: e.value
     },
     W
-  ), d = a.useMemo(() => e.value || x, [e.value, x]), _ = a.useRef(null), R = a.useRef(null), h = 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]), q = a.useMemo(
+  ), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), h = 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]
-  ), B = a.useMemo(
+  ), G = a.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
   ), M = ne(), C = a.useCallback(
     (t) => {
       if (!R.current)
         return;
-      const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, Y = v / I;
-      return g + Y * (k - g);
+      const u = R.current.getBoundingClientRect(), v = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = v / I;
+      return g + _ * (k - g);
     },
     [
       R,
@@ -83,10 +83,10 @@ const se = (n, s, p) => {
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), G = a.useCallback(
+  ), U = a.useCallback(
     (t) => t <= d.start ? "start" : t >= d.end ? "end" : 2 * t < d.end + d.start ? "start" : "end",
     [x.start, x.end, e.value && e.value.start, e.value && e.value.end]
-  ), U = a.useCallback(
+  ), X = a.useCallback(
     (t) => {
       switch (t.keyCode) {
         case m.right:
@@ -132,7 +132,7 @@ const se = (n, s, p) => {
       }
     },
     [l]
-  ), X = a.useCallback(
+  ), F = a.useCallback(
     (t) => {
       switch (t.keyCode) {
         case m.right:
@@ -178,9 +178,9 @@ const se = (n, s, p) => {
       }
     },
     [l, o]
-  ), F = a.useCallback(
+  ), Y = a.useCallback(
     (t) => {
-      const u = C(t), v = G(u);
+      const u = C(t), v = U(u);
       L(v), v === "end" ? T.current.focus() : w.current.focus();
       const I = v === "end" ? r.end : r.start;
       l({ type: I, payload: u, event: t });
@@ -190,7 +190,7 @@ const se = (n, s, p) => {
   return ee(
     R,
     {
-      onPress: F,
+      onPress: Y,
       onDrag: (t) => {
         const u = C(t), v = E === "end" ? r.end : r.start;
         l({ type: v, payload: u, event: t });
@@ -228,10 +228,10 @@ const se = (n, s, p) => {
           flexGrow: 1,
           position: "relative",
           touchAction: "none",
-          ...B
+          ...G
         }
       },
-      e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...q } }, a.Children.map(e.children, (t, u) => t && a.cloneElement(
+      e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...B } }, a.Children.map(e.children, (t, u) => t && a.cloneElement(
         t,
         {
           position: 100 * (t.props.position - e.min) / (e.max - e.min),
@@ -244,7 +244,7 @@ const se = (n, s, p) => {
       /* @__PURE__ */ a.createElement(
         "div",
         {
-          ref: _,
+          ref: q,
           className: "k-slider-track",
           style: e.vertical ? { bottom: 0, height: "100%" } : { [o === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
@@ -275,7 +275,7 @@ const se = (n, s, p) => {
             className: "k-draghandle k-draghandle-start",
             title: M.toLanguageString($, z[$]),
             style: e.vertical ? { bottom: "calc(" + h + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + h + "% - 13px)", zIndex: 1 } : { left: "calc(" + h + "%)", zIndex: 1 },
-            onKeyDown: U
+            onKeyDown: X
           }
         ),
         /* @__PURE__ */ a.createElement(
@@ -292,7 +292,7 @@ const se = (n, s, p) => {
             className: "k-draghandle k-draghandle-end",
             title: M.toLanguageString($, z[$]),
             style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
-            onKeyDown: X
+            onKeyDown: F
           }
         )
       )

package/rating/Rating.d.ts

@@ -34,6 +34,9 @@ export interface RatingProps extends FormComponentProps {
     /**
      * Sets the `tabIndex` attribute.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Rating tabIndex={0} value={2} />
@@ -240,6 +243,9 @@ export interface RatingProps extends FormComponentProps {
     /**
      * Identifies the element(s) which will describe the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Rating ariaDescribedBy="description-id" />
@@ -249,6 +255,9 @@ export interface RatingProps extends FormComponentProps {
     /**
      * Identifies the element(s) which will label the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Rating ariaLabelledBy="label-id" />

package/rating/Rating.mjs

@@ -12,15 +12,15 @@ 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 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 _, messages as ue } from "../messages/index.mjs";
+import { ratingAriaLabel as X, messages as ue } from "../messages/index.mjs";
 import { useLocalization as me } from "@progress/kendo-react-intl";
-const X = (n, g, v) => {
+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);
   }];
-}, de = se(), q = a.forwardRef((n, g) => {
+}, de = se(), G = a.forwardRef((n, g) => {
   const v = te(de, n), e = {
     dir: s.dir,
     min: s.min,
@@ -38,7 +38,7 @@ const X = (n, g, v) => {
     element: h.current,
     props: e
   })), a.useImperativeHandle(g, () => m.current);
-  const G = a.useCallback(
+  const W = a.useCallback(
     (t, l) => {
       e.onChange && m.current && e.onChange.call(void 0, {
         value: t,
@@ -47,7 +47,7 @@ const X = (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]), W = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = X(
+  ), 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,
     {
       state: e.value,
@@ -55,8 +55,8 @@ const X = (n, g, v) => {
       max: x,
       step: d === "half" ? i / 2 : i
     },
-    G
-  ), [T, O] = X(null, {
+    W
+  ), [T, O] = q(null, {
     state: e.value,
     min: I,
     max: x,
@@ -177,7 +177,7 @@ const X = (n, g, v) => {
     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,
@@ -261,7 +261,7 @@ const X = (n, g, v) => {
       "aria-valuemax": x,
       "aria-valuenow": u !== null ? u : void 0,
       "aria-disabled": k ? "true" : void 0,
-      "aria-label": N.toLanguageString(_, ue[_]),
+      "aria-label": N.toLanguageString(X, ue[X]),
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
@@ -307,9 +307,9 @@ const X = (n, g, v) => {
   selection: "continues",
   precision: "item"
 };
-q.displayName = "KendoReactRating";
-q.propTypes = pe;
+G.displayName = "KendoReactRating";
+G.propTypes = pe;
 export {
-  q as Rating,
+  G as Rating,
   de as RatingPropsContext
 };

package/rating/RatingItem.d.ts

@@ -21,6 +21,9 @@ export interface RatingItemProps {
     className?: string;
     /**
      * Sets the `tabIndex` attribute.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     tabIndex?: number;
     /**

package/rating/RatingItem.mjs

@@ -40,7 +40,7 @@ const s = n.forwardRef((c, u) => {
       });
     },
     [e.onFocus]
-  ), f = n.useCallback(
+  ), h = n.useCallback(
     (t) => {
       e.onBlur && e.onBlur.call(void 0, {
         target: o.current,
@@ -48,7 +48,7 @@ const s = n.forwardRef((c, u) => {
       });
     },
     [e.onBlur]
-  ), h = n.useCallback(
+  ), f = n.useCallback(
     (t) => {
       e.onMouseMove && e.onMouseMove.call(void 0, {
         target: o.current,
@@ -95,10 +95,10 @@ const s = n.forwardRef((c, u) => {
       onClick: i,
       onKeyDown: d,
       onFocus: v,
-      onBlur: f,
+      onBlur: h,
       onMouseEnter: M,
       onMouseLeave: m,
-      onMouseMove: h
+      onMouseMove: f
     },
     e.children
   );

package/signature/Signature.mjs

@@ -8,16 +8,16 @@
 import { SignaturePad as Le } from "@progress/kendo-inputs-common";
 import { Button as T } from "@progress/kendo-react-buttons";
 import { validatePackage as we, getLicenseMessage as Ie, usePropsContext as Pe, noop as f, useIsomorphicLayoutEffect as De, dispatchEvent as h, classNames as B, kendoThemeMaps as ee, getTabIndex as Te, WatermarkOverlay as Be, createPropsContext as Re } from "@progress/kendo-react-common";
-import { Dialog as _e } from "@progress/kendo-react-dialogs";
-import { useLocalization as Fe } from "@progress/kendo-react-intl";
+import { Dialog as Fe } from "@progress/kendo-react-dialogs";
+import { useLocalization as _e } from "@progress/kendo-react-intl";
 import a from "prop-types";
 import * as o from "react";
 import { signatureMaximize as te, messages as R, signatureMinimize as oe, signatureClear as ne } from "../messages/index.mjs";
 import { packageMetadata as ae } from "../package-metadata.mjs";
 import { hasParent as Ne } from "./utils/index.mjs";
 import { hyperlinkOpenIcon as re, xIcon as We } from "@progress/kendo-svg-icons";
-const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d) => d !== void 0, je = Re(), _ = o.forwardRef((d, ce) => {
-  const ue = !we(ae, { component: "Signature" }), de = Ie(ae), F = Pe(je, d), e = o.useMemo(
+const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d) => d !== void 0, je = Re(), F = o.forwardRef((d, ce) => {
+  const ue = !we(ae, { component: "Signature" }), de = Ie(ae), _ = Pe(je, d), e = o.useMemo(
     () => ({
       strokeWidth: s.strokeWidth,
       smooth: s.smooth,
@@ -35,10 +35,10 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
       size: s.size,
       rounded: s.rounded,
       fillMode: s.fillMode,
-      ...F
+      ..._
     }),
-    [F]
-  ), S = Fe(), c = o.useRef(null), g = o.useRef(null), N = o.useRef(null), W = o.useRef(null), z = o.useRef(null), [r, me] = o.useState(), [b, q] = o.useState(!1), [E, G] = o.useState(!1), [k, A] = o.useState(), [pe, fe] = o.useState(), V = ie(e.value) ? e.value : k, [ge, be] = o.useState(!1), p = ie(e.open), m = p ? e.open : ge, ke = e.maximized || E || !e.maximizable || e.disabled, ve = !(e.maximized && !E), ye = !(!(e.value || k) || E || e.readOnly || e.disabled), j = S.toLanguageString(te, R[te]), U = S.toLanguageString(oe, R[oe]), H = S.toLanguageString(ne, R[ne]), O = e.popupScale || se, x = e.exportScale || le, M = (t) => {
+    [_]
+  ), S = _e(), c = o.useRef(null), g = o.useRef(null), N = o.useRef(null), W = o.useRef(null), z = o.useRef(null), [r, me] = o.useState(), [b, q] = o.useState(!1), [E, G] = o.useState(!1), [k, A] = o.useState(), [pe, fe] = o.useState(), V = ie(e.value) ? e.value : k, [ge, be] = o.useState(!1), p = ie(e.open), m = p ? e.open : ge, ke = e.maximized || E || !e.maximizable || e.disabled, ve = !(e.maximized && !E), ye = !(!(e.value || k) || E || e.readOnly || e.disabled), j = S.toLanguageString(te, R[te]), U = S.toLanguageString(oe, R[oe]), H = S.toLanguageString(ne, R[ne]), O = e.popupScale || se, x = e.exportScale || le, M = (t) => {
     A(t), e.onChange && e.onChange({ value: t });
   }, Ce = (t) => {
     r == null || r.loadImage(t.value), M(t.value);
@@ -262,8 +262,8 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
         title: H
       }
     )),
-    m && /* @__PURE__ */ o.createElement(_e, { ref: N }, /* @__PURE__ */ o.createElement(
-      _,
+    m && /* @__PURE__ */ o.createElement(Fe, { ref: N }, /* @__PURE__ */ o.createElement(
+      F,
       {
         ...e,
         ...Z(),
@@ -278,7 +278,7 @@ const qe = 250, Ge = 84, se = 3, le = 2, Ae = "#000000", Ve = "#ffffff", ie = (d
     ue && /* @__PURE__ */ o.createElement(Be, { message: de })
   );
 });
-_.propTypes = {
+F.propTypes = {
   value: a.string,
   width: a.number,
   height: a.number,
@@ -318,8 +318,8 @@ const s = {
   rounded: void 0,
   fillMode: void 0
 };
-_.displayName = "KendoSignature";
+F.displayName = "KendoSignature";
 export {
-  _ as Signature,
+  F as Signature,
   je as SignaturePropsContext
 };

package/signature/interfaces/SignatureProps.d.ts

@@ -90,6 +90,9 @@ export interface SignatureProps extends FormComponentProps {
     /**
      * Identifies the element(s) which will describe the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Signature ariaDescribedBy="description-id" />
@@ -99,6 +102,9 @@ export interface SignatureProps extends FormComponentProps {
     /**
      * Identifies the element(s) which will label the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Signature ariaLabelledBy="label-id" />
@@ -108,6 +114,9 @@ export interface SignatureProps extends FormComponentProps {
     /**
      * Specifies the accessible label of the Signature.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Signature ariaLabel="Signature field" />

package/slider/Slider.d.ts

@@ -154,6 +154,9 @@ export interface SliderProps extends FormComponentProps {
     /**
      * Identifies the element(s) which will describe the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Slider ariaDescribedBy="description-id" min={0} max={100} />
@@ -163,6 +166,9 @@ export interface SliderProps extends FormComponentProps {
     /**
      * Identifies the element(s) which will label the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Slider ariaLabelledBy="label-id" min={0} max={100} />
@@ -172,6 +178,9 @@ export interface SliderProps extends FormComponentProps {
     /**
      * Specifies the accessible label of the Slider.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Slider ariaLabel="Slider component" min={0} max={100} />

package/slider/Slider.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),le=require("prop-types"),c=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-intl"),u=require("../messages/index.js"),re=require("./SliderLabel.js"),_=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-svg-icons");function F(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const b=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(k,d,b.get?b:{enumerable:!0,get:()=>e[d]})}}return k.default=e,Object.freeze(k)}const i=F(n),r=F(le),v={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,tabIndex:0},T=i.forwardRef((e,k)=>{var K,M,O;const{step:d=v.step,largeStep:b=v.largeStep,vertical:l=v.vertical,disabled:E=v.disabled,tabIndex:U=v.tabIndex}=e,[H,W]=n.useState((K=e.defaultValue)!=null?K:e.min),[X,V]=n.useState(!1),[R,G]=n.useState(e.dir),L=n.useRef(null),h=n.useRef(null),A=n.useMemo(()=>new j.LocalizationService,[]),z=n.useRef(null),N=e.value!==void 0,x=N&&e.value!==void 0?e.value:H,s=n.useMemo(()=>{const{min:t,max:a}=e;return x<t?t:x>a?a:x},[x,e.min,e.max]),y=n.useMemo(()=>{const{min:t,max:a}=e,o=a-t;return o===0?0:(s-t)/o*100},[s,e.min,e.max]),f=(M=e.dir)!=null?M:R;n.useEffect(()=>{if(e.dir===void 0&&h.current){const a=window.getComputedStyle(h.current).direction;a!==R&&G(a)}},[e.dir,R]);const q=n.useCallback(t=>{let a=t;for(;a;){if(a.getAttribute(re.SLIDER_LABEL_ATTRIBUTE))return!0;a=a.parentElement}return!1},[]),m=n.useCallback((t,a)=>{const o=Math.min(Math.max(a,e.min),e.max);N||W(o),c.dispatchEvent(e.onChange,t,z.current,{value:o})},[e.min,e.max,e.onChange,N]),Y=n.useCallback(()=>{V(!0)},[]),J=n.useCallback(()=>{V(!1)},[]),Q=n.useCallback(t=>{let a;t.keyCode===c.Keys.left||t.keyCode===c.Keys.down?a=s-(d||0):t.keyCode===c.Keys.right||t.keyCode===c.Keys.up?a=s+(d||0):t.keyCode===c.Keys.pageDown?a=s-(b||0):t.keyCode===c.Keys.pageUp?a=s+(b||0):t.keyCode===c.Keys.home?a=e.min:t.keyCode===c.Keys.end&&(a=e.max),a!==void 0&&(t.preventDefault(),m(t,a))},[s,d,b,e.min,e.max,m]),Z=n.useCallback(t=>{t.preventDefault(),m(t,s-(d||0))},[s,d,m]),$=n.useCallback(t=>{t.preventDefault(),m(t,s+(d||0))},[s,d,m]),I=n.useCallback(t=>{const a=t.element.getBoundingClientRect();let o;l?o=a.bottom-t.event.clientY:o=f==="rtl"?a.right-t.event.clientX:t.event.clientX-a.left;const C=l?a.height:a.width,S=o/C;m(t,e.min+S*(e.max-e.min))},[l,e.min,e.max,f,m]),p=n.useCallback(t=>{q(t.event.originalEvent.target)||(t.event.isTouch&&t.event.originalEvent.preventDefault(),I(t))},[q,I]),ee=n.useCallback(t=>{t.event.originalEvent.preventDefault(),I(t)},[I]),w=n.useCallback(()=>{h.current&&h.current.focus()},[]),te=n.useCallback(t=>{if(!t.enabled)return t.children;let a,o,C,S;return f==="rtl"?(a=l?g.caretAltUpIcon:g.caretAltLeftIcon,o=l?g.caretAltDownIcon:g.caretAltRightIcon,C=l?"caret-alt-up":"caret-alt-left",S=l?"caret-alt-down":"caret-alt-right"):(a=l?g.caretAltUpIcon:g.caretAltRightIcon,o=l?g.caretAltDownIcon:g.caretAltLeftIcon,C=l?"caret-alt-up":"caret-alt-right",S=l?"caret-alt-down":"caret-alt-left"),i.createElement(i.Fragment,null,i.createElement(_.Button,{className:"k-button-decrease",rounded:"full",icon:S,svgIcon:o,title:t.decrementTitle,onClick:t.decrement}),t.children,i.createElement(_.Button,{className:"k-button-increase",rounded:"full",icon:C,svgIcon:a,title:t.incrementTitle,onClick:t.increment}))},[f,l]);n.useImperativeHandle(k,()=>({props:e,sliderTrack:L.current,focus:w}),[e,w]),n.useEffect(()=>{z.current={props:e,sliderTrack:L.current,focus:w}},[e,w]);const ae=l?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},ne=l?{paddingTop:0,height:"100%"}:{};let D;return l?D={bottom:"calc("+y+"%)",zIndex:1}:f==="rtl"?D={right:"calc("+y+"% - 13px)",zIndex:1}:D={left:"calc("+y+"%)",zIndex:1},i.createElement("div",{ref:h,dir:f,id:e.id,style:{gap:0,...e.style},onFocus:Y,onBlur:J,onKeyDown:Q,className:c.classNames("k-slider",{"k-focus":X,"k-disabled":E,"k-slider-horizontal":!l,"k-slider-vertical":l},e.className)},te({enabled:(O=e.buttons)!=null?O:v.buttons,decrement:Z,increment:$,incrementTitle:A.toLanguageString(u.sliderIncreaseValue,u.messages[u.sliderIncreaseValue]),decrementTitle:A.toLanguageString(u.sliderDecreaseValue,u.messages[u.sliderDecreaseValue]),children:i.createElement(c.Draggable,{onDrag:ee,onPress:p,autoScroll:!1},i.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...ae}},e.children&&i.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...ne}},i.Children.map(e.children,(t,a)=>t&&i.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:l,firstTick:a===0,lastTick:a===i.Children.count(e.children)-1},t.props.children))),i.createElement("div",{className:"k-slider-track",style:l?{bottom:0,height:"100%"}:{[f==="rtl"?"right":"left"]:0,width:"100%"},ref:L},i.createElement("div",{className:"k-slider-selection",style:l?{height:y+"%"}:{width:y+"%"}}),i.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":s,"aria-valuetext":String(s),"aria-orientation":l?"vertical":void 0,"aria-disabled":E?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:c.getTabIndex(U,E,void 0),className:"k-draghandle k-draghandle-end",title:A.toLanguageString(u.sliderDragTitle,u.messages[u.sliderDragTitle]),style:D}))))}))});T.displayName="Slider";const P=c.createPropsContext(),B=c.withPropsContext(P,T);B.displayName="KendoReactSlider";B.propTypes={value:r.number,defaultValue:r.number,min:r.number.isRequired,max:r.number.isRequired,step:r.number,largeStep:r.number,onChange:r.func,style:r.object,className:r.string,buttons:r.bool,tabIndex:r.number,disabled:r.bool,vertical:r.bool,id:r.string,ariaDescribedBy:r.string,ariaLabelledBy:r.string,ariaLabel:r.string,dir:r.oneOf(["ltr","rtl"]),children:r.node};j.registerForLocalization(T);exports.Slider=B;exports.SliderPropsContext=P;exports.SliderWithoutContext=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("prop-types"),c=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl"),u=require("../messages/index.js"),ne=require("./SliderLabel.js"),j=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-svg-icons");function le(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const b=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(k,d,b.get?b:{enumerable:!0,get:()=>e[d]})}}return k.default=e,Object.freeze(k)}const r=le(n),v={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,tabIndex:0},T=r.forwardRef((e,k)=>{var K,M,O;const{step:d=v.step,largeStep:b=v.largeStep,vertical:l=v.vertical,disabled:E=v.disabled,tabIndex:P=v.tabIndex}=e,[U,H]=n.useState((K=e.defaultValue)!=null?K:e.min),[W,V]=n.useState(!1),[R,X]=n.useState(e.dir),L=n.useRef(null),h=n.useRef(null),A=n.useMemo(()=>new F.LocalizationService,[]),z=n.useRef(null),N=e.value!==void 0,x=N&&e.value!==void 0?e.value:U,s=n.useMemo(()=>{const{min:t,max:a}=e;return x<t?t:x>a?a:x},[x,e.min,e.max]),y=n.useMemo(()=>{const{min:t,max:a}=e,o=a-t;return o===0?0:(s-t)/o*100},[s,e.min,e.max]),f=(M=e.dir)!=null?M:R;n.useEffect(()=>{if(e.dir===void 0&&h.current){const a=window.getComputedStyle(h.current).direction;a!==R&&X(a)}},[e.dir,R]);const q=n.useCallback(t=>{let a=t;for(;a;){if(a.getAttribute(ne.SLIDER_LABEL_ATTRIBUTE))return!0;a=a.parentElement}return!1},[]),m=n.useCallback((t,a)=>{const o=Math.min(Math.max(a,e.min),e.max);N||H(o),c.dispatchEvent(e.onChange,t,z.current,{value:o})},[e.min,e.max,e.onChange,N]),G=n.useCallback(()=>{V(!0)},[]),Y=n.useCallback(()=>{V(!1)},[]),J=n.useCallback(t=>{let a;t.keyCode===c.Keys.left||t.keyCode===c.Keys.down?a=s-(d||0):t.keyCode===c.Keys.right||t.keyCode===c.Keys.up?a=s+(d||0):t.keyCode===c.Keys.pageDown?a=s-(b||0):t.keyCode===c.Keys.pageUp?a=s+(b||0):t.keyCode===c.Keys.home?a=e.min:t.keyCode===c.Keys.end&&(a=e.max),a!==void 0&&(t.preventDefault(),m(t,a))},[s,d,b,e.min,e.max,m]),Q=n.useCallback(t=>{t.preventDefault(),m(t,s-(d||0))},[s,d,m]),Z=n.useCallback(t=>{t.preventDefault(),m(t,s+(d||0))},[s,d,m]),I=n.useCallback(t=>{const a=t.element.getBoundingClientRect();let o;l?o=a.bottom-t.event.clientY:o=f==="rtl"?a.right-t.event.clientX:t.event.clientX-a.left;const C=l?a.height:a.width,S=o/C;m(t,e.min+S*(e.max-e.min))},[l,e.min,e.max,f,m]),$=n.useCallback(t=>{q(t.event.originalEvent.target)||(t.event.isTouch&&t.event.originalEvent.preventDefault(),I(t))},[q,I]),p=n.useCallback(t=>{t.event.originalEvent.preventDefault(),I(t)},[I]),w=n.useCallback(()=>{h.current&&h.current.focus()},[]),ee=n.useCallback(t=>{if(!t.enabled)return t.children;let a,o,C,S;return f==="rtl"?(a=l?g.caretAltUpIcon:g.caretAltLeftIcon,o=l?g.caretAltDownIcon:g.caretAltRightIcon,C=l?"caret-alt-up":"caret-alt-left",S=l?"caret-alt-down":"caret-alt-right"):(a=l?g.caretAltUpIcon:g.caretAltRightIcon,o=l?g.caretAltDownIcon:g.caretAltLeftIcon,C=l?"caret-alt-up":"caret-alt-right",S=l?"caret-alt-down":"caret-alt-left"),r.createElement(r.Fragment,null,r.createElement(j.Button,{className:"k-button-decrease",rounded:"full",icon:S,svgIcon:o,title:t.decrementTitle,onClick:t.decrement}),t.children,r.createElement(j.Button,{className:"k-button-increase",rounded:"full",icon:C,svgIcon:a,title:t.incrementTitle,onClick:t.increment}))},[f,l]);n.useImperativeHandle(k,()=>({props:e,sliderTrack:L.current,focus:w}),[e,w]),n.useEffect(()=>{z.current={props:e,sliderTrack:L.current,focus:w}},[e,w]);const te=l?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},ae=l?{paddingTop:0,height:"100%"}:{};let D;return l?D={bottom:"calc("+y+"%)",zIndex:1}:f==="rtl"?D={right:"calc("+y+"% - 13px)",zIndex:1}:D={left:"calc("+y+"%)",zIndex:1},r.createElement("div",{ref:h,dir:f,id:e.id,style:{gap:0,...e.style},onFocus:G,onBlur:Y,onKeyDown:J,className:c.classNames("k-slider",{"k-focus":W,"k-disabled":E,"k-slider-horizontal":!l,"k-slider-vertical":l},e.className)},ee({enabled:(O=e.buttons)!=null?O:v.buttons,decrement:Q,increment:Z,incrementTitle:A.toLanguageString(u.sliderIncreaseValue,u.messages[u.sliderIncreaseValue]),decrementTitle:A.toLanguageString(u.sliderDecreaseValue,u.messages[u.sliderDecreaseValue]),children:r.createElement(c.Draggable,{onDrag:p,onPress:$,autoScroll:!1},r.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...te}},e.children&&r.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...ae}},r.Children.map(e.children,(t,a)=>t&&r.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:l,firstTick:a===0,lastTick:a===r.Children.count(e.children)-1},t.props.children))),r.createElement("div",{className:"k-slider-track",style:l?{bottom:0,height:"100%"}:{[f==="rtl"?"right":"left"]:0,width:"100%"},ref:L},r.createElement("div",{className:"k-slider-selection",style:l?{height:y+"%"}:{width:y+"%"}}),r.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":s,"aria-valuetext":String(s),"aria-orientation":l?"vertical":void 0,"aria-disabled":E?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:c.getTabIndex(P,E,void 0),className:"k-draghandle k-draghandle-end",title:A.toLanguageString(u.sliderDragTitle,u.messages[u.sliderDragTitle]),style:D}))))}))});T.displayName="Slider";const _=c.createPropsContext(),B=c.withPropsContext(_,T);B.displayName="KendoReactSlider";B.propTypes={value:i.number,defaultValue:i.number,min:i.number.isRequired,max:i.number.isRequired,step:i.number,largeStep:i.number,onChange:i.func,style:i.object,className:i.string,buttons:i.bool,tabIndex:i.number,disabled:i.bool,vertical:i.bool,id:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,dir:i.oneOf(["ltr","rtl"]),children:i.node};F.registerForLocalization(T);exports.Slider=B;exports.SliderPropsContext=_;exports.SliderWithoutContext=T;

package/slider/Slider.mjs

@@ -7,7 +7,7 @@
  */
 import * as l from "react";
 import { useState as L, useRef as R, useMemo as N, useEffect as q, useCallback as o, useImperativeHandle as me } from "react";
-import * as i from "prop-types";
+import i from "prop-types";
 import { withPropsContext as ue, dispatchEvent as fe, Keys as s, classNames as ge, Draggable as ve, getTabIndex as he, createPropsContext as be } from "@progress/kendo-react-common";
 import { LocalizationService as ye, registerForLocalization as ke } from "@progress/kendo-react-intl";
 import { sliderDragTitle as H, messages as A, sliderDecreaseValue as O, sliderIncreaseValue as X } from "../messages/index.mjs";

package/switch/Switch.d.ts

@@ -156,6 +156,9 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
     /**
      * Identifies the element(s) which will label the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Switch ariaLabelledBy="label-id" />
@@ -210,6 +213,9 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
     /**
      * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Switch tabIndex={0} />
@@ -228,6 +234,9 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
     /**
      * Specifies the accessible label of the Switch.
      *
+     * @remarks
+     * This property is related to accessibility.
+     *
      * @example
      * ```jsx
      * <Switch ariaLabel="Toggle switch" />

package/switch/Switch.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),Y=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("@progress/kendo-react-intl"),N=require("../messages/index.js");function z(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const h=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(m,s,h.get?h:{enumerable:!0,get:()=>e[s]})}}return m.default=e,Object.freeze(m)}const d=z(n),a=z(Y),l={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",validityStyles:!0},x=d.forwardRef((e,m)=>{var F;const{disabled:s=l.disabled,defaultChecked:h=l.defaultChecked,size:C=l.size,trackRounded:w=l.trackRounded,thumbRounded:R=l.thumbRounded,offLabel:O=l.offLabel,onBlur:S=l.onBlur,onFocus:M=l.onFocus,onLabel:T=l.onLabel}=e,[I,V]=n.useState(h||!1),[_,P]=n.useState(!1),o=n.useRef(null),u=n.useRef(null),E=n.useRef(null),v=n.useRef(void 0),q=n.useRef(void 0),B=n.useRef(void 0),D=n.useMemo(()=>new Z.LocalizationService,[]),c=n.useMemo(()=>v.current!==void 0?v.current:e.checked!==void 0?e.checked:I,[e.checked,I]),b=n.useMemo(()=>{var g,K;const t=e.validationMessage!==void 0,r=(g=e.valid)!=null?g:e.required?!!c:!0,y=(K=e.valid)!=null?K:r;return{customError:t,valid:y,valueMissing:c===null}},[e.valid,e.validationMessage,e.required,c]),W=(F=e.validityStyles)!=null?F:l.validityStyles;n.useEffect(()=>{var t;(t=E.current)!=null&&t.setCustomValidity&&E.current.setCustomValidity(b.valid?"":e.validationMessage||D.toLanguageString(N.switchValidation,N.messages[N.switchValidation]))},[b,e.validationMessage,D]),n.useEffect(()=>{o.current&&(B.current=e.dir||getComputedStyle(o.current).direction||void 0)},[e.dir]);const k=n.useCallback(()=>({props:e,get element(){return o.current},get actionElement(){return u.current},focus:()=>{var t;(t=u.current)==null||t.focus()},get value(){return c},get name(){return e.name},get validity(){return b}}),[e,c,b]),f=n.useCallback((t,r)=>{V(t),v.current=t,i.dispatchEvent(e.onChange,r,{...k(),value:t},{value:t}),v.current=void 0},[e.onChange,k]);n.useEffect(()=>{const t=e.name||e.id,r=i.subscribeToKendoPaste(u.current,{fieldName:t,onValueChange:y=>{if(y!==c){const g={target:u.current,currentTarget:u.current,nativeEvent:new Event("change",{bubbles:!0})};f(y,g)}}});return()=>{r==null||r.unsubscribe()}},[e.name,e.id,c,f]);const H=n.useCallback(t=>{q.current!==t.timeStamp&&(q.current=t.timeStamp,f(!c,t))},[c,f]),$=n.useCallback(t=>{if(s)return;const{keyCode:r}=t;(r===i.Keys.space||r===i.Keys.enter)&&(f(!c,t),t.preventDefault())},[s,c,f]),A=n.useCallback(t=>{s||(P(!0),M&&M(t))},[s,M]),G=n.useCallback(t=>{s||(P(!1),S&&S(t))},[s,S]);n.useImperativeHandle(m,k,[k]);const J=B.current||e.dir||o.current&&getComputedStyle(o.current).direction||void 0,Q=!W||b.valid,U=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[C]||C}`]:C,"k-switch-on":c,"k-switch-off":!c,"k-focus":_,"k-disabled":s,"k-invalid":!Q},e.className),X=d.createElement("input",{type:"checkbox",checked:e.checked,ref:E,tabIndex:-1,"aria-hidden":!0,value:c,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:e.name||void 0});return d.createElement("span",{ref:u,role:"switch","aria-checked":c,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:U,dir:J,onKeyDown:$,onClick:H,onBlur:G,onFocus:A,tabIndex:i.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},d.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[w]||w}`]:w}),ref:o},X,T?d.createElement("span",{className:"k-switch-label-on"},T):"",O?d.createElement("span",{className:"k-switch-label-off"},O):""),d.createElement("span",{className:"k-switch-thumb-wrap"},d.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${i.kendoThemeMaps.roundedMap[R]||R}`]:R})})))});x.displayName="Switch";const j=i.createPropsContext(),L=i.withIdHOC(i.withPropsContext(j,x));L.displayName="KendoReactSwitch";L.propTypes={accessKey:a.string,checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,disabled:a.bool,dir:a.string,id:a.string,size:a.oneOf(["small","medium","large"]),trackRounded:a.oneOf(["small","medium","large","full"]),thumbRounded:a.oneOf(["small","medium","large","full"]),ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,offLabel:a.node,onBlur:a.func,onChange:a.func,onFocus:a.func,onLabel:a.node,tabIndex:a.number,value:a.any,name:a.string,required:a.bool,valid:a.bool,validationMessage:a.string,validityStyles:a.bool};exports.Switch=L;exports.SwitchPropsContext=j;exports.SwitchWithoutContext=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("prop-types"),i=require("@progress/kendo-react-common"),X=require("@progress/kendo-react-intl"),N=require("../messages/index.js");function Y(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const h=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(m,s,h.get?h:{enumerable:!0,get:()=>e[s]})}}return m.default=e,Object.freeze(m)}const d=Y(n),l={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",validityStyles:!0},x=d.forwardRef((e,m)=>{var F;const{disabled:s=l.disabled,defaultChecked:h=l.defaultChecked,size:C=l.size,trackRounded:w=l.trackRounded,thumbRounded:R=l.thumbRounded,offLabel:O=l.offLabel,onBlur:S=l.onBlur,onFocus:M=l.onFocus,onLabel:I=l.onLabel}=e,[T,j]=n.useState(h||!1),[V,q]=n.useState(!1),o=n.useRef(null),u=n.useRef(null),E=n.useRef(null),v=n.useRef(void 0),B=n.useRef(void 0),D=n.useRef(void 0),P=n.useMemo(()=>new X.LocalizationService,[]),c=n.useMemo(()=>v.current!==void 0?v.current:e.checked!==void 0?e.checked:T,[e.checked,T]),b=n.useMemo(()=>{var g,K;const t=e.validationMessage!==void 0,r=(g=e.valid)!=null?g:e.required?!!c:!0,y=(K=e.valid)!=null?K:r;return{customError:t,valid:y,valueMissing:c===null}},[e.valid,e.validationMessage,e.required,c]),W=(F=e.validityStyles)!=null?F:l.validityStyles;n.useEffect(()=>{var t;(t=E.current)!=null&&t.setCustomValidity&&E.current.setCustomValidity(b.valid?"":e.validationMessage||P.toLanguageString(N.switchValidation,N.messages[N.switchValidation]))},[b,e.validationMessage,P]),n.useEffect(()=>{o.current&&(D.current=e.dir||getComputedStyle(o.current).direction||void 0)},[e.dir]);const k=n.useCallback(()=>({props:e,get element(){return o.current},get actionElement(){return u.current},focus:()=>{var t;(t=u.current)==null||t.focus()},get value(){return c},get name(){return e.name},get validity(){return b}}),[e,c,b]),f=n.useCallback((t,r)=>{j(t),v.current=t,i.dispatchEvent(e.onChange,r,{...k(),value:t},{value:t}),v.current=void 0},[e.onChange,k]);n.useEffect(()=>{const t=e.name||e.id,r=i.subscribeToKendoPaste(u.current,{fieldName:t,onValueChange:y=>{if(y!==c){const g={target:u.current,currentTarget:u.current,nativeEvent:new Event("change",{bubbles:!0})};f(y,g)}}});return()=>{r==null||r.unsubscribe()}},[e.name,e.id,c,f]);const H=n.useCallback(t=>{B.current!==t.timeStamp&&(B.current=t.timeStamp,f(!c,t))},[c,f]),_=n.useCallback(t=>{if(s)return;const{keyCode:r}=t;(r===i.Keys.space||r===i.Keys.enter)&&(f(!c,t),t.preventDefault())},[s,c,f]),$=n.useCallback(t=>{s||(q(!0),M&&M(t))},[s,M]),A=n.useCallback(t=>{s||(q(!1),S&&S(t))},[s,S]);n.useImperativeHandle(m,k,[k]);const G=D.current||e.dir||o.current&&getComputedStyle(o.current).direction||void 0,J=!W||b.valid,Q=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[C]||C}`]:C,"k-switch-on":c,"k-switch-off":!c,"k-focus":V,"k-disabled":s,"k-invalid":!J},e.className),U=d.createElement("input",{type:"checkbox",checked:e.checked,ref:E,tabIndex:-1,"aria-hidden":!0,value:c,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:e.name||void 0});return d.createElement("span",{ref:u,role:"switch","aria-checked":c,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:Q,dir:G,onKeyDown:_,onClick:H,onBlur:A,onFocus:$,tabIndex:i.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},d.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[w]||w}`]:w}),ref:o},U,I?d.createElement("span",{className:"k-switch-label-on"},I):"",O?d.createElement("span",{className:"k-switch-label-off"},O):""),d.createElement("span",{className:"k-switch-thumb-wrap"},d.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${i.kendoThemeMaps.roundedMap[R]||R}`]:R})})))});x.displayName="Switch";const z=i.createPropsContext(),L=i.withIdHOC(i.withPropsContext(z,x));L.displayName="KendoReactSwitch";L.propTypes={accessKey:a.string,checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,disabled:a.bool,dir:a.string,id:a.string,size:a.oneOf(["small","medium","large"]),trackRounded:a.oneOf(["small","medium","large","full"]),thumbRounded:a.oneOf(["small","medium","large","full"]),ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,offLabel:a.node,onBlur:a.func,onChange:a.func,onFocus:a.func,onLabel:a.node,tabIndex:a.number,value:a.any,name:a.string,required:a.bool,valid:a.bool,validationMessage:a.string,validityStyles:a.bool};exports.Switch=L;exports.SwitchPropsContext=z;exports.SwitchWithoutContext=x;

package/switch/Switch.mjs

@@ -7,7 +7,7 @@
  */
 import * as d from "react";
 import { useState as q, useRef as u, useMemo as E, useEffect as L, useCallback as m, useImperativeHandle as ae } from "react";
-import * as a from "prop-types";
+import a from "prop-types";
 import { withIdHOC as ne, withPropsContext as ie, noop as M, dispatchEvent as re, subscribeToKendoPaste as ce, Keys as V, classNames as N, kendoThemeMaps as x, getTabIndex as de, createPropsContext as le } from "@progress/kendo-react-common";
 import { LocalizationService as oe } from "@progress/kendo-react-intl";
 import { switchValidation as H, messages as se } from "../messages/index.mjs";

package/textarea/TextArea.mjs

@@ -13,19 +13,19 @@ const Pe = ze(), K = a.forwardRef((L, j) => {
     size: b = i.size,
     rounded: p = i.rounded,
     fillMode: P = i.fillMode,
-    autoFocus: _ = i.autoFocus,
+    autoFocus: G = i.autoFocus,
     flow: x = i.flow,
-    prefix: G = null,
-    suffix: J = null,
-    ariaDescribedBy: Q,
-    ariaLabelledBy: U,
+    prefix: J = null,
+    suffix: Q = null,
+    ariaDescribedBy: U,
+    ariaLabelledBy: W,
     autoSize: c,
-    className: W,
-    defaultValue: X,
+    className: X,
+    defaultValue: Y,
     disabled: o,
-    readOnly: Y,
+    readOnly: Z,
     required: d,
-    rows: Z,
+    rows: _,
     id: w,
     name: F,
     placeholder: ee,
@@ -50,7 +50,7 @@ const Pe = ze(), K = a.forwardRef((L, j) => {
     t.current && t.current.focus();
   }, []), O = a.useCallback(() => {
     t.current && t.current.blur();
-  }, []), [B, M] = a.useState(X), [ne, A] = a.useState(!1), [se, le] = $(G), [ie, ue] = $(J), f = v !== void 0, m = f ? v : B, N = F || w, n = a.useCallback(() => ({
+  }, []), [B, M] = a.useState(Y), [ne, A] = a.useState(!1), [se, le] = $(J), [ie, ue] = $(Q), f = v !== void 0, m = f ? v : B, N = F || w, n = a.useCallback(() => ({
     element: t,
     focus: I,
     blur: O,
@@ -129,15 +129,15 @@ const Pe = ze(), K = a.forwardRef((L, j) => {
     }),
     ref: t,
     disabled: o,
-    rows: Z,
+    rows: _,
     placeholder: ee,
-    readOnly: Y,
+    readOnly: Z,
     required: d,
     tabIndex: Ce(ae, o),
-    autoFocus: _,
+    autoFocus: G,
     style: pe,
-    "aria-labelledby": U,
-    "aria-describedby": Q,
+    "aria-labelledby": W,
+    "aria-describedby": U,
     "aria-multiline": !0,
     "aria-disabled": o || void 0,
     "aria-required": d,
@@ -164,7 +164,7 @@ const Pe = ze(), K = a.forwardRef((L, j) => {
           "!k-flex-col": x === "vertical",
           "!k-flex-row": x === "horizontal"
         },
-        W
+        X
       ),
       style: te,
       dir: de

package/textarea/interfaces/TextAreaProps.d.ts

@@ -20,10 +20,16 @@ export interface TextAreaProps extends FormComponentProps, Omit<React.TextareaHT
     /**
      * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
      * For example these elements could contain error or hint message.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
     /**
      * Identifies the element(s) which will label the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
     /**
@@ -78,6 +84,9 @@ export interface TextAreaProps extends FormComponentProps, Omit<React.TextareaHT
     /**
      * Sets the `tabIndex` property of the TextArea.
      * Defaults to `0`.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     tabIndex?: number;
     /**
@@ -172,11 +181,17 @@ export interface TextAreaProps extends FormComponentProps, Omit<React.TextareaHT
     resizable?: 'none' | 'vertical' | 'horizontal' | 'both';
     /**
      * Represents the `autoFocus` HTML attribute that will be applied to the input element of the TextArea. (Defaults to `false`)
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     autoFocus?: boolean;
     /**
      * Sets the HTML attributes of the inner focusable input element.
      * Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
     /**

package/textbox/Textbox.d.ts

@@ -74,6 +74,9 @@ export interface TextBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
     suffix?: CustomComponent<any>;
     /**
      * Represents the `autoFocus` HTML attribute that will be applied to the input element of the TextBox. (Defaults to `false`)
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     autoFocus?: boolean;
     /**
@@ -83,6 +86,9 @@ export interface TextBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
     /**
      * Sets the HTML attributes of the inner focusable input element.
      * Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
 }