@progress/kendo-react-inputs 8.2.1-develop.5 → 8.3.0-develop.10

package/maskedtextbox/MaskedTextBox.mjs

@@ -8,32 +8,32 @@
 "use client";
 import * as d from "react";
 import e from "prop-types";
-import { MaskingService as P } from "./masking.service.mjs";
-import { defaultRules as v, maskingChanged as _, returnFalse as m } from "./utils.mjs";
-import { validatePackage as C, useCustomComponent as g, classNames as S, kendoThemeMaps as y, getTabIndex as x, createPropsContext as E, withIdHOC as V, withPropsContext as O } from "@progress/kendo-react-common";
-import { FloatingLabel as M } from "@progress/kendo-react-labels";
-import { packageMetadata as I } from "../package-metadata.mjs";
+import { MaskingService as k } from "./masking.service.mjs";
+import { defaultRules as v, maskingChanged as E, returnFalse as m } from "./utils.mjs";
+import { validatePackage as O, useCustomComponent as g, classNames as y, uMaskedTextBox as b, getTabIndex as V, createPropsContext as w, withIdHOC as M, withPropsContext as I, withUnstyledHOC as D } from "@progress/kendo-react-common";
+import { FloatingLabel as H } from "@progress/kendo-react-labels";
+import { packageMetadata as q } from "../package-metadata.mjs";
 const l = class l extends d.Component {
-  constructor(s) {
-    super(s), this.state = {}, this._inputId = `k-${this.props.id}`, this._service = new P(), this._isPasted = !1, this._selection = [null, null], this._input = null, this.focus = () => {
+  constructor(i) {
+    super(i), this.state = {}, this._inputId = `k_${this.props.id}`, this._service = new k(), this._isPasted = !1, this._selection = [null, null], this._input = null, this.focus = () => {
       this._input && this._input.focus();
     }, this.pasteHandler = (t) => {
-      const { selectionStart: i, selectionEnd: r } = t.target;
-      r !== i && (this._isPasted = !0, this._selection = [i || 0, r || 0]);
+      const { selectionStart: r, selectionEnd: s } = t.target;
+      s !== r && (this._isPasted = !0, this._selection = [r || 0, s || 0]);
     }, this.onChangeHandler = (t) => {
-      const i = t.currentTarget, r = i.value, o = this._selection[0] || 0, a = this._selection[1] || 0;
+      const r = t.currentTarget, s = r.value, o = this._selection[0] || 0, a = this._selection[1] || 0;
       if (!this.props.mask) {
-        this._isPasted = !1, this._selection = [null, null], this.triggerOnChange(r, t);
+        this._isPasted = !1, this._selection = [null, null], this.triggerOnChange(s, t);
         return;
       }
       const p = this.value;
       let n;
       if (this._isPasted) {
         this._isPasted = !1;
-        const u = p.length - a, h = r.length - u;
-        n = this._service.maskInRange(r.slice(o, h), p, o, a);
+        const u = p.length - a, h = s.length - u;
+        n = this._service.maskInRange(s.slice(o, h), p, o, a);
       } else
-        n = this._service.maskInput(r, p, i.selectionStart || 0);
+        n = this._service.maskInput(s, p, r.selectionStart || 0);
       this._selection = [n.selection, n.selection], this.triggerOnChange(n.value, t);
     }, this.focusHandler = (t) => {
       this.state.focused || (this.setState({ focused: !0 }), this.props.onFocus && this.props.onFocus.call(void 0, {
@@ -51,7 +51,7 @@ const l = class l extends d.Component {
       this.element && this.element.setCustomValidity(
         this.validity.valid ? "" : this.props.validationMessage || ""
       );
-    }, C(I);
+    }, O(q);
   }
   /**
    * Gets the element of the MaskedTextBox.
@@ -103,10 +103,10 @@ const l = class l extends d.Component {
    * Represents the validity state into which the MaskedTextBox is set.
    */
   get validity() {
-    const s = this.value, t = this._service.validationValue(s), i = this.props.validationMessage !== void 0, r = this.props.valid !== void 0 ? this.props.valid : (!this.required || !!t) && (!this.props.maskValidation || !this.props.prompt || s.indexOf(this.props.prompt) === -1);
+    const i = this.value, t = this._service.validationValue(i), r = this.props.validationMessage !== void 0, s = this.props.valid !== void 0 ? this.props.valid : (!this.required || !!t) && (!this.props.maskValidation || !this.props.prompt || i.indexOf(this.props.prompt) === -1);
     return {
-      customError: i,
-      valid: r,
+      customError: r,
+      valid: s,
       valueMissing: !t
     };
   }
@@ -131,13 +131,13 @@ const l = class l extends d.Component {
   /**
    * @hidden
    */
-  componentDidUpdate(s, t) {
+  componentDidUpdate(i, t) {
     if (this.element && this.state.focused && t.focused) {
-      let [i, r] = this._selection;
-      const o = s.selection, a = this.props.selection;
-      (!o && a || o && a && (o.start !== a.start || o.end !== a.end)) && (i = a.start, r = a.end), i !== null && r !== null && this.element.setSelectionRange(i, r);
+      let [r, s] = this._selection;
+      const o = i.selection, a = this.props.selection;
+      (!o && a || o && a && (o.start !== a.start || o.end !== a.end)) && (r = a.start, s = a.end), r !== null && s !== null && this.element.setSelectionRange(r, s);
     }
-    _(s, this.props) && this.updateService(), this.setValidity();
+    E(i, this.props) && this.updateService(), this.setValidity();
   }
   /**
    * @hidden
@@ -150,32 +150,32 @@ const l = class l extends d.Component {
    */
   render() {
     const {
-      size: s = l.defaultProps.size,
+      size: i = l.defaultProps.size,
       fillMode: t = l.defaultProps.fillMode,
-      rounded: i = l.defaultProps.rounded,
-      autoFocus: r = l.defaultProps.autoFocus
-    } = this.props, o = this.props.id || this._inputId, a = !this.validityStyles || this.validity.valid, p = this.props.style || {}, {
-      prefix: n = l.defaultProps.prefix,
-      suffix: u = l.defaultProps.suffix
-    } = this.props, [h] = g(n), [b] = g(u), f = /* @__PURE__ */ d.createElement(
+      rounded: r = l.defaultProps.rounded,
+      autoFocus: s = l.defaultProps.autoFocus,
+      unstyled: o,
+      className: a
+    } = this.props, p = this.props.id || this._inputId, n = !this.validityStyles || this.validity.valid, u = this.props.style || {}, h = o && o.uMaskedTextBox, {
+      prefix: P = l.defaultProps.prefix,
+      suffix: C = l.defaultProps.suffix
+    } = this.props, [_] = g(P), [x] = g(C), f = /* @__PURE__ */ d.createElement(
       "span",
       {
         dir: this.props.dir,
-        className: S(
-          "k-maskedtextbox k-input",
+        className: y(b.wrapper(
           {
-            [`k-input-${y.sizeMap[s] || s}`]: s,
-            [`k-input-${t}`]: t,
-            [`k-rounded-${y.roundedMap[i] || i}`]: i,
-            "k-invalid": !a,
-            "k-required": this.required,
-            "k-disabled": this.props.disabled
-          },
-          this.props.className
-        ),
-        style: this.props.label ? p : { width: this.props.width, ...p }
+            c: h,
+            invalid: !n,
+            disabled: this.props.disabled,
+            size: i,
+            fillMode: t,
+            rounded: r
+          }
+        ), a),
+        style: this.props.label ? u : { width: this.props.width, ...u }
       },
-      /* @__PURE__ */ d.createElement(h, null),
+      /* @__PURE__ */ d.createElement(_, null),
       /* @__PURE__ */ d.createElement(
         "input",
         {
@@ -183,22 +183,22 @@ const l = class l extends d.Component {
           autoComplete: "off",
           autoCorrect: "off",
           autoCapitalize: "off",
-          autoFocus: r,
+          autoFocus: s,
           spellCheck: !1,
-          className: "k-input-inner",
+          className: y(b.input({ c: h })),
           value: this.value,
-          id: o,
+          id: p,
           "aria-labelledby": this.props.ariaLabelledBy,
           "aria-describedby": this.props.ariaDescribedBy,
           "aria-placeholder": this.props.mask,
           name: this.props.name,
-          tabIndex: x(this.props.tabIndex, this.props.disabled, !0),
+          tabIndex: V(this.props.tabIndex, this.props.disabled, !0),
           accessKey: this.props.accessKey,
           title: this.props.title,
           disabled: this.props.disabled || void 0,
           readOnly: this.props.readonly || void 0,
           placeholder: this.props.placeholder,
-          ref: (k) => this._input = k,
+          ref: (S) => this._input = S,
           onChange: this.onChangeHandler,
           onPaste: this.pasteHandler,
           onFocus: this.focusHandler,
@@ -207,15 +207,15 @@ const l = class l extends d.Component {
           onDrop: m
         }
       ),
-      /* @__PURE__ */ d.createElement(b, null)
+      /* @__PURE__ */ d.createElement(x, null)
     );
     return this.props.label ? /* @__PURE__ */ d.createElement(
-      M,
+      H,
       {
         label: this.props.label,
-        editorId: o,
+        editorId: p,
         editorValue: this.value,
-        editorValid: a,
+        editorValid: n,
         editorDisabled: this.props.disabled,
         editorPlaceholder: this.props.placeholder,
         children: f,
@@ -224,12 +224,12 @@ const l = class l extends d.Component {
       }
     ) : f;
   }
-  triggerOnChange(s, t) {
+  triggerOnChange(i, t) {
     if (this.setState({
-      value: s
+      value: i
     }), this.props.onChange) {
-      this._valueDuringOnChange = s;
-      const i = {
+      this._valueDuringOnChange = i;
+      const r = {
         syntheticEvent: t,
         nativeEvent: t.nativeEvent,
         selectionStart: this._selection[0],
@@ -237,17 +237,17 @@ const l = class l extends d.Component {
         target: this,
         value: this.value
       };
-      this.props.onChange.call(void 0, i), this._valueDuringOnChange = void 0;
+      this.props.onChange.call(void 0, r), this._valueDuringOnChange = void 0;
     }
   }
-  updateService(s) {
+  updateService(i) {
     const t = Object.assign({
       includeLiterals: this.props.includeLiterals,
       mask: this.props.mask,
       prompt: this.props.prompt,
       promptPlaceholder: this.props.promptPlaceholder,
       rules: this.rules
-    }, s);
+    }, i);
     this._service.update(t);
   }
   get rules() {
@@ -280,10 +280,10 @@ l.displayName = "MaskedTextBox", l.propTypes = {
   includeLiterals: e.bool,
   maskValidation: e.bool,
   mask: e.string,
-  rules: function(s, t, i) {
-    const r = s.rules;
-    return r !== void 0 && !Object.entries(r).some((a) => typeof a != "string" || !(r[a] instanceof RegExp)) ? new Error(
-      "Invalid prop `" + t + "` supplied to `" + i + "`. Validation failed."
+  rules: function(i, t, r) {
+    const s = i.rules;
+    return s !== void 0 && !Object.entries(s).some((a) => typeof a != "string" || !(s[a] instanceof RegExp)) ? new Error(
+      "Invalid prop `" + t + "` supplied to `" + r + "`. Validation failed."
     ) : null;
   },
   selection: e.shape({
@@ -309,18 +309,18 @@ l.displayName = "MaskedTextBox", l.propTypes = {
   rules: v,
   required: !1,
   validityStyles: !0,
-  prefix: (s) => null,
-  suffix: (s) => null,
+  prefix: (i) => null,
+  suffix: (i) => null,
   size: "medium",
   rounded: "medium",
   fillMode: "solid",
   autoFocus: !1
 };
 let c = l;
-const q = E(), w = V(O(q, c));
-w.displayName = "KendoReactMaskedTextBox";
+const B = w(), F = M(I(B, D(c)));
+F.displayName = "KendoReactMaskedTextBox";
 export {
-  w as MaskedTextBox,
-  q as MaskedTextBoxPropsContext,
+  F as MaskedTextBox,
+  B as MaskedTextBoxPropsContext,
   c as MaskedTextBoxWithoutContext
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1723132125,
+  publishDate: 1724427503,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "8.2.1-develop.5",
+  "version": "8.3.0-develop.10",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,13 +25,13 @@
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.2.1-develop.5",
-    "@progress/kendo-react-buttons": "8.2.1-develop.5",
-    "@progress/kendo-react-common": "8.2.1-develop.5",
-    "@progress/kendo-react-dialogs": "8.2.1-develop.5",
-    "@progress/kendo-react-intl": "8.2.1-develop.5",
-    "@progress/kendo-react-labels": "8.2.1-develop.5",
-    "@progress/kendo-react-popup": "8.2.1-develop.5",
+    "@progress/kendo-react-animation": "8.3.0-develop.10",
+    "@progress/kendo-react-buttons": "8.3.0-develop.10",
+    "@progress/kendo-react-common": "8.3.0-develop.10",
+    "@progress/kendo-react-dialogs": "8.3.0-develop.10",
+    "@progress/kendo-react-intl": "8.3.0-develop.10",
+    "@progress/kendo-react-labels": "8.3.0-develop.10",
+    "@progress/kendo-react-popup": "8.3.0-develop.10",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/radiobutton/RadioButton.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 D=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),w=require("../package-metadata.js");function _(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(s,l,r.get?r:{enumerable:!0,get:()=>n[l]})}}return s.default=n,Object.freeze(s)}const e=_(D),E=a.createPropsContext(),g=e.forwardRef((n,s)=>{a.validatePackage(w.packageMetadata);const l=a.usePropsContext(E,n),{ariaDescribedBy:r,checked:k,children:h,className:x,disabled:o,id:v,size:d=H.size,label:m,labelPlacement:F,name:I,style:N,tabIndex:O,value:b,valid:j,onChange:y,onFocus:p,onBlur:f,...z}=l,i=e.useRef(null),C=e.useCallback(()=>{i.current&&i.current.focus()},[]),u=e.useCallback(()=>({element:i.current,focus:C}),[C]);e.useImperativeHandle(s,u);const P=a.useId(),M=e.useCallback(c=>{a.dispatchEvent(y,c,u(),{value:b})},[y,b,o]),T=e.useCallback(c=>{p&&!o&&a.dispatchEvent(p,c,u(),void 0)},[p,o]),S=e.useCallback(c=>{f&&!o&&a.dispatchEvent(f,c,u(),void 0)},[f,o]),q={type:"radio",id:v||P,name:I,className:a.classNames("k-radio",{[`k-radio-${a.kendoThemeMaps.sizeMap[d]||d}`]:d,"k-invalid":j===!1,"k-checked":k},x),ref:i,disabled:o,tabIndex:a.getTabIndex(O,o),checked:k,style:N,"aria-describedby":r,value:b,onChange:M,onFocus:T,onBlur:S,...z},B=e.createElement(e.Fragment,null,m!==void 0?e.createElement("label",{className:"k-radio-label",htmlFor:v||P,style:{userSelect:"none"},"aria-label":m},m):null),R=e.createElement("span",{className:"k-radio-wrap"},e.createElement("input",{...q}));return F==="before"?e.createElement(e.Fragment,null,B,R,h):e.createElement(e.Fragment,null,R,B,h)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const H={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),H=require("../package-metadata.js");function K(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return l.default=n,Object.freeze(l)}const e=K(_),N=a.createPropsContext(),g=e.forwardRef((n,l)=>{a.validatePackage(H.packageMetadata);const s=a.usePropsContext(N,n),{ariaDescribedBy:r,checked:y,children:v,className:x,disabled:o,id:B,size:F=L.size,label:d,labelPlacement:I,name:O,style:j,tabIndex:z,value:m,valid:S,onChange:h,onFocus:b,onBlur:p,...T}=s,C=a.useUnstyled(),f=C&&C.uRadioButton,u=e.useRef(null),R=e.useCallback(()=>{u.current&&u.current.focus()},[]),i=e.useCallback(()=>({element:u.current,focus:R}),[R]);e.useImperativeHandle(l,i);const P=a.useId(),q=e.useCallback(c=>{a.dispatchEvent(h,c,i(),{value:m})},[h,m,o]),D=e.useCallback(c=>{b&&!o&&a.dispatchEvent(b,c,i(),void 0)},[b,o]),M=e.useCallback(c=>{p&&!o&&a.dispatchEvent(p,c,i(),void 0)},[p,o]),w={type:"radio",id:B||P,name:O,className:a.classNames(a.uRadioButton.input({c:f,size:F,invalid:S===!1,checked:y}),x),ref:u,disabled:o,tabIndex:a.getTabIndex(z,o),checked:y,style:j,"aria-describedby":r,value:m,onChange:q,onFocus:D,onBlur:M,...T},k=e.createElement(e.Fragment,null,d!==void 0?e.createElement("label",{className:a.classNames(a.uRadioButton.label({c:f})),htmlFor:B||P,style:{userSelect:"none"},"aria-label":d},d):null),E=e.createElement("span",{className:a.classNames(a.uRadioButton.wrap({c:f}))},e.createElement("input",{...w}));return I==="before"?e.createElement(e.Fragment,null,k,E,v):e.createElement(e.Fragment,null,E,k,v)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const L={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=N;

package/radiobutton/RadioButton.mjs

@@ -8,109 +8,109 @@
 "use client";
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as j, validatePackage as K, usePropsContext as L, useId as O, dispatchEvent as u, classNames as S, kendoThemeMaps as $, getTabIndex as q } from "@progress/kendo-react-common";
-import { packageMetadata as A } from "../package-metadata.mjs";
-const G = j(), C = e.forwardRef((y, B) => {
-  K(A);
-  const P = L(G, y), {
-    ariaDescribedBy: x,
-    checked: m,
-    children: b,
-    className: E,
-    disabled: n,
-    id: p,
-    size: s = J.size,
-    label: r,
-    labelPlacement: F,
-    name: I,
-    style: N,
-    tabIndex: R,
+import { createPropsContext as S, validatePackage as U, usePropsContext as q, useUnstyled as A, useId as G, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as J } from "@progress/kendo-react-common";
+import { packageMetadata as Q } from "../package-metadata.mjs";
+const V = S(), P = e.forwardRef((R, x) => {
+  U(Q);
+  const E = q(V, R), {
+    ariaDescribedBy: F,
+    checked: p,
+    children: f,
+    className: I,
+    disabled: t,
+    id: g,
+    size: N = W.size,
+    label: o,
+    labelPlacement: z,
+    name: T,
+    style: w,
+    tabIndex: D,
     value: c,
-    valid: z,
-    onChange: f,
-    onFocus: i,
-    onBlur: d,
-    ...T
-  } = P, l = e.useRef(null), g = e.useCallback(
+    valid: H,
+    onChange: h,
+    onFocus: r,
+    onBlur: i,
+    ...j
+  } = E, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(
     () => {
       l.current && l.current.focus();
     },
     []
-  ), o = e.useCallback(
+  ), s = e.useCallback(
     () => ({
       element: l.current,
-      focus: g
+      focus: C
     }),
-    [g]
+    [C]
   );
-  e.useImperativeHandle(B, o);
-  const k = O(), M = e.useCallback(
-    (t) => {
-      u(
-        f,
-        t,
-        o(),
+  e.useImperativeHandle(x, s);
+  const v = G(), K = e.useCallback(
+    (n) => {
+      d(
+        h,
+        n,
+        s(),
         { value: c }
       );
     },
-    [f, c, n]
-  ), w = e.useCallback(
-    (t) => {
-      i && !n && u(
-        i,
-        t,
-        o(),
+    [h, c, t]
+  ), L = e.useCallback(
+    (n) => {
+      r && !t && d(
+        r,
+        n,
+        s(),
         void 0
       );
     },
-    [i, n]
-  ), D = e.useCallback(
-    (t) => {
-      d && !n && u(
-        d,
-        t,
-        o(),
+    [r, t]
+  ), M = e.useCallback(
+    (n) => {
+      i && !t && d(
+        i,
+        n,
+        s(),
         void 0
       );
     },
-    [d, n]
-  ), H = {
+    [i, t]
+  ), O = {
     type: "radio",
-    id: p || k,
-    name: I,
-    className: S(
-      "k-radio",
-      {
-        [`k-radio-${$.sizeMap[s] || s}`]: s,
-        "k-invalid": z === !1,
-        "k-checked": m
-      },
-      E
+    id: g || v,
+    name: T,
+    className: m(
+      b.input({
+        c: u,
+        size: N,
+        invalid: H === !1,
+        checked: p
+      }),
+      I
     ),
     ref: l,
-    disabled: n,
-    tabIndex: q(R, n),
-    checked: m,
-    style: N,
-    "aria-describedby": x,
+    disabled: t,
+    tabIndex: J(D, t),
+    checked: p,
+    style: w,
+    "aria-describedby": F,
     value: c,
-    onChange: M,
-    onFocus: w,
-    onBlur: D,
-    ...T
-  }, h = /* @__PURE__ */ e.createElement(e.Fragment, null, r !== void 0 ? /* @__PURE__ */ e.createElement(
+    onChange: K,
+    onFocus: L,
+    onBlur: M,
+    ...j
+  }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
-      className: "k-radio-label",
-      htmlFor: p || k,
+      className: m(b.label({ c: u })),
+      htmlFor: g || v,
       style: { userSelect: "none" },
-      "aria-label": r
+      "aria-label": o
     },
-    r
-  ) : null), v = /* @__PURE__ */ e.createElement("span", { className: "k-radio-wrap" }, /* @__PURE__ */ e.createElement("input", { ...H }));
-  return F === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, v, b) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, h, b);
+    o
+  ) : null), k = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...O }));
+  return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, k, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, k, B, f);
 });
-C.propTypes = {
+P.propTypes = {
   ariaDescribedBy: a.string,
   checked: a.bool,
   className: a.string,
@@ -128,11 +128,11 @@ C.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const J = {
+const W = {
   size: "medium"
 };
-C.displayName = "KendoRadioButton";
+P.displayName = "KendoRadioButton";
 export {
-  C as RadioButton,
-  G as RadioButtonPropsContext
+  P as RadioButton,
+  V as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.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 H=require("react"),e=require("prop-types"),L=require("./RadioButton.js"),s=require("@progress/kendo-react-common"),K=require("../package-metadata.js");function A(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>l[n]})}}return c.default=l,Object.freeze(c)}const t=A(H),E=s.createPropsContext(),y=t.forwardRef((l,c)=>{s.validatePackage(K.packageMetadata);const n=s.usePropsContext(E,l),{id:d,ariaLabelledBy:N,ariaDescribedBy:O,className:j,data:g,defaultValue:B,disabled:o,name:G,labelPlacement:I,layout:u,style:F,value:k,valid:S,item:q=J.item,onChange:b,onFocus:m}=n,i=t.useRef(null),C=t.useCallback(()=>{i.current&&s.focusFirstFocusableChild(i.current)},[]),p=t.useCallback(()=>({element:i.current,focus:C}),[C]);t.useImperativeHandle(c,p);const[x,v]=t.useState(B),h=k!==void 0,f=h?k:x,D=t.useCallback(a=>{let r=a.value;!h&&!o&&v(r),b&&!o&&s.dispatchEvent(b,a.syntheticEvent,p(),{value:r})},[v,b,o]),M=t.useCallback(a=>{m&&!o&&s.dispatchEvent(m,a.syntheticEvent,p(),void 0)},[m,o]),T=s.useId(),V=s.classNames("k-radio-list",{"k-list-horizontal":u==="horizontal","k-list-vertical":u==="vertical"||u===void 0},j),z=s.useRtl(i,n.dir),_=g&&g.map((a,r)=>{const P=f===a.value,w=f==null,R={...a,valid:S,checked:P,disabled:!!(a.disabled||o),labelPlacement:a.labelPlacement?a.labelPlacement:I,tabIndex:a.tabIndex?a.tabIndex:w&&r===0||P?0:-1,index:r,name:G||T,onChange:D,onFocus:M};return t.createElement(q,{className:s.classNames("k-radio-list-item",{"k-disabled":R.disabled||o}),key:r,role:"none"},t.createElement(L.RadioButton,{...R}))});return t.createElement("ul",{id:d,role:"radiogroup",className:V,ref:i,dir:z,style:F,"aria-labelledby":N,"aria-describedby":O},_)}),J={item:l=>t.createElement("li",{...l})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),e=require("prop-types"),U=require("./RadioButton.js"),a=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(c,n,i.get?i:{enumerable:!0,get:()=>o[n]})}}return c.default=o,Object.freeze(c)}const s=J(K),N=a.createPropsContext(),y=s.forwardRef((o,c)=>{a.validatePackage(A.packageMetadata);const n=a.usePropsContext(N,o),{id:i,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:g,defaultValue:I,disabled:l,name:F,labelPlacement:S,layout:d,style:q,value:C,valid:x,item:D=Q.item,onChange:b,onFocus:m}=n,v=a.useUnstyled(),h=v&&v.uRadioGroup,u=s.useRef(null),R=s.useCallback(()=>{u.current&&a.focusFirstFocusableChild(u.current)},[]),p=s.useCallback(()=>({element:u.current,focus:R}),[R]);s.useImperativeHandle(c,p);const[M,k]=s.useState(I),P=C!==void 0,f=P?C:M,T=s.useCallback(t=>{let r=t.value;!P&&!l&&k(r),b&&!l&&a.dispatchEvent(b,t.syntheticEvent,p(),{value:r})},[k,b,l]),V=s.useCallback(t=>{m&&!l&&a.dispatchEvent(m,t.syntheticEvent,p(),void 0)},[m,l]),z=a.useId(),_=a.classNames(a.uRadioGroup.ul({c:h,horizontal:d==="horizontal",vertical:d==="vertical"||d===void 0}),B),w=a.useRtl(u,n.dir),H=g&&g.map((t,r)=>{const G=f===t.value,L=f==null,E={...t,valid:x,checked:G,disabled:!!(t.disabled||l),labelPlacement:t.labelPlacement?t.labelPlacement:S,tabIndex:t.tabIndex?t.tabIndex:L&&r===0||G?0:-1,index:r,name:F||z,onChange:T,onFocus:V};return s.createElement(D,{className:a.classNames(a.uRadioGroup.item({c:h,disabled:E.disabled||l})),key:r,role:"none"},s.createElement(U.RadioButton,{...E}))});return s.createElement("ul",{id:i,role:"radiogroup",className:_,ref:u,dir:w,style:q,"aria-labelledby":O,"aria-describedby":j},H)}),Q={item:o=>s.createElement("li",{...o})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=N;